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
| // // Define common padding, margin and border radius sizes and more.
|
|
|
|
| // ==========================
| // Direction Properties
| // ==========================
|
| $dir-top: top;
| $dir-bottom: bottom;
| $dir-right: right;
| $dir-left: left;
|
| // ==========================
| // Borders Properties
| // ==========================
|
|
| // // Border styles
|
| $b-dot: dotted;
| $b-dashed: dashed;
| $b-solid: solid;
| $b-double: double;
|
| // Border width
|
| $b-width0: 0;
| $b-width1: 1px;
| $b-width2: 2px;
| $b-width3: 3px;
| $b-width4: 4px;
| $b-width5: 5px;
| $b-width6: 6px;
|
| // Border Radius
|
| $br-0: 0;
| $br-4: 4px;
| $br-6: 6px;
| $br-10: 10px;
| $br-30: 30px;
| $br-50: 50px;
|
|
|
| // ============================
| // Position Properties
| // ============================
|
| $pos-abs: absolute;
| $pos-static: static;
| $pos-fix: fixed;
| $pos-inherit: inherit;
| $pos-initial: initial;
| $pos-rel: relative;
| $pos-unset: unset;
|
|
