UNPKG

@c8y/style

Version:

Styles for Cumulocity IoT applications

60 lines (55 loc) • 1.84 kB
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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
.separator-top { box-shadow: inset 0 1px 0 @component-border-color !important; } .separator-top-bottom { box-shadow: inset 0 1px 0 @component-border-color, inset 0 -1px 0 @component-border-color !important; } .separator-bottom { min-height: 1px; // ensure it can be used in an empty tag box-shadow: inset 0 -1px 0 @component-border-color !important; } //media queries @media (max-width: @screen-xs-max) { .separator-top-xs { box-shadow: inset 0 1px 0 @component-border-color !important; } .separator-top-bottom-xs { box-shadow: inset 0 1px 0 @component-border-color, inset 0 -1px 0 @component-border-color !important; } .separator-bottom-xs { box-shadow: inset 0 -1px 0 @component-border-color !important; } } @media (min-width: @screen-sm-min) { .separator-top-sm { box-shadow: inset 0 1px 0 @component-border-color !important; } .separator-top-bottom-sm { box-shadow: inset 0 1px 0 @component-border-color, inset 0 -1px 0 @component-border-color !important; } .separator-bottom-sm { box-shadow: inset 0 -1px 0 @component-border-color !important; } } @media (min-width: @screen-md-min) { .separator-top-md { box-shadow: inset 0 1px 0 @component-border-color !important; } .separator-top-bottom-md { box-shadow: inset 0 1px 0 @component-border-color, inset 0 -1px 0 @component-border-color !important; } .separator-bottom-md { box-shadow: inset 0 -1px 0 @component-border-color !important; } } @media (min-width: @screen-lg-min) { .separator-top-lg { box-shadow: inset 0 1px 0 @component-border-color !important; } .separator-top-bottom-lg { box-shadow: inset 0 1px 0 @component-border-color, inset 0 -1px 0 @component-border-color !important; } .separator-bottom-lg { box-shadow: inset 0 -1px 0 @component-border-color !important; } }