1 | @for $i from 0 through 10 {
|
---|
2 | .m-#{5 * $i} {
|
---|
3 | margin: 5px * $i !important;
|
---|
4 | }
|
---|
5 | }
|
---|
6 |
|
---|
7 | @for $i from 0 through 10 {
|
---|
8 | .m-t-b-#{5 * $i} {
|
---|
9 | margin-top: 5px * $i !important;
|
---|
10 | margin-bottom: 5px * $i !important;
|
---|
11 | }
|
---|
12 | }
|
---|
13 |
|
---|
14 | @for $i from 0 through 10 {
|
---|
15 | .m-l-r-#{5 * $i} {
|
---|
16 | margin-left: 5px * $i !important;
|
---|
17 | margin-right: 5px * $i !important;
|
---|
18 | }
|
---|
19 | }
|
---|
20 |
|
---|
21 | @for $i from 0 through 10 {
|
---|
22 | .m-t-#{5 * $i} {
|
---|
23 | margin-top: 5px * $i !important;
|
---|
24 | }
|
---|
25 | }
|
---|
26 |
|
---|
27 | @for $i from 0 through 10 {
|
---|
28 | .m-r-#{5 * $i} {
|
---|
29 | margin-right: 5px * $i !important;
|
---|
30 | }
|
---|
31 | }
|
---|
32 |
|
---|
33 | @for $i from 0 through 10 {
|
---|
34 | .m-b-#{5 * $i} {
|
---|
35 | margin-bottom: 5px * $i !important;
|
---|
36 | }
|
---|
37 | }
|
---|
38 |
|
---|
39 | @for $i from 0 through 10 {
|
---|
40 | .m-l-#{5 * $i} {
|
---|
41 | margin-left: 5px * $i !important;
|
---|
42 | }
|
---|
43 | }
|
---|
44 |
|
---|
45 | @for $i from 0 through 100 {
|
---|
46 | .m-t-#{10 * $i}-minus {
|
---|
47 | margin-top: -10px * $i !important;
|
---|
48 | }
|
---|
49 | }
|
---|
50 |
|
---|
51 | @for $i from 0 through 100 {
|
---|
52 | .m-r-#{10 * $i}-minus {
|
---|
53 | margin-right: -10px * $i !important;
|
---|
54 | }
|
---|
55 | }
|
---|
56 |
|
---|
57 | @for $i from 0 through 100 {
|
---|
58 | .m-b-#{10 * $i}-minus {
|
---|
59 | margin-bottom: -10px * $i !important;
|
---|
60 | }
|
---|
61 | }
|
---|
62 |
|
---|
63 | @for $i from 0 through 100 {
|
---|
64 | .m-l-#{10 * $i}-minus {
|
---|
65 | margin-left: -10px * $i !important;
|
---|
66 | }
|
---|
67 | }
|
---|
68 |
|
---|
69 | @for $i from 0 through 10 {
|
---|
70 | .p-t-b-#{5 * $i} {
|
---|
71 | padding-top: 5px * $i !important;
|
---|
72 | padding-bottom: 5px * $i !important;
|
---|
73 | }
|
---|
74 | }
|
---|
75 |
|
---|
76 | @for $i from 0 through 10 {
|
---|
77 | .p-l-r-#{5 * $i} {
|
---|
78 | padding-left: 5px * $i !important;
|
---|
79 | padding-right: 5px * $i !important;
|
---|
80 | }
|
---|
81 | }
|
---|
82 |
|
---|
83 | @for $i from 0 through 10 {
|
---|
84 | .p-#{5 * $i} {
|
---|
85 | padding: 5px * $i !important;
|
---|
86 | }
|
---|
87 | }
|
---|
88 |
|
---|
89 | @for $i from 0 through 30 {
|
---|
90 | .p-t-#{5 * $i} {
|
---|
91 | padding-top: 5px * $i !important;
|
---|
92 | }
|
---|
93 | }
|
---|
94 |
|
---|
95 | @for $i from 0 through 30 {
|
---|
96 | .p-r-#{5 * $i} {
|
---|
97 | padding-right: 5px * $i !important;
|
---|
98 | }
|
---|
99 | }
|
---|
100 |
|
---|
101 | @for $i from 0 through 30 {
|
---|
102 | .p-b-#{5 * $i} {
|
---|
103 | padding-bottom: 5px * $i !important;
|
---|
104 | }
|
---|
105 | }
|
---|
106 |
|
---|
107 | @for $i from 0 through 30 {
|
---|
108 | .p-l-#{5 * $i} {
|
---|
109 | padding-left: 5px * $i !important;
|
---|
110 | }
|
---|
111 | }
|
---|
112 |
|
---|
113 | @for $i from 0 through 9 {
|
---|
114 | .opacity-#{$i} {
|
---|
115 | opacity: $i / 10 !important;
|
---|
116 | }
|
---|
117 | }
|
---|
118 |
|
---|
119 | @for $i from 10 through 50 {
|
---|
120 | .font-size-#{$i} {
|
---|
121 | font-size: 1px * $i !important;
|
---|
122 | }
|
---|
123 | }
|
---|
124 |
|
---|
125 | @for $i from 0 through 50 {
|
---|
126 | .line-height-#{$i} {
|
---|
127 | line-height: 1px * $i !important;
|
---|
128 | }
|
---|
129 | }
|
---|
130 |
|
---|
131 | @for $i from 10 through 50 {
|
---|
132 | .width-#{$i * 1} {
|
---|
133 | width: #{$i}px !important;
|
---|
134 | }
|
---|
135 | }
|
---|
136 |
|
---|
137 | @for $i from 10 through 50 {
|
---|
138 | .height-#{$i * 1} {
|
---|
139 | height: #{$i}px !important;
|
---|
140 | }
|
---|
141 | }
|
---|
142 |
|
---|
143 | .h-100-vh {
|
---|
144 | height: 100vh;
|
---|
145 | } |
---|