overmind/packages/overmind-devtools-client/src/components/State/styles.ts at patch-3 · hipertracker/overmind · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
import { css } from 'emotion'

import { colors } from '../../theme'

export const wrapper = css({
  position: 'relative',
  padding: '2rem',
  height: '100vh',
  boxSizing: 'border-box',
  overflowY: 'scroll',
})

export const edit = css({
  position: 'absolute',
  right: '1rem',
  top: '1rem',
  color: colors.highlight,
  fontSize: 12,
})

export const label = css({
  display: 'flex',
})

export const labelWrapper = css({
  display: 'flex',
  alignItems: 'center',
})

export const derivedLabel = css({
  marginRight: 5,
  backgroundColor: colors.highlight,
  padding: '0 0.25rem',
  borderRadius: 3,
  color: colors.background,
  display: 'flex',
  alignItems: 'center',
})