git.iko.soy/bridge
on master help sign in
bridge/src/components/L2/LayerIndicator.scss
59 lines 879 B history raw
1@import 'style/shared/variables.scss';
3.layer-indicator {
4 border-radius: $small-border-radius;
5 color: white;
7 &.l1 {
8 background-color: $dark-gray;
9 }
11 &.l2 {
12 background-color: black;
14 &.selected {
15 background-color: white;
16 color: black;
17 }
18 }
20 &.sm, &.md, &.lg {
21 text-align: center;
22 }
24 &.sm {
25 height: 16px;
26 padding: 2px 4px 0;
27 font-size: 12px;
28 width: 14px;
29 }
31 &.smt {
32 height: 20px;
33 padding: 4px 4px 0;
34 font-size: 12px;
35 width: 14px;
36 }
38 &.md {
39 height: 20px;
40 padding: 4px 4px 0;
41 font-size: 14px;
42 margin-right: 4px;
43 width: 18px;
44 }
46 &.lg {
47 height: 24px;
48 padding: 8px 7px 0;
49 font-size: 14px;
50 margin-right: 4px;
51 width: 18px;
52 border-radius: $medium-border-radius;
53 }
55 &.header {
56 border-top-left-radius: 0;
57 border-bottom-left-radius: 0;
58 }