UNPKG

@startupjs/ui/components/Div/index.styl

Version:

407 Btext/stylusView Raw

1_pushedSizes = ('xs' 's' 'm' 'l' 'xl' 'xxl')
2
3.root
4  &.rounded
5    radius()
6
7  &.circle
8    radius(circle)
9
10  // Shadow does not work without backgorund color
11  &.with-shadow
12    background-color $UI.colors.white
13
14  for size in _pushedSizes
15    &.pushed-{size}
16      margin-left: $UI.gutters[size]
17
18  &.bleed
19    bleed()
20
21  &.clickable
22    cursor pointer
23    user-select none
24
25  &.disabled
26    opacity 0.5

1	`_pushedSizes = ('xs' 's' 'm' 'l' 'xl' 'xxl')`
2
3	`.root`
4	`&.rounded`
5	`radius()`
6
7	`&.circle`
8	`radius(circle)`
9
10	`// Shadow does not work without backgorund color`
11	`&.with-shadow`
12	`background-color $UI.colors.white`
13
14	`for size in _pushedSizes`
15	`&.pushed-{size}`
16	`margin-left: $UI.gutters[size]`
17
18	`&.bleed`
19	`bleed()`
20
21	`&.clickable`
22	`cursor pointer`
23	`user-select none`
24
25	`&.disabled`
26	`opacity 0.5`