|
9 | 9 |
|
10 | 10 | .row.first-row { |
11 | 11 | padding-top: calc(var(--default-grid-baseline) * 4); |
12 | | - padding-left: 60px; |
| 12 | + padding-inline-start: 60px; |
13 | 13 | /*width: calc(100% - 45px);*/ |
14 | 14 | width: 100%; |
15 | 15 | padding-bottom: 20px; |
|
47 | 47 | .col-4 { width: calc(100% - 20px); } |
48 | 48 |
|
49 | 49 | .row [class^='col-'], .row [class^='fix-col-'] { |
50 | | - float: left; |
| 50 | + float: inline-start; |
51 | 51 | position: relative; |
52 | 52 | /* |
53 | 53 | padding-right: 20px; |
|
56 | 56 | } |
57 | 57 |
|
58 | 58 | .floatReverse [class*='col-'] { |
59 | | - float: right; |
| 59 | + float: inline-end; |
60 | 60 | } |
61 | 61 |
|
62 | 62 | /* ===================== SPACES for rows OR columns =================00 */ |
63 | 63 | .row .space-L { |
64 | | - margin-left: 20px; |
| 64 | + margin-inline-start: 20px; |
65 | 65 | } |
66 | 66 |
|
67 | 67 | .row.space-L { |
68 | | - margin-left: 20px; |
| 68 | + margin-inline-start: 20px; |
69 | 69 | width: calc(100% - 20px); |
70 | 70 | } |
71 | 71 |
|
72 | 72 | .row .space-L-small { |
73 | | - margin-left: 8px; |
| 73 | + margin-inline-start: 8px; |
74 | 74 | } |
75 | 75 |
|
76 | 76 | .row.space-L-small { |
77 | | - margin-left: 8px; |
| 77 | + margin-inline-start: 8px; |
78 | 78 | width: calc(100% - 8px); |
79 | 79 | } |
80 | 80 |
|
81 | 81 | .row .space-R { |
82 | | - margin-right: 20px; |
| 82 | + margin-inline-end: 20px; |
83 | 83 | } |
84 | 84 |
|
85 | 85 | .row.space-R { |
86 | | - margin-right: 20px; |
| 86 | + margin-inline-end: 20px; |
87 | 87 | width: calc(100% - 20px); |
88 | 88 | } |
89 | 89 |
|
90 | 90 | .row .space-R-small { |
91 | | - margin-right: 8px; |
| 91 | + margin-inline-end: 8px; |
92 | 92 | } |
93 | 93 |
|
94 | 94 | .row.space-R-small { |
95 | | - margin-right: 8px; |
| 95 | + margin-inline-end: 8px; |
96 | 96 | width: calc(100% - 8px); |
97 | 97 | } |
98 | 98 |
|
99 | 99 | .row .space-LR { |
100 | | - margin-left: 20px; |
101 | | - margin-right: 20px; |
| 100 | + margin-inline: 20px; |
102 | 101 | } |
103 | 102 |
|
104 | 103 | .row.space-LR { |
105 | | - margin-left: 20px; |
106 | | - margin-right: 20px; |
| 104 | + margin-inline: 20px; |
107 | 105 | width: calc(100% - 40px); |
108 | 106 | } |
109 | 107 |
|
110 | 108 | .row .space-LR-small { |
111 | | - margin-left: 8px; |
112 | | - margin-right: 8px; |
| 109 | + margin-inline: 8px; |
113 | 110 | } |
114 | 111 |
|
115 | 112 | .row.space-LR-small { |
116 | | - margin-left: 8px; |
117 | | - margin-right: 8px; |
| 113 | + margin-inline: 8px; |
118 | 114 | width: calc(100% - 16px); |
119 | 115 | } |
120 | 116 |
|
|
145 | 141 | /* put two or more elements (buttons) to the left and right */ |
146 | 142 | .col-stretch-elements { |
147 | 143 | justify-content: space-between; |
148 | | - padding-right: 0; |
| 144 | + padding-inline-end: 0; |
149 | 145 | width: 100%; |
150 | 146 | } |
151 | 147 |
|
|
159 | 155 | .fix-col-4 { width: 100%; } |
160 | 156 |
|
161 | 157 | [class*='fix-col-'] { |
162 | | - float: left; |
| 158 | + float: inline-start; |
163 | 159 | position: relative; |
164 | 160 | padding: 0; |
165 | 161 | display: flex; |
166 | 162 | } |
167 | 163 |
|
168 | 164 | .floatReverse [class*='fix-col-'] { |
169 | | - float: right; |
| 165 | + float: inline-end; |
170 | 166 | } |
171 | 167 |
|
172 | 168 | /* ===== BOXES ========================== */ |
|
184 | 180 | } |
185 | 181 |
|
186 | 182 | [class^='box-'] { |
187 | | - margin-right: 20px; |
| 183 | + margin-inline-end: 20px; |
188 | 184 | margin-bottom: 20px; |
189 | 185 | background-color: var(--color-background-darker); |
190 | 186 | padding: 15px; |
191 | | - float: left; |
| 187 | + float: inline-start; |
192 | 188 | position: relative; |
193 | 189 | } |
194 | 190 |
|
|
221 | 217 | .hide-xs { |
222 | 218 | display: none; |
223 | 219 | } |
224 | | - .col-1, .fix-col-1 { width: 100%; padding-left: 0; padding-right: 0; } |
225 | | - .col-3, .fix-col-3 { width: 100%; padding-left: 0; padding-right: 0; } |
| 220 | + .col-1, .fix-col-1 { width: 100%; padding-inline: 0; } |
| 221 | + .col-3, .fix-col-3 { width: 100%; padding-inline: 0; } |
226 | 222 | } |
227 | 223 |
|
228 | 224 | input, textarea { |
|
0 commit comments