romo 0.18.2 → 0.19.0

Sign up to get free protection for your applications and to get access to all the features.
@@ -1,285 +1,289 @@
1
1
  @import 'css/romo/vars';
2
2
  @import 'css/romo/mixins';
3
3
 
4
- .romo-grid-table {
5
- width: 100%;
6
- background-color: transparent;
7
- @include rm-pad;
8
- @include rm-push;
9
- }
4
+ .romo {
10
5
 
11
- ul.romo-grid-table,
12
- ol.romo-grid-table { @include list-unstyled(!important); }
6
+ .romo-grid-table {
7
+ width: 100%;
8
+ background-color: transparent;
9
+ @include rm-pad;
10
+ @include rm-push;
11
+ }
13
12
 
14
- .romo-grid-table > .romo-row { @include border1-bottom; }
13
+ ul.romo-grid-table,
14
+ ol.romo-grid-table { @include list-unstyled(!important); }
15
15
 
16
- .romo-grid-table.romo-grid-table-header > .romo-row:first-child > .romo-span { @include font-weight(bold); }
17
- .romo-grid-table.romo-grid-table-header > .romo-row:first-child > .romo-span { @include align-bottom; }
16
+ .romo-grid-table > .romo-row { @include border1-bottom; }
18
17
 
19
- .romo-grid-table > .romo-row > .romo-span {
20
- @include rm-pad;
21
- @include rm-push;
22
- @include align-left;
23
- @include align-middle;
24
- }
18
+ .romo-grid-table.romo-grid-table-header > .romo-row:first-child > .romo-span { @include font-weight(bold); }
19
+ .romo-grid-table.romo-grid-table-header > .romo-row:first-child > .romo-span { @include align-bottom; }
20
+
21
+ .romo-grid-table > .romo-row > .romo-span {
22
+ @include rm-pad;
23
+ @include rm-push;
24
+ @include align-left;
25
+ @include align-middle;
26
+ }
27
+
28
+ .romo-grid-table-alt { @include bg-alt; }
29
+
30
+ .romo-grid-table-striped:not(.romo-grid-table-header) > .romo-row:nth-child(odd) { @include bg-striped; }
31
+ .romo-grid-table-striped:not(.romo-grid-table-header).romo-grid-table-striped-alt > .romo-row:nth-child(odd) { @include bg-base; }
32
+ .romo-grid-table-striped.romo-grid-table-header > .romo-row:nth-child(even) { @include bg-striped; }
33
+ .romo-grid-table-striped.romo-grid-table-header.romo-grid-table-striped-alt > .romo-row:nth-child(even) { @include bg-base; }
34
+ .romo-grid-table-striped.romo-grid-table-striped-alt { @include bg-striped; }
35
+
36
+ .romo-grid-table-hover:not(.romo-grid-table-header) > .romo-row:hover,
37
+ .romo-grid-table-hover:not(.romo-grid-table-header).romo-grid-table-alt > .romo-row:hover,
38
+ .romo-grid-table-hover:not(.romo-grid-table-header).romo-grid-table-striped > .romo-row:hover,
39
+ .romo-grid-table-hover:not(.romo-grid-table-header).romo-grid-table-striped-alt > .romo-row:hover { @include bg-hover; }
40
+ .romo-grid-table-hover.romo-grid-table-header > .romo-row:not(:first-child):hover,
41
+ .romo-grid-table-hover.romo-grid-table-header.romo-grid-table-alt > .romo-row:not(:first-child):hover { @include bg-hover; }
42
+
43
+ .romo-grid-table-border,
44
+ .romo-grid-table-border1 { @include border1; }
45
+ .romo-grid-table-border0 { @include border0; }
46
+ .romo-grid-table-border2 { @include border2; }
47
+ .romo-grid-table-border-none { @include border-style(none); }
48
+
49
+ .romo-grid-table.romo-grid-table-border > .romo-row,
50
+ .romo-grid-table.romo-grid-table-border1 > .romo-row { @include border1-bottom; }
51
+ .romo-grid-table.romo-grid-table-border0 > .romo-row { @include border0-bottom; }
52
+ .romo-grid-table.romo-grid-table-border2 > .romo-row { @include border2-bottom; }
53
+ .romo-grid-table.romo-grid-table-border-none > .romo-row { @include border-style(none); }
54
+
55
+ .romo-grid-table.romo-grid-table-border > .romo-row > .romo-span,
56
+ .romo-grid-table.romo-grid-table-border1 > .romo-row > .romo-span { @include border1-right; white-space: nowrap; overflow: hidden; }
57
+ .romo-grid-table.romo-grid-table-border0 > .romo-row > .romo-span { @include border0-right; white-space: nowrap; overflow: hidden; }
58
+ .romo-grid-table.romo-grid-table-border2 > .romo-row > .romo-span { @include border2-right; white-space: nowrap; overflow: hidden; }
59
+ .romo-grid-table.romo-grid-table-border-none > .romo-row > .romo-span { @include border-style(none); white-space: nowrap; overflow: hidden; }
60
+
61
+ .romo-grid-table[class*="romo-grid-table-border"] > .romo-row > .romo-span:last-child { @include rm-border-right; }
62
+ .romo-grid-table[class*="romo-grid-table-border"] > .romo-row:last-child { @include rm-border-bottom; }
63
+
64
+ .romo-grid-table.romo-grid-table-pad > .romo-row > .romo-span,
65
+ .romo-grid-table.romo-grid-table-pad1 > .romo-row > .romo-span { @include pad1; }
66
+ .romo-grid-table.romo-grid-table-pad0 > .romo-row > .romo-span { @include pad0; }
67
+ .romo-grid-table.romo-grid-table-pad2 > .romo-row > .romo-span { @include pad2; }
68
+ .romo-grid-table.romo-grid-table-rm-pad > .romo-row > .romo-span { @include rm-pad; }
69
+
70
+ .romo-grid-table.romo-table-pad-top > .romo-row > .romo-span,
71
+ .romo-grid-table.romo-table-pad1-top > .romo-row > .romo-span { @include pad1-top; }
72
+ .romo-grid-table.romo-table-pad0-top > .romo-row > .romo-span { @include pad0-top; }
73
+ .romo-grid-table.romo-table-pad2-top > .romo-row > .romo-span { @include pad2-top; }
74
+ .romo-grid-table.romo-table-rm-pad-top > .romo-row > .romo-span { @include rm-pad-top; }
75
+
76
+ .romo-grid-table.romo-table-pad-right > .romo-row > .romo-span,
77
+ .romo-grid-table.romo-table-pad1-right > .romo-row > .romo-span { @include pad1-right; }
78
+ .romo-grid-table.romo-table-pad0-right > .romo-row > .romo-span { @include pad0-right; }
79
+ .romo-grid-table.romo-table-pad2-right > .romo-row > .romo-span { @include pad2-right; }
80
+ .romo-grid-table.romo-table-rm-pad-right > .romo-row > .romo-span { @include rm-pad-right; }
81
+
82
+ .romo-grid-table.romo-table-pad-bottom > .romo-row > .romo-span,
83
+ .romo-grid-table.romo-table-pad1-bottom > .romo-row > .romo-span { @include pad1-bottom; }
84
+ .romo-grid-table.romo-table-pad0-bottom > .romo-row > .romo-span { @include pad0-bottom; }
85
+ .romo-grid-table.romo-table-pad2-bottom > .romo-row > .romo-span { @include pad2-bottom; }
86
+ .romo-grid-table.romo-table-rm-pad-bottom > .romo-row > .romo-span { @include rm-pad-bottom; }
87
+
88
+ .romo-grid-table.romo-table-pad-left > .romo-row > .romo-span,
89
+ .romo-grid-table.romo-table-pad1-left > .romo-row > .romo-span { @include pad1-left; }
90
+ .romo-grid-table.romo-table-pad0-left > .romo-row > .romo-span { @include pad0-left; }
91
+ .romo-grid-table.romo-table-pad2-left > .romo-row > .romo-span { @include pad2-left; }
92
+ .romo-grid-table.romo-table-rm-pad-left > .romo-row > .romo-span { @include rm-pad-left; }
25
93
 
26
- .romo-grid-table-alt { @include bg-alt; }
27
-
28
- .romo-grid-table-striped:not(.romo-grid-table-header) > .romo-row:nth-child(odd) { @include bg-striped; }
29
- .romo-grid-table-striped:not(.romo-grid-table-header).romo-grid-table-striped-alt > .romo-row:nth-child(odd) { @include bg-base; }
30
- .romo-grid-table-striped.romo-grid-table-header > .romo-row:nth-child(even) { @include bg-striped; }
31
- .romo-grid-table-striped.romo-grid-table-header.romo-grid-table-striped-alt > .romo-row:nth-child(even) { @include bg-base; }
32
- .romo-grid-table-striped.romo-grid-table-striped-alt { @include bg-striped; }
33
-
34
- .romo-grid-table-hover:not(.romo-grid-table-header) > .romo-row:hover,
35
- .romo-grid-table-hover:not(.romo-grid-table-header).romo-grid-table-alt > .romo-row:hover,
36
- .romo-grid-table-hover:not(.romo-grid-table-header).romo-grid-table-striped > .romo-row:hover,
37
- .romo-grid-table-hover:not(.romo-grid-table-header).romo-grid-table-striped-alt > .romo-row:hover { @include bg-hover; }
38
- .romo-grid-table-hover.romo-grid-table-header > .romo-row:not(:first-child):hover,
39
- .romo-grid-table-hover.romo-grid-table-header.romo-grid-table-alt > .romo-row:not(:first-child):hover { @include bg-hover; }
40
-
41
- .romo-grid-table-border,
42
- .romo-grid-table-border1 { @include border1; }
43
- .romo-grid-table-border0 { @include border0; }
44
- .romo-grid-table-border2 { @include border2; }
45
- .romo-grid-table-border-none { @include border-style(none); }
46
-
47
- .romo-grid-table.romo-grid-table-border > .romo-row,
48
- .romo-grid-table.romo-grid-table-border1 > .romo-row { @include border1-bottom; }
49
- .romo-grid-table.romo-grid-table-border0 > .romo-row { @include border0-bottom; }
50
- .romo-grid-table.romo-grid-table-border2 > .romo-row { @include border2-bottom; }
51
- .romo-grid-table.romo-grid-table-border-none > .romo-row { @include border-style(none); }
52
-
53
- .romo-grid-table.romo-grid-table-border > .romo-row > .romo-span,
54
- .romo-grid-table.romo-grid-table-border1 > .romo-row > .romo-span { @include border1-right; white-space: nowrap; overflow: hidden; }
55
- .romo-grid-table.romo-grid-table-border0 > .romo-row > .romo-span { @include border0-right; white-space: nowrap; overflow: hidden; }
56
- .romo-grid-table.romo-grid-table-border2 > .romo-row > .romo-span { @include border2-right; white-space: nowrap; overflow: hidden; }
57
- .romo-grid-table.romo-grid-table-border-none > .romo-row > .romo-span { @include border-style(none); white-space: nowrap; overflow: hidden; }
58
-
59
- .romo-grid-table[class*="romo-grid-table-border"] > .romo-row > .romo-span:last-child { @include rm-border-right; }
60
- .romo-grid-table[class*="romo-grid-table-border"] > .romo-row:last-child { @include rm-border-bottom; }
61
-
62
- .romo-grid-table.romo-grid-table-pad > .romo-row > .romo-span,
63
- .romo-grid-table.romo-grid-table-pad1 > .romo-row > .romo-span { @include pad1; }
64
- .romo-grid-table.romo-grid-table-pad0 > .romo-row > .romo-span { @include pad0; }
65
- .romo-grid-table.romo-grid-table-pad2 > .romo-row > .romo-span { @include pad2; }
66
- .romo-grid-table.romo-grid-table-rm-pad > .romo-row > .romo-span { @include rm-pad; }
67
-
68
- .romo-grid-table.romo-table-pad-top > .romo-row > .romo-span,
69
- .romo-grid-table.romo-table-pad1-top > .romo-row > .romo-span { @include pad1-top; }
70
- .romo-grid-table.romo-table-pad0-top > .romo-row > .romo-span { @include pad0-top; }
71
- .romo-grid-table.romo-table-pad2-top > .romo-row > .romo-span { @include pad2-top; }
72
- .romo-grid-table.romo-table-rm-pad-top > .romo-row > .romo-span { @include rm-pad-top; }
73
-
74
- .romo-grid-table.romo-table-pad-right > .romo-row > .romo-span,
75
- .romo-grid-table.romo-table-pad1-right > .romo-row > .romo-span { @include pad1-right; }
76
- .romo-grid-table.romo-table-pad0-right > .romo-row > .romo-span { @include pad0-right; }
77
- .romo-grid-table.romo-table-pad2-right > .romo-row > .romo-span { @include pad2-right; }
78
- .romo-grid-table.romo-table-rm-pad-right > .romo-row > .romo-span { @include rm-pad-right; }
79
-
80
- .romo-grid-table.romo-table-pad-bottom > .romo-row > .romo-span,
81
- .romo-grid-table.romo-table-pad1-bottom > .romo-row > .romo-span { @include pad1-bottom; }
82
- .romo-grid-table.romo-table-pad0-bottom > .romo-row > .romo-span { @include pad0-bottom; }
83
- .romo-grid-table.romo-table-pad2-bottom > .romo-row > .romo-span { @include pad2-bottom; }
84
- .romo-grid-table.romo-table-rm-pad-bottom > .romo-row > .romo-span { @include rm-pad-bottom; }
85
-
86
- .romo-grid-table.romo-table-pad-left > .romo-row > .romo-span,
87
- .romo-grid-table.romo-table-pad1-left > .romo-row > .romo-span { @include pad1-left; }
88
- .romo-grid-table.romo-table-pad0-left > .romo-row > .romo-span { @include pad0-left; }
89
- .romo-grid-table.romo-table-pad2-left > .romo-row > .romo-span { @include pad2-left; }
90
- .romo-grid-table.romo-table-rm-pad-left > .romo-row > .romo-span { @include rm-pad-left; }
91
-
92
- /* emphasis colored rows */
93
-
94
- .romo-grid-table .romo-row.romo-base { @include bg-base(!important); }
95
- .romo-grid-table .romo-row.romo-alt { @include bg-alt(!important); }
96
- .romo-grid-table .romo-row.romo-muted { @include bg-muted(!important); }
97
- .romo-grid-table .romo-row.romo-warning { @include bg-warning(!important); }
98
- .romo-grid-table .romo-row.romo-danger { @include bg-danger(!important); }
99
- .romo-grid-table .romo-row.romo-info { @include bg-info(!important); }
100
- .romo-grid-table .romo-row.romo-success { @include bg-success(!important); }
101
- .romo-grid-table .romo-row.romo-inverse { @include bg-inverse(!important); }
102
-
103
- .romo-grid-table-hover:not(.romo-grid-table-header) > .romo-row.romo-base:hover,
104
- .romo-grid-table-hover.romo-grid-table-header > .romo-row.romo-base:not(:first-child):hover { @include bg-base-hover(!important); }
105
- .romo-grid-table-hover:not(.romo-grid-table-header) > .romo-row.romo-alt:hover,
106
- .romo-grid-table-hover.romo-grid-table-header > .romo-row.romo-alt:not(:first-child):hover { @include bg-alt-hover(!important); }
107
- .romo-grid-table-hover:not(.romo-grid-table-header) > .romo-row.romo-muted:hover,
108
- .romo-grid-table-hover.romo-grid-table-header > .romo-row.romo-muted:not(:first-child):hover { @include bg-muted-hover(!important); }
109
- .romo-grid-table-hover:not(.romo-grid-table-header) > .romo-row.romo-warning:hover,
110
- .romo-grid-table-hover.romo-grid-table-header > .romo-row.romo-warning:not(:first-child):hover { @include bg-warning-hover(!important); }
111
- .romo-grid-table-hover:not(.romo-grid-table-header) > .romo-row.romo-danger:hover,
112
- .romo-grid-table-hover.romo-grid-table-header > .romo-row.romo-danger:not(:first-child):hover { @include bg-danger-hover(!important); }
113
- .romo-grid-table-hover:not(.romo-grid-table-header) > .romo-row.romo-info:hover,
114
- .romo-grid-table-hover.romo-grid-table-header > .romo-row.romo-info:not(:first-child):hover { @include bg-info-hover(!important); }
115
- .romo-grid-table-hover:not(.romo-grid-table-header) > .romo-row.romo-success:hover,
116
- .romo-grid-table-hover.romo-grid-table-header > .romo-row.romo-success:not(:first-child):hover { @include bg-success-hover(!important); }
117
- .romo-grid-table-hover:not(.romo-grid-table-header) > .romo-row.romo-inverse:hover,
118
- .romo-grid-table-hover.romo-grid-table-header > .romo-row.romo-inverse:not(:first-child):hover { @include bg-inverse-hover(!important); }
119
-
120
- /* explicit colored rows */
121
-
122
- .romo-grid-table .romo-row.romo-dark-red { @include bg-dark-red(!important); }
123
- .romo-grid-table .romo-row.romo-red { @include bg-red(!important); }
124
- .romo-grid-table .romo-row.romo-light-red { @include bg-light-red(!important); }
125
- .romo-grid-table .romo-row.romo-pastel-red { @include bg-pastel-red(!important); }
126
- .romo-grid-table .romo-row.romo-dark-orange { @include bg-dark-orange(!important); }
127
- .romo-grid-table .romo-row.romo-orange { @include bg-orange(!important); }
128
- .romo-grid-table .romo-row.romo-yellow { @include bg-yellow(!important); }
129
- .romo-grid-table .romo-row.romo-pastel-yellow { @include bg-pastel-yellow(!important); }
130
- .romo-grid-table .romo-row.romo-purple { @include bg-purple(!important); }
131
- .romo-grid-table .romo-row.romo-light-purple { @include bg-light-purple(!important); }
132
- .romo-grid-table .romo-row.romo-dark-pink { @include bg-dark-pink(!important); }
133
- .romo-grid-table .romo-row.romo-hot-pink { @include bg-hot-pink(!important); }
134
- .romo-grid-table .romo-row.romo-pink { @include bg-pink(!important); }
135
- .romo-grid-table .romo-row.romo-dark-green { @include bg-dark-green(!important); }
136
- .romo-grid-table .romo-row.romo-green { @include bg-green(!important); }
137
- .romo-grid-table .romo-row.romo-light-green { @include bg-light-green(!important); }
138
- .romo-grid-table .romo-row.romo-pastel-green { @include bg-pastel-green(!important); }
139
- .romo-grid-table .romo-row.romo-navy { @include bg-navy(!important); }
140
- .romo-grid-table .romo-row.romo-dark-blue { @include bg-dark-blue(!important); }
141
- .romo-grid-table .romo-row.romo-blue { @include bg-blue(!important); }
142
- .romo-grid-table .romo-row.romo-light-blue { @include bg-light-blue(!important); }
143
- .romo-grid-table .romo-row.romo-pastel-blue { @include bg-pastel-blue(!important); }
144
-
145
- .romo-grid-table-hover:not(.romo-grid-table-header) > .romo-row.romo-dark-red:hover,
146
- .romo-grid-table-hover.romo-grid-table-header > .romo-row.romo-dark-red:not(:first-child):hover { @include bg-dark-red-hover(!important); }
147
- .romo-grid-table-hover:not(.romo-grid-table-header) > .romo-row.romo-red:hover,
148
- .romo-grid-table-hover.romo-grid-table-header > .romo-row.romo-red:not(:first-child):hover { @include bg-red-hover(!important); }
149
- .romo-grid-table-hover:not(.romo-grid-table-header) > .romo-row.romo-light-red:hover,
150
- .romo-grid-table-hover.romo-grid-table-header > .romo-row.romo-light-red:not(:first-child):hover { @include bg-light-red-hover(!important); }
151
- .romo-grid-table-hover:not(.romo-grid-table-header) > .romo-row.romo-pastel-red:hover,
152
- .romo-grid-table-hover.romo-grid-table-header > .romo-row.romo-pastel-red:not(:first-child):hover { @include bg-pastel-red-hover(!important); }
153
- .romo-grid-table-hover:not(.romo-grid-table-header) > .romo-row.romo-dark-orange:hover,
154
- .romo-grid-table-hover.romo-grid-table-header > .romo-row.romo-dark-orange:not(:first-child):hover { @include bg-dark-orange-hover(!important); }
155
- .romo-grid-table-hover:not(.romo-grid-table-header) > .romo-row.romo-orange:hover,
156
- .romo-grid-table-hover.romo-grid-table-header > .romo-row.romo-orange:not(:first-child):hover { @include bg-orange-hover(!important); }
157
- .romo-grid-table-hover:not(.romo-grid-table-header) > .romo-row.romo-yellow:hover,
158
- .romo-grid-table-hover.romo-grid-table-header > .romo-row.romo-yellow:not(:first-child):hover { @include bg-yellow-hover(!important); }
159
- .romo-grid-table-hover:not(.romo-grid-table-header) > .romo-row.romo-pastel-yellow:hover,
160
- .romo-grid-table-hover.romo-grid-table-header > .romo-row.romo-pastel-yellow:not(:first-child):hover { @include bg-pastel-yellow-hover(!important); }
161
- .romo-grid-table-hover:not(.romo-grid-table-header) > .romo-row.romo-purple:hover,
162
- .romo-grid-table-hover.romo-grid-table-header > .romo-row.romo-purple:not(:first-child):hover { @include bg-purple-hover(!important); }
163
- .romo-grid-table-hover:not(.romo-grid-table-header) > .romo-row.romo-light-purple:hover,
164
- .romo-grid-table-hover.romo-grid-table-header > .romo-row.romo-light-purple:not(:first-child):hover { @include bg-light-purple-hover(!important); }
165
- .romo-grid-table-hover:not(.romo-grid-table-header) > .romo-row.romo-dark-pink:hover,
166
- .romo-grid-table-hover.romo-grid-table-header > .romo-row.romo-dark-pink:not(:first-child):hover { @include bg-dark-pink-hover(!important); }
167
- .romo-grid-table-hover:not(.romo-grid-table-header) > .romo-row.romo-hot-pink:hover,
168
- .romo-grid-table-hover.romo-grid-table-header > .romo-row.romo-hot-pink:not(:first-child):hover { @include bg-hot-pink-hover(!important); }
169
- .romo-grid-table-hover:not(.romo-grid-table-header) > .romo-row.romo-pink:hover,
170
- .romo-grid-table-hover.romo-grid-table-header > .romo-row.romo-pink:not(:first-child):hover { @include bg-pink-hover(!important); }
171
- .romo-grid-table-hover:not(.romo-grid-table-header) > .romo-row.romo-dark-green:hover,
172
- .romo-grid-table-hover.romo-grid-table-header > .romo-row.romo-dark-green:not(:first-child):hover { @include bg-dark-green-hover(!important); }
173
- .romo-grid-table-hover:not(.romo-grid-table-header) > .romo-row.romo-green:hover,
174
- .romo-grid-table-hover.romo-grid-table-header > .romo-row.romo-green:not(:first-child):hover { @include bg-green-hover(!important); }
175
- .romo-grid-table-hover:not(.romo-grid-table-header) > .romo-row.romo-light-green:hover,
176
- .romo-grid-table-hover.romo-grid-table-header > .romo-row.romo-light-green:not(:first-child):hover { @include bg-light-green-hover(!important); }
177
- .romo-grid-table-hover:not(.romo-grid-table-header) > .romo-row.romo-pastel-green:hover,
178
- .romo-grid-table-hover.romo-grid-table-header > .romo-row.romo-pastel-green:not(:first-child):hover { @include bg-pastel-green-hover(!important); }
179
- .romo-grid-table-hover:not(.romo-grid-table-header) > .romo-row.romo-navy:hover,
180
- .romo-grid-table-hover.romo-grid-table-header > .romo-row.romo-navy:not(:first-child):hover { @include bg-navy-hover(!important); }
181
- .romo-grid-table-hover:not(.romo-grid-table-header) > .romo-row.romo-dark-blue:hover,
182
- .romo-grid-table-hover.romo-grid-table-header > .romo-row.romo-dark-blue:not(:first-child):hover { @include bg-dark-blue-hover(!important); }
183
- .romo-grid-table-hover:not(.romo-grid-table-header) > .romo-row.romo-blue:hover,
184
- .romo-grid-table-hover.romo-grid-table-header > .romo-row.romo-blue:not(:first-child):hover { @include bg-blue-hover(!important); }
185
- .romo-grid-table-hover:not(.romo-grid-table-header) > .romo-row.romo-light-blue:hover,
186
- .romo-grid-table-hover.romo-grid-table-header > .romo-row.romo-light-blue:not(:first-child):hover { @include bg-light-blue-hover(!important); }
187
- .romo-grid-table-hover:not(.romo-grid-table-header) > .romo-row.romo-pastel-blue:hover,
188
- .romo-grid-table-hover.romo-grid-table-header > .romo-row.romo-pastel-blue:not(:first-child):hover { @include bg-pastel-blue-hover(!important); }
189
-
190
- /* emphasis colored borders */
191
-
192
- .romo-grid-table-border-muted { @include border-muted; }
193
- .romo-grid-table-border-warning { @include border-warning; }
194
- .romo-grid-table-border-danger { @include border-danger; }
195
- .romo-grid-table-border-info { @include border-info; }
196
- .romo-grid-table-border-success { @include border-success; }
197
- .romo-grid-table-border-inverse { @include border-inverse; }
198
- .romo-grid-table-border-alt { @include border-alt; }
199
-
200
- .romo-grid-table-border-muted > .romo-row { @include border-muted; }
201
- .romo-grid-table-border-warning > .romo-row { @include border-warning; }
202
- .romo-grid-table-border-danger > .romo-row { @include border-danger; }
203
- .romo-grid-table-border-info > .romo-row { @include border-info; }
204
- .romo-grid-table-border-success > .romo-row { @include border-success; }
205
- .romo-grid-table-border-inverse > .romo-row { @include border-inverse; }
206
- .romo-grid-table-border-alt > .romo-row { @include border-alt; }
207
-
208
- .romo-grid-table-border-muted > .romo-row > .romo-span { @include border-muted; }
209
- .romo-grid-table-border-warning > .romo-row > .romo-span { @include border-warning; }
210
- .romo-grid-table-border-danger > .romo-row > .romo-span { @include border-danger; }
211
- .romo-grid-table-border-info > .romo-row > .romo-span { @include border-info; }
212
- .romo-grid-table-border-success > .romo-row > .romo-span { @include border-success; }
213
- .romo-grid-table-border-inverse > .romo-row > .romo-span { @include border-inverse; }
214
- .romo-grid-table-border-alt > .romo-row > .romo-span { @include border-alt; }
215
-
216
- /* explicit colored borders */
217
-
218
- .romo-grid-table-border-dark-red { @include border-dark-red; }
219
- .romo-grid-table-border-red { @include border-red; }
220
- .romo-grid-table-border-light-red { @include border-light-red; }
221
- .romo-grid-table-border-pastel-red { @include border-pastel-red; }
222
- .romo-grid-table-border-dark-orange { @include border-dark-orange; }
223
- .romo-grid-table-border-orange { @include border-orange; }
224
- .romo-grid-table-border-yellow { @include border-yellow; }
225
- .romo-grid-table-border-pastel-yellow { @include border-pastel-yellow; }
226
- .romo-grid-table-border-purple { @include border-purple; }
227
- .romo-grid-table-border-light-purple { @include border-light-purple; }
228
- .romo-grid-table-border-dark-pink { @include border-dark-pink; }
229
- .romo-grid-table-border-hot-pink { @include border-hot-pink; }
230
- .romo-grid-table-border-pink { @include border-pink; }
231
- .romo-grid-table-border-dark-green { @include border-dark-green; }
232
- .romo-grid-table-border-green { @include border-green; }
233
- .romo-grid-table-border-light-green { @include border-light-green; }
234
- .romo-grid-table-border-pastel-green { @include border-pastel-green; }
235
- .romo-grid-table-border-navy { @include border-navy; }
236
- .romo-grid-table-border-dark-blue { @include border-dark-blue; }
237
- .romo-grid-table-border-blue { @include border-blue; }
238
- .romo-grid-table-border-light-blue { @include border-light-blue; }
239
- .romo-grid-table-border-pastel-blue { @include border-pastel-blue; }
240
-
241
- .romo-grid-table-border-dark-red > .romo-row { @include border-dark-red; }
242
- .romo-grid-table-border-red > .romo-row { @include border-red; }
243
- .romo-grid-table-border-light-red > .romo-row { @include border-light-red; }
244
- .romo-grid-table-border-pastel-red > .romo-row { @include border-pastel-red; }
245
- .romo-grid-table-border-dark-orange > .romo-row { @include border-dark-orange; }
246
- .romo-grid-table-border-orange > .romo-row { @include border-orange; }
247
- .romo-grid-table-border-yellow > .romo-row { @include border-yellow; }
248
- .romo-grid-table-border-pastel-yellow > .romo-row { @include border-pastel-yellow; }
249
- .romo-grid-table-border-purple > .romo-row { @include border-purple; }
250
- .romo-grid-table-border-light-purple > .romo-row { @include border-light-purple; }
251
- .romo-grid-table-border-dark-pink > .romo-row { @include border-dark-pink; }
252
- .romo-grid-table-border-hot-pink > .romo-row { @include border-hot-pink; }
253
- .romo-grid-table-border-pink > .romo-row { @include border-pink; }
254
- .romo-grid-table-border-dark-green > .romo-row { @include border-dark-green; }
255
- .romo-grid-table-border-green > .romo-row { @include border-green; }
256
- .romo-grid-table-border-light-green > .romo-row { @include border-light-green; }
257
- .romo-grid-table-border-pastel-green > .romo-row { @include border-pastel-green; }
258
- .romo-grid-table-border-navy > .romo-row { @include border-navy; }
259
- .romo-grid-table-border-dark-blue > .romo-row { @include border-dark-blue; }
260
- .romo-grid-table-border-blue > .romo-row { @include border-blue; }
261
- .romo-grid-table-border-light-blue > .romo-row { @include border-light-blue; }
262
- .romo-grid-table-border-pastel-blue > .romo-row { @include border-pastel-blue; }
263
-
264
- .romo-grid-table-border-dark-red > .romo-row > .romo-span { @include border-dark-red; }
265
- .romo-grid-table-border-red > .romo-row > .romo-span { @include border-red; }
266
- .romo-grid-table-border-light-red > .romo-row > .romo-span { @include border-light-red; }
267
- .romo-grid-table-border-pastel-red > .romo-row > .romo-span { @include border-pastel-red; }
268
- .romo-grid-table-border-dark-orange > .romo-row > .romo-span { @include border-dark-orange; }
269
- .romo-grid-table-border-orange > .romo-row > .romo-span { @include border-orange; }
270
- .romo-grid-table-border-yellow > .romo-row > .romo-span { @include border-yellow; }
271
- .romo-grid-table-border-pastel-yellow > .romo-row > .romo-span { @include border-pastel-yellow; }
272
- .romo-grid-table-border-purple > .romo-row > .romo-span { @include border-purple; }
273
- .romo-grid-table-border-light-purple > .romo-row > .romo-span { @include border-light-purple; }
274
- .romo-grid-table-border-dark-pink > .romo-row > .romo-span { @include border-dark-pink; }
275
- .romo-grid-table-border-hot-pink > .romo-row > .romo-span { @include border-hot-pink; }
276
- .romo-grid-table-border-pink > .romo-row > .romo-span { @include border-pink; }
277
- .romo-grid-table-border-dark-green > .romo-row > .romo-span { @include border-dark-green; }
278
- .romo-grid-table-border-green > .romo-row > .romo-span { @include border-green; }
279
- .romo-grid-table-border-light-green > .romo-row > .romo-span { @include border-light-green; }
280
- .romo-grid-table-border-pastel-green > .romo-row > .romo-span { @include border-pastel-green; }
281
- .romo-grid-table-border-navy > .romo-row > .romo-span { @include border-navy; }
282
- .romo-grid-table-border-dark-blue > .romo-row > .romo-span { @include border-dark-blue; }
283
- .romo-grid-table-border-blue > .romo-row > .romo-span { @include border-blue; }
284
- .romo-grid-table-border-light-blue > .romo-row > .romo-span { @include border-light-blue; }
285
- .romo-grid-table-border-pastel-blue > .romo-row > .romo-span { @include border-pastel-blue; }
94
+ /* emphasis colored rows */
95
+
96
+ .romo-grid-table .romo-row.romo-base { @include bg-base(!important); }
97
+ .romo-grid-table .romo-row.romo-alt { @include bg-alt(!important); }
98
+ .romo-grid-table .romo-row.romo-muted { @include bg-muted(!important); }
99
+ .romo-grid-table .romo-row.romo-warning { @include bg-warning(!important); }
100
+ .romo-grid-table .romo-row.romo-danger { @include bg-danger(!important); }
101
+ .romo-grid-table .romo-row.romo-info { @include bg-info(!important); }
102
+ .romo-grid-table .romo-row.romo-success { @include bg-success(!important); }
103
+ .romo-grid-table .romo-row.romo-inverse { @include bg-inverse(!important); }
104
+
105
+ .romo-grid-table-hover:not(.romo-grid-table-header) > .romo-row.romo-base:hover,
106
+ .romo-grid-table-hover.romo-grid-table-header > .romo-row.romo-base:not(:first-child):hover { @include bg-base-hover(!important); }
107
+ .romo-grid-table-hover:not(.romo-grid-table-header) > .romo-row.romo-alt:hover,
108
+ .romo-grid-table-hover.romo-grid-table-header > .romo-row.romo-alt:not(:first-child):hover { @include bg-alt-hover(!important); }
109
+ .romo-grid-table-hover:not(.romo-grid-table-header) > .romo-row.romo-muted:hover,
110
+ .romo-grid-table-hover.romo-grid-table-header > .romo-row.romo-muted:not(:first-child):hover { @include bg-muted-hover(!important); }
111
+ .romo-grid-table-hover:not(.romo-grid-table-header) > .romo-row.romo-warning:hover,
112
+ .romo-grid-table-hover.romo-grid-table-header > .romo-row.romo-warning:not(:first-child):hover { @include bg-warning-hover(!important); }
113
+ .romo-grid-table-hover:not(.romo-grid-table-header) > .romo-row.romo-danger:hover,
114
+ .romo-grid-table-hover.romo-grid-table-header > .romo-row.romo-danger:not(:first-child):hover { @include bg-danger-hover(!important); }
115
+ .romo-grid-table-hover:not(.romo-grid-table-header) > .romo-row.romo-info:hover,
116
+ .romo-grid-table-hover.romo-grid-table-header > .romo-row.romo-info:not(:first-child):hover { @include bg-info-hover(!important); }
117
+ .romo-grid-table-hover:not(.romo-grid-table-header) > .romo-row.romo-success:hover,
118
+ .romo-grid-table-hover.romo-grid-table-header > .romo-row.romo-success:not(:first-child):hover { @include bg-success-hover(!important); }
119
+ .romo-grid-table-hover:not(.romo-grid-table-header) > .romo-row.romo-inverse:hover,
120
+ .romo-grid-table-hover.romo-grid-table-header > .romo-row.romo-inverse:not(:first-child):hover { @include bg-inverse-hover(!important); }
121
+
122
+ /* explicit colored rows */
123
+
124
+ .romo-grid-table .romo-row.romo-dark-red { @include bg-dark-red(!important); }
125
+ .romo-grid-table .romo-row.romo-red { @include bg-red(!important); }
126
+ .romo-grid-table .romo-row.romo-light-red { @include bg-light-red(!important); }
127
+ .romo-grid-table .romo-row.romo-pastel-red { @include bg-pastel-red(!important); }
128
+ .romo-grid-table .romo-row.romo-dark-orange { @include bg-dark-orange(!important); }
129
+ .romo-grid-table .romo-row.romo-orange { @include bg-orange(!important); }
130
+ .romo-grid-table .romo-row.romo-yellow { @include bg-yellow(!important); }
131
+ .romo-grid-table .romo-row.romo-pastel-yellow { @include bg-pastel-yellow(!important); }
132
+ .romo-grid-table .romo-row.romo-purple { @include bg-purple(!important); }
133
+ .romo-grid-table .romo-row.romo-light-purple { @include bg-light-purple(!important); }
134
+ .romo-grid-table .romo-row.romo-dark-pink { @include bg-dark-pink(!important); }
135
+ .romo-grid-table .romo-row.romo-hot-pink { @include bg-hot-pink(!important); }
136
+ .romo-grid-table .romo-row.romo-pink { @include bg-pink(!important); }
137
+ .romo-grid-table .romo-row.romo-dark-green { @include bg-dark-green(!important); }
138
+ .romo-grid-table .romo-row.romo-green { @include bg-green(!important); }
139
+ .romo-grid-table .romo-row.romo-light-green { @include bg-light-green(!important); }
140
+ .romo-grid-table .romo-row.romo-pastel-green { @include bg-pastel-green(!important); }
141
+ .romo-grid-table .romo-row.romo-navy { @include bg-navy(!important); }
142
+ .romo-grid-table .romo-row.romo-dark-blue { @include bg-dark-blue(!important); }
143
+ .romo-grid-table .romo-row.romo-blue { @include bg-blue(!important); }
144
+ .romo-grid-table .romo-row.romo-light-blue { @include bg-light-blue(!important); }
145
+ .romo-grid-table .romo-row.romo-pastel-blue { @include bg-pastel-blue(!important); }
146
+
147
+ .romo-grid-table-hover:not(.romo-grid-table-header) > .romo-row.romo-dark-red:hover,
148
+ .romo-grid-table-hover.romo-grid-table-header > .romo-row.romo-dark-red:not(:first-child):hover { @include bg-dark-red-hover(!important); }
149
+ .romo-grid-table-hover:not(.romo-grid-table-header) > .romo-row.romo-red:hover,
150
+ .romo-grid-table-hover.romo-grid-table-header > .romo-row.romo-red:not(:first-child):hover { @include bg-red-hover(!important); }
151
+ .romo-grid-table-hover:not(.romo-grid-table-header) > .romo-row.romo-light-red:hover,
152
+ .romo-grid-table-hover.romo-grid-table-header > .romo-row.romo-light-red:not(:first-child):hover { @include bg-light-red-hover(!important); }
153
+ .romo-grid-table-hover:not(.romo-grid-table-header) > .romo-row.romo-pastel-red:hover,
154
+ .romo-grid-table-hover.romo-grid-table-header > .romo-row.romo-pastel-red:not(:first-child):hover { @include bg-pastel-red-hover(!important); }
155
+ .romo-grid-table-hover:not(.romo-grid-table-header) > .romo-row.romo-dark-orange:hover,
156
+ .romo-grid-table-hover.romo-grid-table-header > .romo-row.romo-dark-orange:not(:first-child):hover { @include bg-dark-orange-hover(!important); }
157
+ .romo-grid-table-hover:not(.romo-grid-table-header) > .romo-row.romo-orange:hover,
158
+ .romo-grid-table-hover.romo-grid-table-header > .romo-row.romo-orange:not(:first-child):hover { @include bg-orange-hover(!important); }
159
+ .romo-grid-table-hover:not(.romo-grid-table-header) > .romo-row.romo-yellow:hover,
160
+ .romo-grid-table-hover.romo-grid-table-header > .romo-row.romo-yellow:not(:first-child):hover { @include bg-yellow-hover(!important); }
161
+ .romo-grid-table-hover:not(.romo-grid-table-header) > .romo-row.romo-pastel-yellow:hover,
162
+ .romo-grid-table-hover.romo-grid-table-header > .romo-row.romo-pastel-yellow:not(:first-child):hover { @include bg-pastel-yellow-hover(!important); }
163
+ .romo-grid-table-hover:not(.romo-grid-table-header) > .romo-row.romo-purple:hover,
164
+ .romo-grid-table-hover.romo-grid-table-header > .romo-row.romo-purple:not(:first-child):hover { @include bg-purple-hover(!important); }
165
+ .romo-grid-table-hover:not(.romo-grid-table-header) > .romo-row.romo-light-purple:hover,
166
+ .romo-grid-table-hover.romo-grid-table-header > .romo-row.romo-light-purple:not(:first-child):hover { @include bg-light-purple-hover(!important); }
167
+ .romo-grid-table-hover:not(.romo-grid-table-header) > .romo-row.romo-dark-pink:hover,
168
+ .romo-grid-table-hover.romo-grid-table-header > .romo-row.romo-dark-pink:not(:first-child):hover { @include bg-dark-pink-hover(!important); }
169
+ .romo-grid-table-hover:not(.romo-grid-table-header) > .romo-row.romo-hot-pink:hover,
170
+ .romo-grid-table-hover.romo-grid-table-header > .romo-row.romo-hot-pink:not(:first-child):hover { @include bg-hot-pink-hover(!important); }
171
+ .romo-grid-table-hover:not(.romo-grid-table-header) > .romo-row.romo-pink:hover,
172
+ .romo-grid-table-hover.romo-grid-table-header > .romo-row.romo-pink:not(:first-child):hover { @include bg-pink-hover(!important); }
173
+ .romo-grid-table-hover:not(.romo-grid-table-header) > .romo-row.romo-dark-green:hover,
174
+ .romo-grid-table-hover.romo-grid-table-header > .romo-row.romo-dark-green:not(:first-child):hover { @include bg-dark-green-hover(!important); }
175
+ .romo-grid-table-hover:not(.romo-grid-table-header) > .romo-row.romo-green:hover,
176
+ .romo-grid-table-hover.romo-grid-table-header > .romo-row.romo-green:not(:first-child):hover { @include bg-green-hover(!important); }
177
+ .romo-grid-table-hover:not(.romo-grid-table-header) > .romo-row.romo-light-green:hover,
178
+ .romo-grid-table-hover.romo-grid-table-header > .romo-row.romo-light-green:not(:first-child):hover { @include bg-light-green-hover(!important); }
179
+ .romo-grid-table-hover:not(.romo-grid-table-header) > .romo-row.romo-pastel-green:hover,
180
+ .romo-grid-table-hover.romo-grid-table-header > .romo-row.romo-pastel-green:not(:first-child):hover { @include bg-pastel-green-hover(!important); }
181
+ .romo-grid-table-hover:not(.romo-grid-table-header) > .romo-row.romo-navy:hover,
182
+ .romo-grid-table-hover.romo-grid-table-header > .romo-row.romo-navy:not(:first-child):hover { @include bg-navy-hover(!important); }
183
+ .romo-grid-table-hover:not(.romo-grid-table-header) > .romo-row.romo-dark-blue:hover,
184
+ .romo-grid-table-hover.romo-grid-table-header > .romo-row.romo-dark-blue:not(:first-child):hover { @include bg-dark-blue-hover(!important); }
185
+ .romo-grid-table-hover:not(.romo-grid-table-header) > .romo-row.romo-blue:hover,
186
+ .romo-grid-table-hover.romo-grid-table-header > .romo-row.romo-blue:not(:first-child):hover { @include bg-blue-hover(!important); }
187
+ .romo-grid-table-hover:not(.romo-grid-table-header) > .romo-row.romo-light-blue:hover,
188
+ .romo-grid-table-hover.romo-grid-table-header > .romo-row.romo-light-blue:not(:first-child):hover { @include bg-light-blue-hover(!important); }
189
+ .romo-grid-table-hover:not(.romo-grid-table-header) > .romo-row.romo-pastel-blue:hover,
190
+ .romo-grid-table-hover.romo-grid-table-header > .romo-row.romo-pastel-blue:not(:first-child):hover { @include bg-pastel-blue-hover(!important); }
191
+
192
+ /* emphasis colored borders */
193
+
194
+ .romo-grid-table-border-muted { @include border-muted; }
195
+ .romo-grid-table-border-warning { @include border-warning; }
196
+ .romo-grid-table-border-danger { @include border-danger; }
197
+ .romo-grid-table-border-info { @include border-info; }
198
+ .romo-grid-table-border-success { @include border-success; }
199
+ .romo-grid-table-border-inverse { @include border-inverse; }
200
+ .romo-grid-table-border-alt { @include border-alt; }
201
+
202
+ .romo-grid-table-border-muted > .romo-row { @include border-muted; }
203
+ .romo-grid-table-border-warning > .romo-row { @include border-warning; }
204
+ .romo-grid-table-border-danger > .romo-row { @include border-danger; }
205
+ .romo-grid-table-border-info > .romo-row { @include border-info; }
206
+ .romo-grid-table-border-success > .romo-row { @include border-success; }
207
+ .romo-grid-table-border-inverse > .romo-row { @include border-inverse; }
208
+ .romo-grid-table-border-alt > .romo-row { @include border-alt; }
209
+
210
+ .romo-grid-table-border-muted > .romo-row > .romo-span { @include border-muted; }
211
+ .romo-grid-table-border-warning > .romo-row > .romo-span { @include border-warning; }
212
+ .romo-grid-table-border-danger > .romo-row > .romo-span { @include border-danger; }
213
+ .romo-grid-table-border-info > .romo-row > .romo-span { @include border-info; }
214
+ .romo-grid-table-border-success > .romo-row > .romo-span { @include border-success; }
215
+ .romo-grid-table-border-inverse > .romo-row > .romo-span { @include border-inverse; }
216
+ .romo-grid-table-border-alt > .romo-row > .romo-span { @include border-alt; }
217
+
218
+ /* explicit colored borders */
219
+
220
+ .romo-grid-table-border-dark-red { @include border-dark-red; }
221
+ .romo-grid-table-border-red { @include border-red; }
222
+ .romo-grid-table-border-light-red { @include border-light-red; }
223
+ .romo-grid-table-border-pastel-red { @include border-pastel-red; }
224
+ .romo-grid-table-border-dark-orange { @include border-dark-orange; }
225
+ .romo-grid-table-border-orange { @include border-orange; }
226
+ .romo-grid-table-border-yellow { @include border-yellow; }
227
+ .romo-grid-table-border-pastel-yellow { @include border-pastel-yellow; }
228
+ .romo-grid-table-border-purple { @include border-purple; }
229
+ .romo-grid-table-border-light-purple { @include border-light-purple; }
230
+ .romo-grid-table-border-dark-pink { @include border-dark-pink; }
231
+ .romo-grid-table-border-hot-pink { @include border-hot-pink; }
232
+ .romo-grid-table-border-pink { @include border-pink; }
233
+ .romo-grid-table-border-dark-green { @include border-dark-green; }
234
+ .romo-grid-table-border-green { @include border-green; }
235
+ .romo-grid-table-border-light-green { @include border-light-green; }
236
+ .romo-grid-table-border-pastel-green { @include border-pastel-green; }
237
+ .romo-grid-table-border-navy { @include border-navy; }
238
+ .romo-grid-table-border-dark-blue { @include border-dark-blue; }
239
+ .romo-grid-table-border-blue { @include border-blue; }
240
+ .romo-grid-table-border-light-blue { @include border-light-blue; }
241
+ .romo-grid-table-border-pastel-blue { @include border-pastel-blue; }
242
+
243
+ .romo-grid-table-border-dark-red > .romo-row { @include border-dark-red; }
244
+ .romo-grid-table-border-red > .romo-row { @include border-red; }
245
+ .romo-grid-table-border-light-red > .romo-row { @include border-light-red; }
246
+ .romo-grid-table-border-pastel-red > .romo-row { @include border-pastel-red; }
247
+ .romo-grid-table-border-dark-orange > .romo-row { @include border-dark-orange; }
248
+ .romo-grid-table-border-orange > .romo-row { @include border-orange; }
249
+ .romo-grid-table-border-yellow > .romo-row { @include border-yellow; }
250
+ .romo-grid-table-border-pastel-yellow > .romo-row { @include border-pastel-yellow; }
251
+ .romo-grid-table-border-purple > .romo-row { @include border-purple; }
252
+ .romo-grid-table-border-light-purple > .romo-row { @include border-light-purple; }
253
+ .romo-grid-table-border-dark-pink > .romo-row { @include border-dark-pink; }
254
+ .romo-grid-table-border-hot-pink > .romo-row { @include border-hot-pink; }
255
+ .romo-grid-table-border-pink > .romo-row { @include border-pink; }
256
+ .romo-grid-table-border-dark-green > .romo-row { @include border-dark-green; }
257
+ .romo-grid-table-border-green > .romo-row { @include border-green; }
258
+ .romo-grid-table-border-light-green > .romo-row { @include border-light-green; }
259
+ .romo-grid-table-border-pastel-green > .romo-row { @include border-pastel-green; }
260
+ .romo-grid-table-border-navy > .romo-row { @include border-navy; }
261
+ .romo-grid-table-border-dark-blue > .romo-row { @include border-dark-blue; }
262
+ .romo-grid-table-border-blue > .romo-row { @include border-blue; }
263
+ .romo-grid-table-border-light-blue > .romo-row { @include border-light-blue; }
264
+ .romo-grid-table-border-pastel-blue > .romo-row { @include border-pastel-blue; }
265
+
266
+ .romo-grid-table-border-dark-red > .romo-row > .romo-span { @include border-dark-red; }
267
+ .romo-grid-table-border-red > .romo-row > .romo-span { @include border-red; }
268
+ .romo-grid-table-border-light-red > .romo-row > .romo-span { @include border-light-red; }
269
+ .romo-grid-table-border-pastel-red > .romo-row > .romo-span { @include border-pastel-red; }
270
+ .romo-grid-table-border-dark-orange > .romo-row > .romo-span { @include border-dark-orange; }
271
+ .romo-grid-table-border-orange > .romo-row > .romo-span { @include border-orange; }
272
+ .romo-grid-table-border-yellow > .romo-row > .romo-span { @include border-yellow; }
273
+ .romo-grid-table-border-pastel-yellow > .romo-row > .romo-span { @include border-pastel-yellow; }
274
+ .romo-grid-table-border-purple > .romo-row > .romo-span { @include border-purple; }
275
+ .romo-grid-table-border-light-purple > .romo-row > .romo-span { @include border-light-purple; }
276
+ .romo-grid-table-border-dark-pink > .romo-row > .romo-span { @include border-dark-pink; }
277
+ .romo-grid-table-border-hot-pink > .romo-row > .romo-span { @include border-hot-pink; }
278
+ .romo-grid-table-border-pink > .romo-row > .romo-span { @include border-pink; }
279
+ .romo-grid-table-border-dark-green > .romo-row > .romo-span { @include border-dark-green; }
280
+ .romo-grid-table-border-green > .romo-row > .romo-span { @include border-green; }
281
+ .romo-grid-table-border-light-green > .romo-row > .romo-span { @include border-light-green; }
282
+ .romo-grid-table-border-pastel-green > .romo-row > .romo-span { @include border-pastel-green; }
283
+ .romo-grid-table-border-navy > .romo-row > .romo-span { @include border-navy; }
284
+ .romo-grid-table-border-dark-blue > .romo-row > .romo-span { @include border-dark-blue; }
285
+ .romo-grid-table-border-blue > .romo-row > .romo-span { @include border-blue; }
286
+ .romo-grid-table-border-light-blue > .romo-row > .romo-span { @include border-light-blue; }
287
+ .romo-grid-table-border-pastel-blue > .romo-row > .romo-span { @include border-pastel-blue; }
288
+
289
+ }