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 +4 -4
- data/assets/css/romo/base.scss +545 -536
- data/assets/css/romo/buttons.scss +200 -196
- data/assets/css/romo/colors.scss +213 -209
- data/assets/css/romo/datepicker.scss +62 -58
- data/assets/css/romo/dropdown.scss +27 -23
- data/assets/css/romo/forms.scss +199 -195
- data/assets/css/romo/grid.scss +272 -268
- data/assets/css/romo/grid_table.scss +281 -277
- data/assets/css/romo/indicator_text_input.scss +17 -13
- data/assets/css/romo/labels.scss +60 -56
- data/assets/css/romo/lists.scss +30 -26
- data/assets/css/romo/modal.scss +28 -24
- data/assets/css/romo/normalize.scss +417 -413
- data/assets/css/romo/select.scss +96 -92
- data/assets/css/romo/sortable.scss +13 -9
- data/assets/css/romo/table.scss +211 -207
- data/assets/css/romo/tabs.scss +58 -54
- data/assets/css/romo/tooltip.scss +88 -84
- data/assets/css/romo/z_index.scss +23 -19
- data/assets/js/romo/select_dropdown.js +4 -1
- data/lib/romo/version.rb +1 -1
- metadata +2 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA512:
|
3
|
-
|
4
|
-
|
3
|
+
data.tar.gz: c668b5fe917176627f827c3b9a3a07219ecfec0d32ad82841d1c37c353e1571255f94b8bb248610d387f0999a009c97958e59aa2813aad475047dc72f2639b4b
|
4
|
+
metadata.gz: 3652fa2660347b851ff7be92f09c01448aa55aed03a2217e56cd9a87a4fed65177c5a8f4bf799b35984925efbbf7f9457aaf1a21c2f4205a8e31cfc6e70e62b1
|
5
5
|
SHA1:
|
6
|
-
|
7
|
-
|
6
|
+
data.tar.gz: 9d46061e0999f93f850c11eec93f8303cad7f999
|
7
|
+
metadata.gz: abb9a32cd3c5d39e27f6811cf0717e504f5b2d51
|
data/assets/css/romo/base.scss
CHANGED
@@ -1,571 +1,580 @@
|
|
1
1
|
@import 'css/romo/vars';
|
2
2
|
@import 'css/romo/mixins';
|
3
3
|
|
4
|
-
|
5
|
-
/* ------- */
|
4
|
+
html { height: 100%; }
|
6
5
|
|
7
|
-
|
6
|
+
body.romo {
|
8
7
|
|
9
|
-
|
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
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
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
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
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
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
77
|
-
|
78
|
-
}
|
79
|
-
a:hover,
|
80
|
-
a:focus,
|
81
|
-
a:active {
|
82
|
-
|
83
|
-
|
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
|
-
|
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-
|
114
|
-
|
115
|
-
|
116
|
-
|
117
|
-
|
118
|
-
.romo-
|
119
|
-
.romo-
|
120
|
-
|
121
|
-
.romo-
|
122
|
-
|
123
|
-
|
124
|
-
|
125
|
-
|
126
|
-
|
127
|
-
|
128
|
-
|
129
|
-
|
130
|
-
|
131
|
-
|
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
|
-
|
136
|
-
|
137
|
-
|
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
|
-
|
142
|
+
h1 { @include text3; }
|
143
|
+
h2 { @include text2; }
|
144
|
+
h3 { @include text1; }
|
140
145
|
|
141
|
-
|
142
|
-
.romo-text1,
|
143
|
-
.romo-text2,
|
144
|
-
.romo-text3 {
|
145
|
-
text-rendering: optimizelegibility;
|
146
|
-
}
|
146
|
+
/* text size */
|
147
147
|
|
148
|
-
.romo-
|
149
|
-
.romo-
|
150
|
-
.romo-
|
151
|
-
.romo-
|
152
|
-
|
153
|
-
|
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-
|
545
|
-
.romo-
|
546
|
-
.romo-
|
547
|
-
|
548
|
-
|
549
|
-
|
550
|
-
|
551
|
-
|
552
|
-
}
|
553
|
-
.romo-
|
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-
|
556
|
-
.romo-
|
557
|
-
.romo-
|
558
|
-
|
559
|
-
|
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
|
+
}
|