romo 0.18.2 → 0.19.0

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA512:
3
- metadata.gz: 4a6caa77e3b43296bcfeb846f8fd5a184a63fc9ac6143878130a167ea192954c3d07c4d9d536efc43dc82eb85c31b09014678c135d6190b0f449a8be61bbe071
4
- data.tar.gz: 76bdce7f44df26dcb66ee60872dae0db2b23ee64a71b902646bfd8167784cfe68da68f18fd21d5dbb99579812911f2481f2f3583e6b640542fa1fd3e58f5555c
3
+ data.tar.gz: c668b5fe917176627f827c3b9a3a07219ecfec0d32ad82841d1c37c353e1571255f94b8bb248610d387f0999a009c97958e59aa2813aad475047dc72f2639b4b
4
+ metadata.gz: 3652fa2660347b851ff7be92f09c01448aa55aed03a2217e56cd9a87a4fed65177c5a8f4bf799b35984925efbbf7f9457aaf1a21c2f4205a8e31cfc6e70e62b1
5
5
  SHA1:
6
- metadata.gz: ceb86c06548e5fc0c278052eac50ab0bd64cd2a6
7
- data.tar.gz: 266215eb1ab03d10d0ae33cf4b925e15141fe0ee
6
+ data.tar.gz: 9d46061e0999f93f850c11eec93f8303cad7f999
7
+ metadata.gz: abb9a32cd3c5d39e27f6811cf0717e504f5b2d51
@@ -1,571 +1,580 @@
1
1
  @import 'css/romo/vars';
2
2
  @import 'css/romo/mixins';
3
3
 
4
- /* Globals */
5
- /* ------- */
4
+ html { height: 100%; }
6
5
 
