romo 0.18.2 → 0.19.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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
+ }