7
- *, *:before, *:after { @include border-box; }
6
+ body.romo {
8
7
 
9
- html, body { height: 100%; }
8
+ height: 100%;
10
9
 
11
- body {
12
10
  @include rm-push;
13
11
  @include bg-base;
12
+
13
+ }
14
+
15
+ .romo {
16
+
17
+ /* Globals */
18
+
19
+ @include border-box;
20
+
21
+ *, *:before, *:after { @include border-box; }
22
+
14
23
  color: $baseColor;
15
24
  font-weight: normal;
16
- }
17
25
 
18
- *,
19
- legend { @include border-base; }
26
+ *,
27
+ legend { @include border-base; }
20
28
 
21
- table {
22
- max-width: 100%;
23
- background-color: transparent;
24
- border-collapse: collapse;
25
- border-spacing: 0;
26
- }
29
+ table {
30
+ max-width: 100%;
31
+ background-color: transparent;
32
+ border-collapse: collapse;
33
+ border-spacing: 0;
34
+ }
27
35
 
28
- th,
29
- td {
30
- @include rm-pad;
31
- @include rm-border;
32
- @include align-left;
33
- @include align-middle;
34
- }
36
+ th,
37
+ td {
38
+ @include rm-pad;
39
+ @include rm-border;
40
+ @include align-left;
41
+ @include align-middle;
42
+ }
35
43
 
36
- ul, ol { @include list-styled; }
44
+ ul, ol { @include list-styled; }
37
45
 
38
- img {
39
- width: auto\9;
40
- height: auto;
41
- max-width: 100%;
42
- vertical-align: middle;
43
- border: 0;
44
- -ms-interpolation-mode: bicubic;
45
- }
46
+ img {
47
+ width: auto\9;
48
+ height: auto;
49
+ max-width: 100%;
50
+ vertical-align: middle;
51
+ border: 0;
52
+ -ms-interpolation-mode: bicubic;
53
+ }
46
54
 
47
- /* Typography */
48
- /* ---------- */
55
+ /* Typography */
49
56
 
50
- body {
51
57
  font-family: $baseFontFamily;
52
58
  font-size: $baseFontSize;
53
59
  line-height: $baseLineHeight;
54
- }
55
60
 
56
- p {
57
- margin: 0 0 ($baseLineHeight / 2);
58
- }
61
+ p {
62
+ margin: 0 0 ($baseLineHeight / 2);
63
+ }
59
64
 
60
- small { font-size: 85%; } /* Ex: 14px base font * 85% = about 12px */
61
- strong { font-weight: bold; }
62
- em { font-style: italic; }
63
-
64
- a,
65
- a:link,
66
- a:visited,
67
- a:hover,
68
- a:focus,
69
- a:active {
70
- outline: 0;
71
- }
65
+ small { font-size: 85%; } /* Ex: 14px base font * 85% = about 12px */
66
+ strong { font-weight: bold; }
67
+ em { font-style: italic; }
68
+
69
+ a,
70
+ a:link,
71
+ a:visited,
72
+ a:hover,
73
+ a:focus,
74
+ a:active {
75
+ outline: 0;
76
+ }
72
77
 
73
- a,
74
- a:link,
75
- a:visited {
76
- color: $linkColor;
77
- text-decoration: none;
78
- }
79
- a:hover,
80
- a:focus,
81
- a:active {
82
- color: $linkColorHover;
83
- text-decoration: underline;
84
- }
78
+ a,
79
+ a:link,
80
+ a:visited {
81
+ color: $linkColor;
82
+ text-decoration: none;
83
+ }
84
+ a:hover,
85
+ a:focus,
86
+ a:active {
87
+ color: $linkColorHover;
88
+ text-decoration: underline;
89
+ }
85
90
 
86
- a.romo-text {
87
- color: $baseColor;
88
- text-decoration: none;
89
- }
90
- .romo-link { color: $linkColor !important; }
91
- .romo-link:hover,
92
- .romo-link-hover:hover { color: $linkColorHover !important;}
93
-
94
- .romo-cursor-default { cursor: default; }
95
- .romo-pointer { cursor: pointer; }
96
- .romo-grab { @include cursor-grab; }
97
- .romo-grabbing { @include cursor-grabbing; }
98
-
99
- .romo-user-select-none{ @include user-select(none); }
100
-
101
- /* images */
102
-
103
- .romo-img-rounded { @include border-radius(6px); }
104
- .romo-img-circle { @include border-radius(50%); }
105
- .romo-img-card {
106
- padding: 3px;
107
- background-color: $baseBgColor;
108
- border: 1px solid;
109
- border: 1px solid rgba(0, 0, 0, 0.2);
110
- @include box-shadow(0 1px 3px rgba(0, 0, 0, 0.1));
111
- }
91
+ /* Typography */
112
92
 
113
- .romo-img0 { height: $imgHeight0 !important; }
114
- .romo-img1 { height: $imgHeight1 !important; }
115
- .romo-img2 { height: $imgHeight2 !important; }
116
- .romo-img3 { height: $imgHeight3 !important; }
117
-
118
- .romo-img-inline0 { line-height: $imgHeight0 !important; @include align-middle; }
119
- .romo-img-inline1 { line-height: $imgHeight1 !important; @include align-middle; }
120
- .romo-img-inline2 { line-height: $imgHeight2 !important; @include align-middle; }
121
- .romo-img-inline3 { line-height: $imgHeight3 !important; @include align-middle; }
122
-
123
- /* headings */
124
-
125
- h1, h2, h3 {
126
- margin: ($baseLineHeight / 2) 0;
127
- font-weight: bold;
128
- text-rendering: optimizelegibility;
129
- small {
130
- font-weight: normal;
131
- line-height: 1;
93
+ a.romo-text {
94
+ color: $baseColor;
95
+ text-decoration: none;
96
+ }
97
+ .romo-link { color: $linkColor !important; }
98
+ .romo-link:hover,
99
+ .romo-link-hover:hover { color: $linkColorHover !important;}
100
+
101
+ .romo-cursor-default { cursor: default; }
102
+ .romo-pointer { cursor: pointer; }
103
+ .romo-grab { @include cursor-grab; }
104
+ .romo-grabbing { @include cursor-grabbing; }
105
+
106
+ .romo-user-select-none{ @include user-select(none); }
107
+
108
+ /* images */
109
+
110
+ .romo-img-rounded { @include border-radius(6px); }
111
+ .romo-img-circle { @include border-radius(50%); }
112
+ .romo-img-card {
113
+ padding: 3px;
114
+ background-color: $baseBgColor;
115
+ border: 1px solid;
116
+ border: 1px solid rgba(0, 0, 0, 0.2);
117
+ @include box-shadow(0 1px 3px rgba(0, 0, 0, 0.1));
132
118
  }
133
- }
134
119
 
135
- h1 { @include text3; }
136
- h2 { @include text2; }
137
- h3 { @include text1; }
120
+ .romo-img0 { height: $imgHeight0 !important; }
121
+ .romo-img1 { height: $imgHeight1 !important; }
122
+ .romo-img2 { height: $imgHeight2 !important; }
123
+ .romo-img3 { height: $imgHeight3 !important; }
124
+
125
+ .romo-img-inline0 { line-height: $imgHeight0 !important; @include align-middle; }
126
+ .romo-img-inline1 { line-height: $imgHeight1 !important; @include align-middle; }
127
+ .romo-img-inline2 { line-height: $imgHeight2 !important; @include align-middle; }
128
+ .romo-img-inline3 { line-height: $imgHeight3 !important; @include align-middle; }
129
+
130
+ /* headings */
131
+
132
+ h1, h2, h3 {
133
+ margin: ($baseLineHeight / 2) 0;
134
+ font-weight: bold;
135
+ text-rendering: optimizelegibility;
136
+ small {
137
+ font-weight: normal;
138
+ line-height: 1;
139
+ }
140
+ }
138
141
 
139
- /* text size */
142
+ h1 { @include text3; }
143
+ h2 { @include text2; }
144
+ h3 { @include text1; }
140
145
 
141
- .romo-text0,
142
- .romo-text1,
143
- .romo-text2,
144
- .romo-text3 {
145
- text-rendering: optimizelegibility;
146
- }
146
+ /* text size */
147
147
 
148
- .romo-text-small,
149
- .romo-text0 { @include text0(!important); @include font-weight0; }
150
- .romo-text1 { @include text1(!important); @include font-weight1; }
151
- .romo-text-large,
152
- .romo-text2 { @include text2(!important); @include font-weight2; }
153
- .romo-text3 { @include text3(!important); @include font-weight3; }
154
-
155
- .romo-text-small-hover:hover,
156
- .romo-text0-hover:hover { @include text0(!important); @include font-weight0; }
157
- .romo-text1-hover:hover { @include text1(!important); @include font-weight1; }
158
- .romo-text-large-hover:hover,
159
- .romo-text2-hover:hover { @include text2(!important); @include font-weight2; }
160
- .romo-text3-hover:hover { @include text3(!important); @include font-weight3; }
161
-
162
- .romo-text-inline-small,
163
- .romo-text-inline0 { @include line-height0(!important); }
164
- .romo-text-inline1 { @include line-height1(!important); }
165
- .romo-text-inline-large,
166
- .romo-text-inline2 { @include line-height2(!important); }
167
- .romo-text-inline3 { @include line-height3(!important); }
168
-
169
- /* text weight */
170
-
171
- .romo-text-normal { @include font-weight(normal, !important); }
172
- .romo-text-lighter { @include font-weight(lighter, !important); }
173
- .romo-text-bold { @include font-weight(bold, !important); }
174
- .romo-text-bolder { @include font-weight(bolder, !important); }
175
- .romo-text-100 { @include font-weight(100, !important); }
176
- .romo-text-200 { @include font-weight(200, !important); }
177
- .romo-text-300 { @include font-weight(300, !important); }
178
- .romo-text-400 { @include font-weight(400, !important); }
179
- .romo-text-500 { @include font-weight(500, !important); }
180
- .romo-text-600 { @include font-weight(600, !important); }
181
- .romo-text-700 { @include font-weight(700, !important); }
182
- .romo-text-800 { @include font-weight(800, !important); }
183
- .romo-text-900 { @include font-weight(900, !important); }
184
-
185
- .romo-text-normal-hover:hover { @include font-weight(normal, !important); }
186
- .romo-text-lighter-hover:hover { @include font-weight(lighter, !important); }
187
- .romo-text-bold-hover:hover { @include font-weight(bold, !important); }
188
- .romo-text-bolder-hover:hover { @include font-weight(bolder, !important); }
189
- .romo-text-100-hover:hover { @include font-weight(100, !important); }
190
- .romo-text-200-hover:hover { @include font-weight(200, !important); }
191
- .romo-text-300-hover:hover { @include font-weight(300, !important); }
192
- .romo-text-400-hover:hover { @include font-weight(400, !important); }
193
- .romo-text-500-hover:hover { @include font-weight(500, !important); }
194
- .romo-text-600-hover:hover { @include font-weight(600, !important); }
195
- .romo-text-700-hover:hover { @include font-weight(700, !important); }
196
- .romo-text-800-hover:hover { @include font-weight(800, !important); }
197
- .romo-text-900-hover:hover { @include font-weight(900, !important); }
198
-
199
- /* text decoration */
200
-
201
- .romo-text-underline { @include text-decoration-underline(!important); }
202
- .romo-text-overline { @include text-decoration-overline(!important); }
203
- .romo-text-line-through,
204
- .romo-text-strikethrough { @include text-decoration-line-through(!important); }
205
- .romo-text-no-line { @include text-decoration-none(!important); }
206
-
207
- .romo-text-underline-hover:hover { @include text-decoration-underline(!important); }
208
- .romo-text-overline-hover:hover { @include text-decoration-overline(!important); }
209
- .romo-text-line-through-hover:hover,
210
- .romo-text-strikethrough-hover:hover { @include text-decoration-line-through(!important); }
211
- .romo-text-no-line-hover:hover { @include text-decoration-none(!important); }
212
-
213
- /* alignment */
214
-
215
- .romo-align-left { @include align-left(!important); }
216
- .romo-align-center { @include align-center(!important); }
217
- .romo-align-right { @include align-right(!important); }
218
-
219
- .romo-align-top { @include align-top(!important); }
220
- .romo-align-middle { @include align-middle(!important); }
221
- .romo-align-bottom { @include align-bottom(!important); }
222
-
223
- /* Scaffolding */
224
- /* ----------- */
225
-
226
- /* border helpers */
227
-
228
- .romo-border-solid { @include border-style(solid, !important); }
229
- .romo-border-dashed { @include border-style(dashed, !important); }
230
- .romo-border-dotted { @include border-style(dotted, !important); }
231
- .romo-border-double { @include border-style(double, !important); }
232
- .romo-border-groove { @include border-style(groove, !important); }
233
- .romo-border-inset { @include border-style(inset, !important); }
234
- .romo-border-hidden { @include border-style(hidden, !important); }
235
- .romo-border-none { @include border-style(none, !important); }
236
-
237
- .romo-border-solid-hover:hover { @include border-style(solid, !important); }
238
- .romo-border-dashed-hover:hover { @include border-style(dashed, !important); }
239
- .romo-border-dotted-hover:hover { @include border-style(dotted, !important); }
240
- .romo-border-double-hover:hover { @include border-style(double, !important); }
241
- .romo-border-groove-hover:hover { @include border-style(groove, !important); }
242
- .romo-border-inset-hover:hover { @include border-style(inset, !important); }
243
- .romo-border-hidden-hover:hover { @include border-style(hidden, !important); }
244
- .romo-border-none-hover:hover { @include border-style(none, !important); }
245
-
246
- .romo-border-solid-top { @include border-style-top(solid, !important); }
247
- .romo-border-dashed-top { @include border-style-top(dashed, !important); }
248
- .romo-border-dotted-top { @include border-style-top(dotted, !important); }
249
- .romo-border-double-top { @include border-style-top(double, !important); }
250
- .romo-border-groove-top { @include border-style-top(groove, !important); }
251
- .romo-border-inset-top { @include border-style-top(inset, !important); }
252
- .romo-border-hidden-top { @include border-style-top(hidden, !important); }
253
- .romo-border-none-top { @include border-style-top(none, !important); }
254
-
255
- .romo-border-solid-top-hover:hover { @include border-style-top(solid, !important); }
256
- .romo-border-dashed-top-hover:hover { @include border-style-top(dashed, !important); }
257
- .romo-border-dotted-top-hover:hover { @include border-style-top(dotted, !important); }
258
- .romo-border-double-top-hover:hover { @include border-style-top(double, !important); }
259
- .romo-border-groove-top-hover:hover { @include border-style-top(groove, !important); }
260
- .romo-border-inset-top-hover:hover { @include border-style-top(inset, !important); }
261
- .romo-border-hidden-top-hover:hover { @include border-style-top(hidden, !important); }
262
- .romo-border-none-top-hover:hover { @include border-style-top(none, !important); }
263
-
264
- .romo-border-solid-right { @include border-style-right(solid, !important); }
265
- .romo-border-dashed-right { @include border-style-right(dashed, !important); }
266
- .romo-border-dotted-right { @include border-style-right(dotted, !important); }
267
- .romo-border-double-right { @include border-style-right(double, !important); }
268
- .romo-border-groove-right { @include border-style-right(groove, !important); }
269
- .romo-border-inset-right { @include border-style-right(inset, !important); }
270
- .romo-border-hidden-right { @include border-style-right(hidden, !important); }
271
- .romo-border-none-right { @include border-style-right(none, !important); }
272
-
273
- .romo-border-solid-right-hover:hover { @include border-style-right(solid, !important); }
274
- .romo-border-dashed-right-hover:hover { @include border-style-right(dashed, !important); }
275
- .romo-border-dotted-right-hover:hover { @include border-style-right(dotted, !important); }
276
- .romo-border-double-right-hover:hover { @include border-style-right(double, !important); }
277
- .romo-border-groove-right-hover:hover { @include border-style-right(groove, !important); }
278
- .romo-border-inset-right-hover:hover { @include border-style-right(inset, !important); }
279
- .romo-border-hidden-right-hover:hover { @include border-style-right(hidden, !important); }
280
- .romo-border-none-right-hover:hover { @include border-style-right(none, !important); }
281
-
282
- .romo-border-solid-bottom { @include border-style-bottom(solid, !important); }
283
- .romo-border-dashed-bottom { @include border-style-bottom(dashed, !important); }
284
- .romo-border-dotted-bottom { @include border-style-bottom(dotted, !important); }
285
- .romo-border-double-bottom { @include border-style-bottom(double, !important); }
286
- .romo-border-groove-bottom { @include border-style-bottom(groove, !important); }
287
- .romo-border-inset-bottom { @include border-style-bottom(inset, !important); }
288
- .romo-border-hidden-bottom { @include border-style-bottom(hidden, !important); }
289
- .romo-border-none-bottom { @include border-style-bottom(none, !important); }
290
-
291
- .romo-border-solid-bottom-hover:hover { @include border-style-bottom(solid, !important); }
292
- .romo-border-dashed-bottom-hover:hover { @include border-style-bottom(dashed, !important); }
293
- .romo-border-dotted-bottom-hover:hover { @include border-style-bottom(dotted, !important); }
294
- .romo-border-double-bottom-hover:hover { @include border-style-bottom(double, !important); }
295
- .romo-border-groove-bottom-hover:hover { @include border-style-bottom(groove, !important); }
296
- .romo-border-inset-bottom-hover:hover { @include border-style-bottom(inset, !important); }
297
- .romo-border-hidden-bottom-hover:hover { @include border-style-bottom(hidden, !important); }
298
- .romo-border-none-bottom-hover:hover { @include border-style-bottom(none, !important); }
299
-
300
- .romo-border-solid-left { @include border-style-left(solid, !important); }
301
- .romo-border-dashed-left { @include border-style-left(dashed, !important); }
302
- .romo-border-dotted-left { @include border-style-left(dotted, !important); }
303
- .romo-border-double-left { @include border-style-left(double, !important); }
304
- .romo-border-groove-left { @include border-style-left(groove, !important); }
305
- .romo-border-inset-left { @include border-style-left(inset, !important); }
306
- .romo-border-hidden-left { @include border-style-left(hidden, !important); }
307
- .romo-border-none-left { @include border-style-left(none, !important); }
308
-
309
- .romo-border-solid-left-hover:hover { @include border-style-left(solid, !important); }
310
- .romo-border-dashed-left-hover:hover { @include border-style-left(dashed, !important); }
311
- .romo-border-dotted-left-hover:hover { @include border-style-left(dotted, !important); }
312
- .romo-border-double-left-hover:hover { @include border-style-left(double, !important); }
313
- .romo-border-groove-left-hover:hover { @include border-style-left(groove, !important); }
314
- .romo-border-inset-left-hover:hover { @include border-style-left(inset, !important); }
315
- .romo-border-hidden-left-hover:hover { @include border-style-left(hidden, !important); }
316
- .romo-border-none-left-hover:hover { @include border-style-left(none, !important); }
317
-
318
- .romo-border,
319
- .romo-border1 { @include border1(!important); }
320
- .romo-border0 { @include border0(!important); }
321
- .romo-border2 { @include border2(!important); }
322
- .romo-rm-border { @include rm-border(!important); }
323
-
324
- .romo-border-hover:hover,
325
- .romo-border1-hover:hover { @include border1(!important); }
326
- .romo-border0-hover:hover { @include border0(!important); }
327
- .romo-border2-hover:hover { @include border2(!important); }
328
- .romo-rm-border-hover:hover { @include rm-border(!important); }
329
-
330
- .romo-border-top,
331
- .romo-border1-top { @include border1-top(!important); }
332
- .romo-border0-top { @include border0-top(!important); }
333
- .romo-border2-top { @include border2-top(!important); }
334
- .romo-rm-border-top { @include rm-border-top(!important); }
335
-
336
- .romo-border-top-hover:hover,
337
- .romo-border1-top-hover:hover { @include border1-top(!important); }
338
- .romo-border0-top-hover:hover { @include border0-top(!important); }
339
- .romo-border2-top-hover:hover { @include border2-top(!important); }
340
- .romo-rm-border-top-hover:hover { @include rm-border-top(!important); }
341
-
342
- .romo-border-right,
343
- .romo-border1-right { @include border1-right(!important); }
344
- .romo-border0-right { @include border0-right(!important); }
345
- .romo-border2-right { @include border2-right(!important); }
346
- .romo-rm-border-right { @include rm-border-right(!important); }
347
-
348
- .romo-border-right-hover:hover,
349
- .romo-border1-right-hover:hover { @include border1-right(!important); }
350
- .romo-border0-right-hover:hover { @include border0-right(!important); }
351
- .romo-border2-right-hover:hover { @include border2-right(!important); }
352
- .romo-rm-border-right-hover:hover { @include rm-border-right(!important); }
353
-
354
- .romo-border-bottom,
355
- .romo-border1-bottom { @include border1-bottom(!important); }
356
- .romo-border0-bottom { @include border0-bottom(!important); }
357
- .romo-border2-bottom { @include border2-bottom(!important); }
358
- .romo-rm-border-bottom { @include rm-border-bottom(!important); }
359
-
360
- .romo-border-bottom-hover:hover,
361
- .romo-border1-bottom-hover:hover { @include border1-bottom(!important); }
362
- .romo-border0-bottom-hover:hover { @include border0-bottom(!important); }
363
- .romo-border2-bottom-hover:hover { @include border2-bottom(!important); }
364
- .romo-rm-border-bottom-hover:hover { @include rm-border-bottom(!important); }
365
-
366
- .romo-border-left,
367
- .romo-border1-left { @include border1-left(!important); }
368
- .romo-border0-left { @include border0-left(!important); }
369
- .romo-border2-left { @include border2-left(!important); }
370
- .romo-rm-border-left { @include rm-border-left(!important); }
371
-
372
- .romo-border-left-hover:hover,
373
- .romo-border1-left-hover:hover { @include border1-left(!important); }
374
- .romo-border0-left-hover:hover { @include border0-left(!important); }
375
- .romo-border2-left-hover:hover { @include border2-left(!important); }
376
- .romo-rm-border-left-hover:hover { @include rm-border-left(!important); }
377
-
378
- .romo-border-radius,
379
- .romo-border1-radius { @include border1-radius(!important); }
380
- .romo-border0-radius { @include border0-radius(!important); }
381
- .romo-border2-radius { @include border2-radius(!important); }
382
- .romo-rm-border-radius { @include rm-border-radius(!important); }
383
-
384
- .romo-border-radius-hover:hover,
385
- .romo-border1-radius-hover:hover { @include border1-radius(!important); }
386
- .romo-border0-radius-hover:hover { @include border0-radius(!important); }
387
- .romo-border2-radius-hover:hover { @include border2-radius(!important); }
388
- .romo-rm-border-radius-hover:hover { @include rm-border-radius(!important); }
389
-
390
- .romo-border-top-left-radius,
391
- .romo-border1-top-left-radius { @include border1-top-left-radius(!important); }
392
- .romo-border0-top-left-radius { @include border0-top-left-radius(!important); }
393
- .romo-border2-top-left-radius { @include border2-top-left-radius(!important); }
394
- .romo-rm-border-top-left-radius { @include rm-border-top-left-radius(!important); }
395
-
396
- .romo-border-top-left-radius-hover:hover,
397
- .romo-border1-top-left-radius-hover:hover { @include border1-top-left-radius(!important); }
398
- .romo-border0-top-left-radius-hover:hover { @include border0-top-left-radius(!important); }
399
- .romo-border2-top-left-radius-hover:hover { @include border2-top-left-radius(!important); }
400
- .romo-rm-border-top-left-radius-hover:hover { @include rm-border-top-left-radius(!important); }
401
-
402
- .romo-border-top-right-radius,
403
- .romo-border1-top-right-radius { @include border1-top-right-radius(!important); }
404
- .romo-border0-top-right-radius { @include border0-top-right-radius(!important); }
405
- .romo-border2-top-right-radius { @include border2-top-right-radius(!important); }
406
- .romo-rm-border-top-right-radius { @include rm-border-top-right-radius(!important); }
407
-
408
- .romo-border-top-right-radius-hover:hover,
409
- .romo-border1-top-right-radius-hover:hover { @include border1-top-right-radius(!important); }
410
- .romo-border0-top-right-radius-hover:hover { @include border0-top-right-radius(!important); }
411
- .romo-border2-top-right-radius-hover:hover { @include border2-top-right-radius(!important); }
412
- .romo-rm-border-top-right-radius-hover:hover { @include rm-border-top-right-radius(!important); }
413
-
414
- .romo-border-bottom-right-radius,
415
- .romo-border1-bottom-right-radius { @include border1-bottom-right-radius(!important); }
416
- .romo-border0-bottom-right-radius { @include border0-bottom-right-radius(!important); }
417
- .romo-border2-bottom-right-radius { @include border2-bottom-right-radius(!important); }
418
- .romo-rm-border-bottom-right-radius { @include rm-border-bottom-right-radius(!important); }
419
-
420
- .romo-border-bottom-right-radius-hover:hover,
421
- .romo-border1-bottom-right-radius-hover:hover { @include border1-bottom-right-radius(!important); }
422
- .romo-border0-bottom-right-radius-hover:hover { @include border0-bottom-right-radius(!important); }
423
- .romo-border2-bottom-right-radius-hover:hover { @include border2-bottom-right-radius(!important); }
424
- .romo-rm-border-bottom-right-radius-hover:hover { @include rm-border-bottom-right-radius(!important); }
425
-
426
- .romo-border-bottom-left-radius,
427
- .romo-border1-bottom-left-radius { @include border1-bottom-left-radius(!important); }
428
- .romo-border0-bottom-left-radius { @include border0-bottom-left-radius(!important); }
429
- .romo-border2-bottom-left-radius { @include border2-bottom-left-radius(!important); }
430
- .romo-rm-border-bottom-left-radius { @include rm-border-bottom-left-radius(!important); }
431
-
432
- .romo-border-bottom-left-radius-hover:hover,
433
- .romo-border1-bottom-left-radius-hover:hover { @include border1-bottom-left-radius(!important); }
434
- .romo-border0-bottom-left-radius-hover:hover { @include border0-bottom-left-radius(!important); }
435
- .romo-border2-bottom-left-radius-hover:hover { @include border2-bottom-left-radius(!important); }
436
- .romo-rm-border-bottom-left-radius-hover:hover { @include rm-border-bottom-left-radius(!important); }
437
-
438
- .romo-border-radius-circle { @include border-radius(50%); }
439
- .romo-border-radius-circle-hover:hover { @include border-radius(50%); }
440
- .romo-border-radius-pill { @include border-radius(500px); }
441
- .romo-border-radius-pill-hover:hover { @include border-radius(500px); }
442
-
443
- /* spacing */
444
-
445
- .romo-pad,
446
- .romo-pad1 { @include pad1(!important); }
447
- .romo-pad0 { @include pad0(!important); }
448
- .romo-pad2 { @include pad2(!important); }
449
- .romo-pad-none,
450
- .romo-rm-pad { @include rm-pad(!important); }
451
-
452
- .romo-pad-top,
453
- .romo-pad1-top { @include pad1-top(!important); }
454
- .romo-pad0-top { @include pad0-top(!important); }
455
- .romo-pad2-top { @include pad2-top(!important); }
456
- .romo-pad-none-top,
457
- .romo-rm-pad-top { @include rm-pad-top(!important); }
458
-
459
- .romo-pad-right,
460
- .romo-pad1-right { @include pad1-right(!important); }
461
- .romo-pad0-right { @include pad0-right(!important); }
462
- .romo-pad2-right { @include pad2-right(!important); }
463
- .romo-pad-none-right,
464
- .romo-rm-pad-right { @include rm-pad-right(!important); }
465
-
466
- .romo-pad-bottom,
467
- .romo-pad1-bottom { @include pad1-bottom(!important); }
468
- .romo-pad0-bottom { @include pad0-bottom(!important); }
469
- .romo-pad2-bottom { @include pad2-bottom(!important); }
470
- .romo-pad-none-bottom,
471
- .romo-rm-pad-bottom { @include rm-pad-bottom(!important); }
472
-
473
- .romo-pad-left,
474
- .romo-pad1-left { @include pad1-left(!important); }
475
- .romo-pad0-left { @include pad0-left(!important); }
476
- .romo-pad2-left { @include pad2-left(!important); }
477
- .romo-pad-none-left,
478
- .romo-rm-pad-left { @include rm-pad-left(!important); }
479
-
480
- .romo-push,
481
- .romo-push1 { @include push1(!important); }
482
- .romo-push0 { @include push0(!important); }
483
- .romo-push2 { @include push2(!important); }
484
- .romo-push-none,
485
- .romo-rm-push { @include rm-push(!important); }
486
-
487
- .romo-push-top,
488
- .romo-push1-top { @include push1-top(!important); }
489
- .romo-push0-top { @include push0-top(!important); }
490
- .romo-push2-top { @include push2-top(!important); }
491
- .romo-push-none-top,
492
- .romo-rm-push-top { @include rm-push-top(!important); }
493
-
494
- .romo-push-right,
495
- .romo-push1-right { @include push1-right(!important); }
496
- .romo-push0-right { @include push0-right(!important); }
497
- .romo-push2-right { @include push2-right(!important); }
498
- .romo-push-none-right,
499
- .romo-rm-push-right { @include rm-push-right(!important); }
500
-
501
- .romo-push-bottom,
502
- .romo-push1-bottom { @include push1-bottom(!important); }
503
- .romo-push0-bottom { @include push0-bottom(!important); }
504
- .romo-push2-bottom { @include push2-bottom(!important); }
505
- .romo-push-none-bottom,
506
- .romo-rm-push-bottom { @include rm-push-bottom(!important); }
507
-
508
- .romo-push-left,
509
- .romo-push1-left { @include push1-left(!important); }
510
- .romo-push0-left { @include push0-left(!important); }
511
- .romo-push2-left { @include push2-left(!important); }
512
- .romo-push-none-left,
513
- .romo-rm-push-left { @include rm-push-left(!important); }
514
-
515
- .romo-push-center { margin: 0 auto !important; }
516
-
517
- /* other helpers */
518
-
519
- .romo-full-width { width: 100% !important; }
520
- .romo-full-height { height: 100% !important; }
521
- .romo-match-line-height { line-height: 1 !important; }
522
-
523
- .romo-nowrap { white-space: nowrap !important; }
524
- .romo-crop { white-space: nowrap !important; overflow: hidden !important; }
525
- .romo-ellipsis { overflow: hidden !important; text-overflow: ellipsis !important; }
526
- .romo-crop-ellipsis { white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
527
-
528
- .romo-inline { display: inline !important; }
529
- .romo-inline-block { display: inline-block !important; }
530
- .romo-inline-flex { @include display-inline-flex(!important); }
531
- .romo-flex { @include display-flex(!important); }
532
- .romo-block { display: block !important; }
533
- .romo-display-none { display: none !important;}
534
-
535
- .romo-hover:hover {
536
- .romo-inline-hover { display: inline !important; }
537
- .romo-inline-block-hover { display: inline-block !important; }
538
- .romo-inline-flex-hover { @include display-inline-flex(!important); }
539
- .romo-flex-hover { @include display-flex(!important); }
540
- .romo-block-hover { display: block !important; }
541
- .romo-display-none-hover { display: none !important;}
542
- }
148
+ .romo-text0,
149
+ .romo-text1,
150
+ .romo-text2,
151
+ .romo-text3 {
152
+ text-rendering: optimizelegibility;
153
+ }
543
154
 
544
- .romo-relative { position: relative !important; }
545
- .romo-absolute { position: absolute !important; }
546
- .romo-absolute-fill {
547
- position: absolute;
548
- top: 0;
549
- right: 0;
550
- bottom: 0;
551
- left: 0;
552
- }
553
- .romo-fixed { position: fixed !important; }
155
+ .romo-text-small,
156
+ .romo-text0 { @include text0(!important); @include font-weight0; }
157
+ .romo-text1 { @include text1(!important); @include font-weight1; }
158
+ .romo-text-large,
159
+ .romo-text2 { @include text2(!important); @include font-weight2; }
160
+ .romo-text3 { @include text3(!important); @include font-weight3; }
161
+
162
+ .romo-text-small-hover:hover,
163
+ .romo-text0-hover:hover { @include text0(!important); @include font-weight0; }
164
+ .romo-text1-hover:hover { @include text1(!important); @include font-weight1; }
165
+ .romo-text-large-hover:hover,
166
+ .romo-text2-hover:hover { @include text2(!important); @include font-weight2; }
167
+ .romo-text3-hover:hover { @include text3(!important); @include font-weight3; }
168
+
169
+ .romo-text-inline-small,
170
+ .romo-text-inline0 { @include line-height0(!important); }
171
+ .romo-text-inline1 { @include line-height1(!important); }
172
+ .romo-text-inline-large,
173
+ .romo-text-inline2 { @include line-height2(!important); }
174
+ .romo-text-inline3 { @include line-height3(!important); }
175
+
176
+ /* text weight */
177
+
178
+ .romo-text-normal { @include font-weight(normal, !important); }
179
+ .romo-text-lighter { @include font-weight(lighter, !important); }
180
+ .romo-text-bold { @include font-weight(bold, !important); }
181
+ .romo-text-bolder { @include font-weight(bolder, !important); }
182
+ .romo-text-100 { @include font-weight(100, !important); }
183
+ .romo-text-200 { @include font-weight(200, !important); }
184
+ .romo-text-300 { @include font-weight(300, !important); }
185
+ .romo-text-400 { @include font-weight(400, !important); }
186
+ .romo-text-500 { @include font-weight(500, !important); }
187
+ .romo-text-600 { @include font-weight(600, !important); }
188
+ .romo-text-700 { @include font-weight(700, !important); }
189
+ .romo-text-800 { @include font-weight(800, !important); }
190
+ .romo-text-900 { @include font-weight(900, !important); }
191
+
192
+ .romo-text-normal-hover:hover { @include font-weight(normal, !important); }
193
+ .romo-text-lighter-hover:hover { @include font-weight(lighter, !important); }
194
+ .romo-text-bold-hover:hover { @include font-weight(bold, !important); }
195
+ .romo-text-bolder-hover:hover { @include font-weight(bolder, !important); }
196
+ .romo-text-100-hover:hover { @include font-weight(100, !important); }
197
+ .romo-text-200-hover:hover { @include font-weight(200, !important); }
198
+ .romo-text-300-hover:hover { @include font-weight(300, !important); }
199
+ .romo-text-400-hover:hover { @include font-weight(400, !important); }
200
+ .romo-text-500-hover:hover { @include font-weight(500, !important); }
201
+ .romo-text-600-hover:hover { @include font-weight(600, !important); }
202
+ .romo-text-700-hover:hover { @include font-weight(700, !important); }
203
+ .romo-text-800-hover:hover { @include font-weight(800, !important); }
204
+ .romo-text-900-hover:hover { @include font-weight(900, !important); }
205
+
206
+ /* text decoration */
207
+
208
+ .romo-text-underline { @include text-decoration-underline(!important); }
209
+ .romo-text-overline { @include text-decoration-overline(!important); }
210
+ .romo-text-line-through,
211
+ .romo-text-strikethrough { @include text-decoration-line-through(!important); }
212
+ .romo-text-no-line { @include text-decoration-none(!important); }
213
+
214
+ .romo-text-underline-hover:hover { @include text-decoration-underline(!important); }
215
+ .romo-text-overline-hover:hover { @include text-decoration-overline(!important); }
216
+ .romo-text-line-through-hover:hover,
217
+ .romo-text-strikethrough-hover:hover { @include text-decoration-line-through(!important); }
218
+ .romo-text-no-line-hover:hover { @include text-decoration-none(!important); }
219
+
220
+ /* alignment */
221
+
222
+ .romo-align-left { @include align-left(!important); }
223
+ .romo-align-center { @include align-center(!important); }
224
+ .romo-align-right { @include align-right(!important); }
225
+
226
+ .romo-align-top { @include align-top(!important); }
227
+ .romo-align-middle { @include align-middle(!important); }
228
+ .romo-align-bottom { @include align-bottom(!important); }
229
+
230
+ /* Scaffolding */
231
+ /* ----------- */
232
+
233
+ /* border helpers */
234
+
235
+ .romo-border-solid { @include border-style(solid, !important); }
236
+ .romo-border-dashed { @include border-style(dashed, !important); }
237
+ .romo-border-dotted { @include border-style(dotted, !important); }
238
+ .romo-border-double { @include border-style(double, !important); }
239
+ .romo-border-groove { @include border-style(groove, !important); }
240
+ .romo-border-inset { @include border-style(inset, !important); }
241
+ .romo-border-hidden { @include border-style(hidden, !important); }
242
+ .romo-border-none { @include border-style(none, !important); }
243
+
244
+ .romo-border-solid-hover:hover { @include border-style(solid, !important); }
245
+ .romo-border-dashed-hover:hover { @include border-style(dashed, !important); }
246
+ .romo-border-dotted-hover:hover { @include border-style(dotted, !important); }
247
+ .romo-border-double-hover:hover { @include border-style(double, !important); }
248
+ .romo-border-groove-hover:hover { @include border-style(groove, !important); }
249
+ .romo-border-inset-hover:hover { @include border-style(inset, !important); }
250
+ .romo-border-hidden-hover:hover { @include border-style(hidden, !important); }
251
+ .romo-border-none-hover:hover { @include border-style(none, !important); }
252
+
253
+ .romo-border-solid-top { @include border-style-top(solid, !important); }
254
+ .romo-border-dashed-top { @include border-style-top(dashed, !important); }
255
+ .romo-border-dotted-top { @include border-style-top(dotted, !important); }
256
+ .romo-border-double-top { @include border-style-top(double, !important); }
257
+ .romo-border-groove-top { @include border-style-top(groove, !important); }
258
+ .romo-border-inset-top { @include border-style-top(inset, !important); }
259
+ .romo-border-hidden-top { @include border-style-top(hidden, !important); }
260
+ .romo-border-none-top { @include border-style-top(none, !important); }
261
+
262
+ .romo-border-solid-top-hover:hover { @include border-style-top(solid, !important); }
263
+ .romo-border-dashed-top-hover:hover { @include border-style-top(dashed, !important); }
264
+ .romo-border-dotted-top-hover:hover { @include border-style-top(dotted, !important); }
265
+ .romo-border-double-top-hover:hover { @include border-style-top(double, !important); }
266
+ .romo-border-groove-top-hover:hover { @include border-style-top(groove, !important); }
267
+ .romo-border-inset-top-hover:hover { @include border-style-top(inset, !important); }
268
+ .romo-border-hidden-top-hover:hover { @include border-style-top(hidden, !important); }
269
+ .romo-border-none-top-hover:hover { @include border-style-top(none, !important); }
270
+
271
+ .romo-border-solid-right { @include border-style-right(solid, !important); }
272
+ .romo-border-dashed-right { @include border-style-right(dashed, !important); }
273
+ .romo-border-dotted-right { @include border-style-right(dotted, !important); }
274
+ .romo-border-double-right { @include border-style-right(double, !important); }
275
+ .romo-border-groove-right { @include border-style-right(groove, !important); }
276
+ .romo-border-inset-right { @include border-style-right(inset, !important); }
277
+ .romo-border-hidden-right { @include border-style-right(hidden, !important); }
278
+ .romo-border-none-right { @include border-style-right(none, !important); }
279
+
280
+ .romo-border-solid-right-hover:hover { @include border-style-right(solid, !important); }
281
+ .romo-border-dashed-right-hover:hover { @include border-style-right(dashed, !important); }
282
+ .romo-border-dotted-right-hover:hover { @include border-style-right(dotted, !important); }
283
+ .romo-border-double-right-hover:hover { @include border-style-right(double, !important); }
284
+ .romo-border-groove-right-hover:hover { @include border-style-right(groove, !important); }
285
+ .romo-border-inset-right-hover:hover { @include border-style-right(inset, !important); }
286
+ .romo-border-hidden-right-hover:hover { @include border-style-right(hidden, !important); }
287
+ .romo-border-none-right-hover:hover { @include border-style-right(none, !important); }
288
+
289
+ .romo-border-solid-bottom { @include border-style-bottom(solid, !important); }
290
+ .romo-border-dashed-bottom { @include border-style-bottom(dashed, !important); }
291
+ .romo-border-dotted-bottom { @include border-style-bottom(dotted, !important); }
292
+ .romo-border-double-bottom { @include border-style-bottom(double, !important); }
293
+ .romo-border-groove-bottom { @include border-style-bottom(groove, !important); }
294
+ .romo-border-inset-bottom { @include border-style-bottom(inset, !important); }
295
+ .romo-border-hidden-bottom { @include border-style-bottom(hidden, !important); }
296
+ .romo-border-none-bottom { @include border-style-bottom(none, !important); }
297
+
298
+ .romo-border-solid-bottom-hover:hover { @include border-style-bottom(solid, !important); }
299
+ .romo-border-dashed-bottom-hover:hover { @include border-style-bottom(dashed, !important); }
300
+ .romo-border-dotted-bottom-hover:hover { @include border-style-bottom(dotted, !important); }
301
+ .romo-border-double-bottom-hover:hover { @include border-style-bottom(double, !important); }
302
+ .romo-border-groove-bottom-hover:hover { @include border-style-bottom(groove, !important); }
303
+ .romo-border-inset-bottom-hover:hover { @include border-style-bottom(inset, !important); }
304
+ .romo-border-hidden-bottom-hover:hover { @include border-style-bottom(hidden, !important); }
305
+ .romo-border-none-bottom-hover:hover { @include border-style-bottom(none, !important); }
306
+
307
+ .romo-border-solid-left { @include border-style-left(solid, !important); }
308
+ .romo-border-dashed-left { @include border-style-left(dashed, !important); }
309
+ .romo-border-dotted-left { @include border-style-left(dotted, !important); }
310
+ .romo-border-double-left { @include border-style-left(double, !important); }
311
+ .romo-border-groove-left { @include border-style-left(groove, !important); }
312
+ .romo-border-inset-left { @include border-style-left(inset, !important); }
313
+ .romo-border-hidden-left { @include border-style-left(hidden, !important); }
314
+ .romo-border-none-left { @include border-style-left(none, !important); }
315
+
316
+ .romo-border-solid-left-hover:hover { @include border-style-left(solid, !important); }
317
+ .romo-border-dashed-left-hover:hover { @include border-style-left(dashed, !important); }
318
+ .romo-border-dotted-left-hover:hover { @include border-style-left(dotted, !important); }
319
+ .romo-border-double-left-hover:hover { @include border-style-left(double, !important); }
320
+ .romo-border-groove-left-hover:hover { @include border-style-left(groove, !important); }
321
+ .romo-border-inset-left-hover:hover { @include border-style-left(inset, !important); }
322
+ .romo-border-hidden-left-hover:hover { @include border-style-left(hidden, !important); }
323
+ .romo-border-none-left-hover:hover { @include border-style-left(none, !important); }
324
+
325
+ .romo-border,
326
+ .romo-border1 { @include border1(!important); }
327
+ .romo-border0 { @include border0(!important); }
328
+ .romo-border2 { @include border2(!important); }
329
+ .romo-rm-border { @include rm-border(!important); }
330
+
331
+ .romo-border-hover:hover,
332
+ .romo-border1-hover:hover { @include border1(!important); }
333
+ .romo-border0-hover:hover { @include border0(!important); }
334
+ .romo-border2-hover:hover { @include border2(!important); }
335
+ .romo-rm-border-hover:hover { @include rm-border(!important); }
336
+
337
+ .romo-border-top,
338
+ .romo-border1-top { @include border1-top(!important); }
339
+ .romo-border0-top { @include border0-top(!important); }
340
+ .romo-border2-top { @include border2-top(!important); }
341
+ .romo-rm-border-top { @include rm-border-top(!important); }
342
+
343
+ .romo-border-top-hover:hover,
344
+ .romo-border1-top-hover:hover { @include border1-top(!important); }
345
+ .romo-border0-top-hover:hover { @include border0-top(!important); }
346
+ .romo-border2-top-hover:hover { @include border2-top(!important); }
347
+ .romo-rm-border-top-hover:hover { @include rm-border-top(!important); }
348
+
349
+ .romo-border-right,
350
+ .romo-border1-right { @include border1-right(!important); }
351
+ .romo-border0-right { @include border0-right(!important); }
352
+ .romo-border2-right { @include border2-right(!important); }
353
+ .romo-rm-border-right { @include rm-border-right(!important); }
354
+
355
+ .romo-border-right-hover:hover,
356
+ .romo-border1-right-hover:hover { @include border1-right(!important); }
357
+ .romo-border0-right-hover:hover { @include border0-right(!important); }
358
+ .romo-border2-right-hover:hover { @include border2-right(!important); }
359
+ .romo-rm-border-right-hover:hover { @include rm-border-right(!important); }
360
+
361
+ .romo-border-bottom,
362
+ .romo-border1-bottom { @include border1-bottom(!important); }
363
+ .romo-border0-bottom { @include border0-bottom(!important); }
364
+ .romo-border2-bottom { @include border2-bottom(!important); }
365
+ .romo-rm-border-bottom { @include rm-border-bottom(!important); }
366
+
367
+ .romo-border-bottom-hover:hover,
368
+ .romo-border1-bottom-hover:hover { @include border1-bottom(!important); }
369
+ .romo-border0-bottom-hover:hover { @include border0-bottom(!important); }
370
+ .romo-border2-bottom-hover:hover { @include border2-bottom(!important); }
371
+ .romo-rm-border-bottom-hover:hover { @include rm-border-bottom(!important); }
372
+
373
+ .romo-border-left,
374
+ .romo-border1-left { @include border1-left(!important); }
375
+ .romo-border0-left { @include border0-left(!important); }
376
+ .romo-border2-left { @include border2-left(!important); }
377
+ .romo-rm-border-left { @include rm-border-left(!important); }
378
+
379
+ .romo-border-left-hover:hover,
380
+ .romo-border1-left-hover:hover { @include border1-left(!important); }
381
+ .romo-border0-left-hover:hover { @include border0-left(!important); }
382
+ .romo-border2-left-hover:hover { @include border2-left(!important); }
383
+ .romo-rm-border-left-hover:hover { @include rm-border-left(!important); }
384
+
385
+ .romo-border-radius,
386
+ .romo-border1-radius { @include border1-radius(!important); }
387
+ .romo-border0-radius { @include border0-radius(!important); }
388
+ .romo-border2-radius { @include border2-radius(!important); }
389
+ .romo-rm-border-radius { @include rm-border-radius(!important); }
390
+
391
+ .romo-border-radius-hover:hover,
392
+ .romo-border1-radius-hover:hover { @include border1-radius(!important); }
393
+ .romo-border0-radius-hover:hover { @include border0-radius(!important); }
394
+ .romo-border2-radius-hover:hover { @include border2-radius(!important); }
395
+ .romo-rm-border-radius-hover:hover { @include rm-border-radius(!important); }
396
+
397
+ .romo-border-top-left-radius,
398
+ .romo-border1-top-left-radius { @include border1-top-left-radius(!important); }
399
+ .romo-border0-top-left-radius { @include border0-top-left-radius(!important); }
400
+ .romo-border2-top-left-radius { @include border2-top-left-radius(!important); }
401
+ .romo-rm-border-top-left-radius { @include rm-border-top-left-radius(!important); }
402
+
403
+ .romo-border-top-left-radius-hover:hover,
404
+ .romo-border1-top-left-radius-hover:hover { @include border1-top-left-radius(!important); }
405
+ .romo-border0-top-left-radius-hover:hover { @include border0-top-left-radius(!important); }
406
+ .romo-border2-top-left-radius-hover:hover { @include border2-top-left-radius(!important); }
407
+ .romo-rm-border-top-left-radius-hover:hover { @include rm-border-top-left-radius(!important); }
408
+
409
+ .romo-border-top-right-radius,
410
+ .romo-border1-top-right-radius { @include border1-top-right-radius(!important); }
411
+ .romo-border0-top-right-radius { @include border0-top-right-radius(!important); }
412
+ .romo-border2-top-right-radius { @include border2-top-right-radius(!important); }
413
+ .romo-rm-border-top-right-radius { @include rm-border-top-right-radius(!important); }
414
+
415
+ .romo-border-top-right-radius-hover:hover,
416
+ .romo-border1-top-right-radius-hover:hover { @include border1-top-right-radius(!important); }
417
+ .romo-border0-top-right-radius-hover:hover { @include border0-top-right-radius(!important); }
418
+ .romo-border2-top-right-radius-hover:hover { @include border2-top-right-radius(!important); }
419
+ .romo-rm-border-top-right-radius-hover:hover { @include rm-border-top-right-radius(!important); }
420
+
421
+ .romo-border-bottom-right-radius,
422
+ .romo-border1-bottom-right-radius { @include border1-bottom-right-radius(!important); }
423
+ .romo-border0-bottom-right-radius { @include border0-bottom-right-radius(!important); }
424
+ .romo-border2-bottom-right-radius { @include border2-bottom-right-radius(!important); }
425
+ .romo-rm-border-bottom-right-radius { @include rm-border-bottom-right-radius(!important); }
426
+
427
+ .romo-border-bottom-right-radius-hover:hover,
428
+ .romo-border1-bottom-right-radius-hover:hover { @include border1-bottom-right-radius(!important); }
429
+ .romo-border0-bottom-right-radius-hover:hover { @include border0-bottom-right-radius(!important); }
430
+ .romo-border2-bottom-right-radius-hover:hover { @include border2-bottom-right-radius(!important); }
431
+ .romo-rm-border-bottom-right-radius-hover:hover { @include rm-border-bottom-right-radius(!important); }
432
+
433
+ .romo-border-bottom-left-radius,
434
+ .romo-border1-bottom-left-radius { @include border1-bottom-left-radius(!important); }
435
+ .romo-border0-bottom-left-radius { @include border0-bottom-left-radius(!important); }
436
+ .romo-border2-bottom-left-radius { @include border2-bottom-left-radius(!important); }
437
+ .romo-rm-border-bottom-left-radius { @include rm-border-bottom-left-radius(!important); }
438
+
439
+ .romo-border-bottom-left-radius-hover:hover,
440
+ .romo-border1-bottom-left-radius-hover:hover { @include border1-bottom-left-radius(!important); }
441
+ .romo-border0-bottom-left-radius-hover:hover { @include border0-bottom-left-radius(!important); }
442
+ .romo-border2-bottom-left-radius-hover:hover { @include border2-bottom-left-radius(!important); }
443
+ .romo-rm-border-bottom-left-radius-hover:hover { @include rm-border-bottom-left-radius(!important); }
444
+
445
+ .romo-border-radius-circle { @include border-radius(50%); }
446
+ .romo-border-radius-circle-hover:hover { @include border-radius(50%); }
447
+ .romo-border-radius-pill { @include border-radius(500px); }
448
+ .romo-border-radius-pill-hover:hover { @include border-radius(500px); }
449
+
450
+ /* spacing */
451
+
452
+ .romo-pad,
453
+ .romo-pad1 { @include pad1(!important); }
454
+ .romo-pad0 { @include pad0(!important); }
455
+ .romo-pad2 { @include pad2(!important); }
456
+ .romo-pad-none,
457
+ .romo-rm-pad { @include rm-pad(!important); }
458
+
459
+ .romo-pad-top,
460
+ .romo-pad1-top { @include pad1-top(!important); }
461
+ .romo-pad0-top { @include pad0-top(!important); }
462
+ .romo-pad2-top { @include pad2-top(!important); }
463
+ .romo-pad-none-top,
464
+ .romo-rm-pad-top { @include rm-pad-top(!important); }
465
+
466
+ .romo-pad-right,
467
+ .romo-pad1-right { @include pad1-right(!important); }
468
+ .romo-pad0-right { @include pad0-right(!important); }
469
+ .romo-pad2-right { @include pad2-right(!important); }
470
+ .romo-pad-none-right,
471
+ .romo-rm-pad-right { @include rm-pad-right(!important); }
472
+
473
+ .romo-pad-bottom,
474
+ .romo-pad1-bottom { @include pad1-bottom(!important); }
475
+ .romo-pad0-bottom { @include pad0-bottom(!important); }
476
+ .romo-pad2-bottom { @include pad2-bottom(!important); }
477
+ .romo-pad-none-bottom,
478
+ .romo-rm-pad-bottom { @include rm-pad-bottom(!important); }
479
+
480
+ .romo-pad-left,
481
+ .romo-pad1-left { @include pad1-left(!important); }
482
+ .romo-pad0-left { @include pad0-left(!important); }
483
+ .romo-pad2-left { @include pad2-left(!important); }
484
+ .romo-pad-none-left,
485
+ .romo-rm-pad-left { @include rm-pad-left(!important); }
486
+
487
+ .romo-push,
488
+ .romo-push1 { @include push1(!important); }
489
+ .romo-push0 { @include push0(!important); }
490
+ .romo-push2 { @include push2(!important); }
491
+ .romo-push-none,
492
+ .romo-rm-push { @include rm-push(!important); }
493
+
494
+ .romo-push-top,
495
+ .romo-push1-top { @include push1-top(!important); }
496
+ .romo-push0-top { @include push0-top(!important); }
497
+ .romo-push2-top { @include push2-top(!important); }
498
+ .romo-push-none-top,
499
+ .romo-rm-push-top { @include rm-push-top(!important); }
500
+
501
+ .romo-push-right,
502
+ .romo-push1-right { @include push1-right(!important); }
503
+ .romo-push0-right { @include push0-right(!important); }
504
+ .romo-push2-right { @include push2-right(!important); }
505
+ .romo-push-none-right,
506
+ .romo-rm-push-right { @include rm-push-right(!important); }
507
+
508
+ .romo-push-bottom,
509
+ .romo-push1-bottom { @include push1-bottom(!important); }
510
+ .romo-push0-bottom { @include push0-bottom(!important); }
511
+ .romo-push2-bottom { @include push2-bottom(!important); }
512
+ .romo-push-none-bottom,
513
+ .romo-rm-push-bottom { @include rm-push-bottom(!important); }
514
+
515
+ .romo-push-left,
516
+ .romo-push1-left { @include push1-left(!important); }
517
+ .romo-push0-left { @include push0-left(!important); }
518
+ .romo-push2-left { @include push2-left(!important); }
519
+ .romo-push-none-left,
520
+ .romo-rm-push-left { @include rm-push-left(!important); }
521
+
522
+ .romo-push-center { margin: 0 auto !important; }
523
+
524
+ /* other helpers */
525
+
526
+ .romo-full-width { width: 100% !important; }
527
+ .romo-full-height { height: 100% !important; }
528
+ .romo-match-line-height { line-height: 1 !important; }
529
+
530
+ .romo-nowrap { white-space: nowrap !important; }
531
+ .romo-crop { white-space: nowrap !important; overflow: hidden !important; }
532
+ .romo-ellipsis { overflow: hidden !important; text-overflow: ellipsis !important; }
533
+ .romo-crop-ellipsis { white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
534
+
535
+ .romo-inline { display: inline !important; }
536
+ .romo-inline-block { display: inline-block !important; }
537
+ .romo-inline-flex { @include display-inline-flex(!important); }
538
+ .romo-flex { @include display-flex(!important); }
539
+ .romo-block { display: block !important; }
540
+ .romo-display-none { display: none !important;}
541
+
542
+ .romo-hover:hover {
543
+ .romo-inline-hover { display: inline !important; }
544
+ .romo-inline-block-hover { display: inline-block !important; }
545
+ .romo-inline-flex-hover { @include display-inline-flex(!important); }
546
+ .romo-flex-hover { @include display-flex(!important); }
547
+ .romo-block-hover { display: block !important; }
548
+ .romo-display-none-hover { display: none !important;}
549
+ }
554
550
 
555
- .romo-clearfix { @include clearfix; }
556
- .romo-pull-left,
557
- .romo-float-left { float: left !important; }
558
- .romo-pull-right,
559
- .romo-float-right { float: right !important; }
551
+ .romo-relative { position: relative !important; }
552
+ .romo-absolute { position: absolute !important; }
553
+ .romo-absolute-fill {
554
+ position: absolute;
555
+ top: 0;
556
+ right: 0;
557
+ bottom: 0;
558
+ left: 0;
559
+ }
560
+ .romo-fixed { position: fixed !important; }
561
+
562
+ .romo-clearfix { @include clearfix; }
563
+ .romo-pull-left,
564
+ .romo-float-left { float: left !important; }
565
+ .romo-pull-right,
566
+ .romo-float-right { float: right !important; }
560
567
 
561
- .romo-overflow-hidden { overflow: hidden !important; }
562
- .romo-overflow-auto { overflow: auto !important; }
563
- .romo-overflow-scroll { overflow: scroll !important; }
568
+ .romo-overflow-hidden { overflow: hidden !important; }
569
+ .romo-overflow-auto { overflow: auto !important; }
570
+ .romo-overflow-scroll { overflow: scroll !important; }
564
571
 
565
- .romo-overflow-x-hidden { overflow-x: hidden !important; }
566
- .romo-overflow-x-auto { overflow-x: auto !important; }
567
- .romo-overflow-x-scroll { overflow-x: scroll !important; }
572
+ .romo-overflow-x-hidden { overflow-x: hidden !important; }
573
+ .romo-overflow-x-auto { overflow-x: auto !important; }
574
+ .romo-overflow-x-scroll { overflow-x: scroll !important; }
568
575
 
569
- .romo-overflow-y-hidden { overflow-y: hidden !important; }
570
- .romo-overflow-y-auto { overflow-y: auto !important; }
571
- .romo-overflow-y-scroll { overflow-y: scroll !important; }
576
+ .romo-overflow-y-hidden { overflow-y: hidden !important; }
577
+ .romo-overflow-y-auto { overflow-y: auto !important; }
578
+ .romo-overflow-y-scroll { overflow-y: scroll !important; }
579
+
580
+ }