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
data/assets/css/romo/select.scss
CHANGED
|
@@ -1,97 +1,101 @@
|
|
|
1
1
|
@import 'css/romo/vars';
|
|
2
2
|
@import 'css/romo/mixins';
|
|
3
3
|
|
|
4
|
-
.romo
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
.romo-select
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
4
|
+
.romo {
|
|
5
|
+
|
|
6
|
+
.romo-select-dropdown-options-parent {
|
|
7
|
+
display: none;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.romo-select-wrapper {
|
|
11
|
+
display: inline-block;
|
|
12
|
+
text-align: left;
|
|
13
|
+
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
|
|
14
|
+
cursor: pointer;
|
|
15
|
+
@include user-select(none);
|
|
16
|
+
position: relative;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.romo-select {
|
|
20
|
+
min-width: 50px;
|
|
21
|
+
font-weight: normal;
|
|
22
|
+
text-align: left;
|
|
23
|
+
padding-left: 6px;
|
|
24
|
+
padding-right: 6px;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.romo-select:focus,
|
|
28
|
+
.romo-select.romo-select-focus { @include input-focus; }
|
|
29
|
+
|
|
30
|
+
.romo-select:active,
|
|
31
|
+
.romo-select.active {
|
|
32
|
+
background-image: none;
|
|
33
|
+
outline: 0;
|
|
34
|
+
@include box-shadow((inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05)));
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
.romo-select-text {
|
|
38
|
+
white-space: nowrap;
|
|
39
|
+
overflow: hidden;
|
|
40
|
+
display: inline-block;
|
|
41
|
+
width: 100%;
|
|
42
|
+
}
|
|
43
|
+
.romo-select-caret {
|
|
44
|
+
display: inline-block;
|
|
45
|
+
position: absolute;
|
|
46
|
+
vertical-align: middle;
|
|
47
|
+
cursor: pointer;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
.romo-select-dropdown-option-filter-wrapper {
|
|
51
|
+
@include border1-bottom();
|
|
52
|
+
padding: 4px 0;
|
|
53
|
+
margin: 0 4px;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
.romo-select-option-list {
|
|
57
|
+
cursor: pointer;
|
|
58
|
+
font-weight: normal;
|
|
59
|
+
padding: 4px 0;
|
|
60
|
+
@include user-select(none);
|
|
61
|
+
|
|
62
|
+
background-color: $inputBgColor;
|
|
63
|
+
color: $inputColor;
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
.romo-select-option-list UL {
|
|
67
|
+
list-style: none outside none;
|
|
68
|
+
margin: 0;
|
|
69
|
+
padding: 0;
|
|
70
|
+
white-space: nowrap;
|
|
71
|
+
overflow: hidden;
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
.romo-select-option-list UL.romo-select-optgroup LI {
|
|
75
|
+
padding-left: $spacingSize1;
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
.romo-select-option-list LI {
|
|
79
|
+
@include select-option;
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
.romo-select-option-list LI[data-romo-select-item="optgroup"] {
|
|
83
|
+
@include select-optgroup;
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
.romo-select-option-list LI.romo-select-highlight {
|
|
87
|
+
background-color: $inputHighlightBgColor;
|
|
88
|
+
color: $inputBgColor;
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
.romo-select-option-list LI.disabled {
|
|
92
|
+
cursor: $notAllowedCursor;
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
.romo-select-option-list LI.disabled,
|
|
96
|
+
.romo-select-option-list LI.disabled.romo-select-highlight {
|
|
97
|
+
background-color: $inputBgColor;
|
|
98
|
+
color: $disabledColor;
|
|
99
|
+
}
|
|
92
100
|
|
|
93
|
-
.romo-select-option-list LI.disabled,
|
|
94
|
-
.romo-select-option-list LI.disabled.romo-select-highlight {
|
|
95
|
-
background-color: $inputBgColor;
|
|
96
|
-
color: $disabledColor;
|
|
97
101
|
}
|
|
@@ -1,14 +1,18 @@
|
|
|
1
1
|
@import 'css/romo/mixins';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
@include user-select(text);
|
|
5
|
-
}
|
|
3
|
+
.romo {
|
|
6
4
|
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
5
|
+
[data-romo-sortable-item="true"] {
|
|
6
|
+
@include user-select(text);
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.romo-sortable-grab {
|
|
10
|
+
@include cursor-grab;
|
|
11
|
+
@include user-select(none);
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.romo-sortable-grabbing {
|
|
15
|
+
@include cursor-grabbing;
|
|
16
|
+
}
|
|
11
17
|
|
|
12
|
-
.romo-sortable-grabbing {
|
|
13
|
-
@include cursor-grabbing;
|
|
14
18
|
}
|
data/assets/css/romo/table.scss
CHANGED
|
@@ -1,211 +1,215 @@
|
|
|
1
1
|
@import 'css/romo/vars';
|
|
2
2
|
@import 'css/romo/mixins';
|
|
3
3
|
|
|
4
|
-
.romo
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
.romo-table
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
4
|
+
.romo {
|
|
5
|
+
|
|
6
|
+
.romo-table { width: 100%; }
|
|
7
|
+
.romo-table-fixed { table-layout: fixed; }
|
|
8
|
+
|
|
9
|
+
.romo-table th,
|
|
10
|
+
.romo-table td {
|
|
11
|
+
@include rm-pad;
|
|
12
|
+
@include align-left;
|
|
13
|
+
@include align-middle;
|
|
14
|
+
@include border1-bottom;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.romo-table th { @include font-weight(bold); }
|
|
18
|
+
.romo-table thead th { @include align-bottom; }
|
|
19
|
+
|
|
20
|
+
.romo-table-alt { @include bg-alt; }
|
|
21
|
+
|
|
22
|
+
.romo-table-striped tbody > tr:nth-child(odd) { @include bg-striped; }
|
|
23
|
+
.romo-table-striped.romo-table-striped-alt tbody > tr:nth-child(odd) { @include bg-base; }
|
|
24
|
+
.romo-table-striped.romo-table-striped-alt { @include bg-striped; }
|
|
25
|
+
|
|
26
|
+
.romo-table-hover tbody tr:hover,
|
|
27
|
+
.romo-table-hover.romo-table-alt tbody tr:hover,
|
|
28
|
+
.romo-table-hover.romo-table-striped tbody tr:hover,
|
|
29
|
+
.romo-table-hover.romo-table-striped-alt tbody tr:hover { @include bg-hover; }
|
|
30
|
+
|
|
31
|
+
.romo-table-border,
|
|
32
|
+
.romo-table-border0,
|
|
33
|
+
.romo-table-border1,
|
|
34
|
+
.romo-table-border2,
|
|
35
|
+
.romo-table-border-none { border-collapse: collapse; *border-collapse: collapse; }
|
|
36
|
+
|
|
37
|
+
.romo-table-border,
|
|
38
|
+
.romo-table-border1 { @include border1-top; @include border1-left; }
|
|
39
|
+
.romo-table-border0 { @include border0-top; @include border0-left; }
|
|
40
|
+
.romo-table-border2 { @include border2-top; @include border2-left; }
|
|
41
|
+
.romo-table-border-none { @include border-style(none); }
|
|
42
|
+
|
|
43
|
+
.romo-table-border th, .romo-table-border td,
|
|
44
|
+
.romo-table-border1 th, .romo-table-border1 td { @include border1-bottom; @include border1-right; }
|
|
45
|
+
.romo-table-border0 th, .romo-table-border0 td { @include border0-bottom; @include border0-right; }
|
|
46
|
+
.romo-table-border2 th, .romo-table-border2 td { @include border2-bottom; @include border2-right; }
|
|
47
|
+
.romo-table-border-none th, .romo-table-border-none td { @include border-style(none); }
|
|
48
|
+
|
|
49
|
+
.romo-table-pad th, .romo-table-pad td,
|
|
50
|
+
.romo-table-pad1 th, .romo-table-pad1 td { @include pad1; }
|
|
51
|
+
.romo-table-pad0 th, .romo-table-pad0 td { @include pad0; }
|
|
52
|
+
.romo-table-pad2 th, .romo-table-pad2 td { @include pad2; }
|
|
53
|
+
.romo-table-rm-pad th, .romo-table-rm-pad td { @include rm-pad; }
|
|
54
|
+
|
|
55
|
+
.romo-table-pad-top th, .romo-table-pad-top td,
|
|
56
|
+
.romo-table-pad1-top th, .romo-table-pad1-top td { @include pad1-top; }
|
|
57
|
+
.romo-table-pad0-top th, .romo-table-pad0-top td { @include pad0-top; }
|
|
58
|
+
.romo-table-pad2-top th, .romo-table-pad2-top td { @include pad2-top; }
|
|
59
|
+
.romo-table-rm-pad-top th, .romo-table-rm-pad-top td { @include rm-pad-top; }
|
|
60
|
+
|
|
61
|
+
.romo-table-pad-right th, .romo-table-pad-right td,
|
|
62
|
+
.romo-table-pad1-right th, .romo-table-pad1-right td { @include pad1-right; }
|
|
63
|
+
.romo-table-pad0-right th, .romo-table-pad0-right td { @include pad0-right; }
|
|
64
|
+
.romo-table-pad2-right th, .romo-table-pad2-right td { @include pad2-right; }
|
|
65
|
+
.romo-table-rm-pad-right th, .romo-table-rm-pad-right td { @include rm-pad-right; }
|
|
66
|
+
|
|
67
|
+
.romo-table-pad-bottom th, .romo-table-pad-bottom td,
|
|
68
|
+
.romo-table-pad1-bottom th, .romo-table-pad1-bottom td { @include pad1-bottom; }
|
|
69
|
+
.romo-table-pad0-bottom th, .romo-table-pad0-bottom td { @include pad0-bottom; }
|
|
70
|
+
.romo-table-pad2-bottom th, .romo-table-pad2-bottom td { @include pad2-bottom; }
|
|
71
|
+
.romo-table-rm-pad-bottom th, .romo-table-rm-pad-bottom td { @include rm-pad-bottom; }
|
|
72
|
+
|
|
73
|
+
.romo-table-pad-left th, .romo-table-pad-left td,
|
|
74
|
+
.romo-table-pad1-left th, .romo-table-pad1-left td { @include pad1-left; }
|
|
75
|
+
.romo-table-pad0-left th, .romo-table-pad0-left td { @include pad0-left; }
|
|
76
|
+
.romo-table-pad2-left th, .romo-table-pad2-left td { @include pad2-left; }
|
|
77
|
+
.romo-table-rm-pad-left th, .romo-table-rm-pad-left td { @include rm-pad-left; }
|
|
78
|
+
|
|
79
|
+
/* emphasis colored rows */
|
|
80
|
+
|
|
81
|
+
.romo-table tr.romo-base { @include bg-base(!important); }
|
|
82
|
+
.romo-table tr.romo-alt { @include bg-alt(!important); }
|
|
83
|
+
.romo-table tr.romo-muted { @include bg-muted(!important); }
|
|
84
|
+
.romo-table tr.romo-warning { @include bg-warning(!important); }
|
|
85
|
+
.romo-table tr.romo-danger { @include bg-danger(!important); }
|
|
86
|
+
.romo-table tr.romo-info { @include bg-info(!important); }
|
|
87
|
+
.romo-table tr.romo-success { @include bg-success(!important); }
|
|
88
|
+
.romo-table tr.romo-inverse { @include bg-inverse(!important); }
|
|
89
|
+
|
|
90
|
+
.romo-table-hover tbody tr.romo-base:hover { @include bg-base-hover(!important); }
|
|
91
|
+
.romo-table-hover tbody tr.romo-alt:hover { @include bg-alt-hover(!important); }
|
|
92
|
+
.romo-table-hover tbody tr.romo-muted:hover { @include bg-muted-hover(!important); }
|
|
93
|
+
.romo-table-hover tbody tr.romo-warning:hover { @include bg-warning-hover(!important); }
|
|
94
|
+
.romo-table-hover tbody tr.romo-danger:hover { @include bg-danger-hover(!important); }
|
|
95
|
+
.romo-table-hover tbody tr.romo-info:hover { @include bg-info-hover(!important); }
|
|
96
|
+
.romo-table-hover tbody tr.romo-success:hover { @include bg-success-hover(!important); }
|
|
97
|
+
.romo-table-hover tbody tr.romo-inverse:hover { @include bg-inverse-hover(!important); }
|
|
98
|
+
|
|
99
|
+
/* explicit colored rows */
|
|
100
|
+
|
|
101
|
+
.romo-table tr.romo-dark-red { @include bg-dark-red(!important); }
|
|
102
|
+
.romo-table tr.romo-red { @include bg-red(!important); }
|
|
103
|
+
.romo-table tr.romo-light-red { @include bg-light-red(!important); }
|
|
104
|
+
.romo-table tr.romo-pastel-red { @include bg-pastel-red(!important); }
|
|
105
|
+
.romo-table tr.romo-dark-orange { @include bg-dark-orange(!important); }
|
|
106
|
+
.romo-table tr.romo-orange { @include bg-orange(!important); }
|
|
107
|
+
.romo-table tr.romo-yellow { @include bg-yellow(!important); }
|
|
108
|
+
.romo-table tr.romo-pastel-yellow { @include bg-pastel-yellow(!important); }
|
|
109
|
+
.romo-table tr.romo-purple { @include bg-purple(!important); }
|
|
110
|
+
.romo-table tr.romo-light-purple { @include bg-light-purple(!important); }
|
|
111
|
+
.romo-table tr.romo-dark-pink { @include bg-dark-pink(!important); }
|
|
112
|
+
.romo-table tr.romo-hot-pink { @include bg-hot-pink(!important); }
|
|
113
|
+
.romo-table tr.romo-pink { @include bg-pink(!important); }
|
|
114
|
+
.romo-table tr.romo-dark-green { @include bg-dark-green(!important); }
|
|
115
|
+
.romo-table tr.romo-green { @include bg-green(!important); }
|
|
116
|
+
.romo-table tr.romo-light-green { @include bg-light-green(!important); }
|
|
117
|
+
.romo-table tr.romo-pastel-green { @include bg-pastel-green(!important); }
|
|
118
|
+
.romo-table tr.romo-navy { @include bg-navy(!important); }
|
|
119
|
+
.romo-table tr.romo-dark-blue { @include bg-dark-blue(!important); }
|
|
120
|
+
.romo-table tr.romo-blue { @include bg-blue(!important); }
|
|
121
|
+
.romo-table tr.romo-light-blue { @include bg-light-blue(!important); }
|
|
122
|
+
.romo-table tr.romo-pastel-blue { @include bg-pastel-blue(!important); }
|
|
123
|
+
|
|
124
|
+
.romo-table-hover tbody tr.romo-dark-red:hover { @include bg-dark-red-hover(!important); }
|
|
125
|
+
.romo-table-hover tbody tr.romo-red:hover { @include bg-red-hover(!important); }
|
|
126
|
+
.romo-table-hover tbody tr.romo-light-red:hover { @include bg-light-red-hover(!important); }
|
|
127
|
+
.romo-table-hover tbody tr.romo-pastel-red:hover { @include bg-pastel-red-hover(!important); }
|
|
128
|
+
.romo-table-hover tbody tr.romo-dark-orange:hover { @include bg-dark-orange-hover(!important); }
|
|
129
|
+
.romo-table-hover tbody tr.romo-orange:hover { @include bg-orange-hover(!important); }
|
|
130
|
+
.romo-table-hover tbody tr.romo-yellow:hover { @include bg-yellow-hover(!important); }
|
|
131
|
+
.romo-table-hover tbody tr.romo-pastel-yellow:hover { @include bg-pastel-yellow-hover(!important); }
|
|
132
|
+
.romo-table-hover tbody tr.romo-purple:hover { @include bg-purple-hover(!important); }
|
|
133
|
+
.romo-table-hover tbody tr.romo-light-purple:hover { @include bg-light-purple-hover(!important); }
|
|
134
|
+
.romo-table-hover tbody tr.romo-dark-pink:hover { @include bg-dark-pink-hover(!important); }
|
|
135
|
+
.romo-table-hover tbody tr.romo-hot-pink:hover { @include bg-hot-pink-hover(!important); }
|
|
136
|
+
.romo-table-hover tbody tr.romo-pink:hover { @include bg-pink-hover(!important); }
|
|
137
|
+
.romo-table-hover tbody tr.romo-dark-green:hover { @include bg-dark-green-hover(!important); }
|
|
138
|
+
.romo-table-hover tbody tr.romo-green:hover { @include bg-green-hover(!important); }
|
|
139
|
+
.romo-table-hover tbody tr.romo-light-green:hover { @include bg-light-green-hover(!important); }
|
|
140
|
+
.romo-table-hover tbody tr.romo-pastel-green:hover { @include bg-pastel-green-hover(!important); }
|
|
141
|
+
.romo-table-hover tbody tr.romo-navy:hover { @include bg-navy-hover(!important); }
|
|
142
|
+
.romo-table-hover tbody tr.romo-dark-blue:hover { @include bg-dark-blue-hover(!important); }
|
|
143
|
+
.romo-table-hover tbody tr.romo-blue:hover { @include bg-blue-hover(!important); }
|
|
144
|
+
.romo-table-hover tbody tr.romo-light-blue:hover { @include bg-light-blue-hover(!important); }
|
|
145
|
+
.romo-table-hover tbody tr.romo-pastel-blue:hover { @include bg-pastel-blue-hover(!important); }
|
|
146
|
+
|
|
147
|
+
/* emphasis colored borders */
|
|
148
|
+
|
|
149
|
+
.romo-table-border-base { @include border-base; }
|
|
150
|
+
.romo-table-border-alt { @include border-alt; }
|
|
151
|
+
.romo-table-border-muted { @include border-muted; }
|
|
152
|
+
.romo-table-border-warning { @include border-warning; }
|
|
153
|
+
.romo-table-border-danger { @include border-danger; }
|
|
154
|
+
.romo-table-border-info { @include border-info; }
|
|
155
|
+
.romo-table-border-success { @include border-success; }
|
|
156
|
+
.romo-table-border-inverse { @include border-inverse; }
|
|
157
|
+
|
|
158
|
+
.romo-table-border-base th, .romo-table-border-base td { @include border-base; }
|
|
159
|
+
.romo-table-border-alt th, .romo-table-border-alt td { @include border-alt; }
|
|
160
|
+
.romo-table-border-muted th, .romo-table-border-muted td { @include border-muted; }
|
|
161
|
+
.romo-table-border-warning th, .romo-table-border-warning td { @include border-warning; }
|
|
162
|
+
.romo-table-border-danger th, .romo-table-border-danger td { @include border-danger; }
|
|
163
|
+
.romo-table-border-info th, .romo-table-border-info td { @include border-info; }
|
|
164
|
+
.romo-table-border-success th, .romo-table-border-success td { @include border-success; }
|
|
165
|
+
.romo-table-border-inverse th, .romo-table-border-inverse td { @include border-inverse; }
|
|
166
|
+
|
|
167
|
+
/* explicit colored borders */
|
|
168
|
+
|
|
169
|
+
.romo-table-border-dark-red { @include border-dark-red; }
|
|
170
|
+
.romo-table-border-red { @include border-red; }
|
|
171
|
+
.romo-table-border-light-red { @include border-light-red; }
|
|
172
|
+
.romo-table-border-pastel-red { @include border-pastel-red; }
|
|
173
|
+
.romo-table-border-dark-orange { @include border-dark-orange; }
|
|
174
|
+
.romo-table-border-orange { @include border-orange; }
|
|
175
|
+
.romo-table-border-yellow { @include border-yellow; }
|
|
176
|
+
.romo-table-border-pastel-yellow { @include border-pastel-yellow; }
|
|
177
|
+
.romo-table-border-purple { @include border-purple; }
|
|
178
|
+
.romo-table-border-light-purple { @include border-light-purple; }
|
|
179
|
+
.romo-table-border-dark-pink { @include border-dark-pink; }
|
|
180
|
+
.romo-table-border-hot-pink { @include border-hot-pink; }
|
|
181
|
+
.romo-table-border-pink { @include border-pink; }
|
|
182
|
+
.romo-table-border-dark-green { @include border-dark-green; }
|
|
183
|
+
.romo-table-border-green { @include border-green; }
|
|
184
|
+
.romo-table-border-light-green { @include border-light-green; }
|
|
185
|
+
.romo-table-border-pastel-green { @include border-pastel-green; }
|
|
186
|
+
.romo-table-border-navy { @include border-navy; }
|
|
187
|
+
.romo-table-border-dark-blue { @include border-dark-blue; }
|
|
188
|
+
.romo-table-border-blue { @include border-blue; }
|
|
189
|
+
.romo-table-border-light-blue { @include border-light-blue; }
|
|
190
|
+
.romo-table-border-pastel-blue { @include border-pastel-blue; }
|
|
191
|
+
|
|
192
|
+
.romo-table-border-dark-red th, .romo-table-border-dark-red td { @include border-dark-red; }
|
|
193
|
+
.romo-table-border-red th, .romo-table-border-red td { @include border-red; }
|
|
194
|
+
.romo-table-border-light-red th, .romo-table-border-light-red td { @include border-light-red; }
|
|
195
|
+
.romo-table-border-pastel-red th, .romo-table-border-pastel-red td { @include border-pastel-red; }
|
|
196
|
+
.romo-table-border-dark-orange th, .romo-table-border-dark-orange td { @include border-dark-orange; }
|
|
197
|
+
.romo-table-border-orange th, .romo-table-border-orange td { @include border-orange; }
|
|
198
|
+
.romo-table-border-yellow th, .romo-table-border-yellow td { @include border-yellow; }
|
|
199
|
+
.romo-table-border-pastel-yellow th, .romo-table-border-pastel-yellow td { @include border-pastel-yellow; }
|
|
200
|
+
.romo-table-border-purple th, .romo-table-border-purple td { @include border-purple; }
|
|
201
|
+
.romo-table-border-light-purple th, .romo-table-border-light-purple td { @include border-light-purple; }
|
|
202
|
+
.romo-table-border-dark-pink th, .romo-table-border-dark-pink td { @include border-dark-pink; }
|
|
203
|
+
.romo-table-border-hot-pink th, .romo-table-border-hot-pink td { @include border-hot-pink; }
|
|
204
|
+
.romo-table-border-pink th, .romo-table-border-pink td { @include border-pink; }
|
|
205
|
+
.romo-table-border-dark-green th, .romo-table-border-dark-green td { @include border-dark-green; }
|
|
206
|
+
.romo-table-border-green th, .romo-table-border-green td { @include border-green; }
|
|
207
|
+
.romo-table-border-light-green th, .romo-table-border-light-green td { @include border-light-green; }
|
|
208
|
+
.romo-table-border-pastel-green th, .romo-table-border-pastel-green td { @include border-pastel-green; }
|
|
209
|
+
.romo-table-border-navy th, .romo-table-border-navy td { @include border-navy; }
|
|
210
|
+
.romo-table-border-dark-blue th, .romo-table-border-dark-blue td { @include border-dark-blue; }
|
|
211
|
+
.romo-table-border-blue th, .romo-table-border-blue td { @include border-blue; }
|
|
212
|
+
.romo-table-border-light-blue th, .romo-table-border-light-blue td { @include border-light-blue; }
|
|
213
|
+
.romo-table-border-pastel-blue th, .romo-table-border-pastel-blue td { @include border-pastel-blue; }
|
|
14
214
|
|
|
15
|
-
|
|
16
|
-
.romo-table thead th { @include align-bottom; }
|
|
17
|
-
|
|
18
|
-
.romo-table-alt { @include bg-alt; }
|
|
19
|
-
|
|
20
|
-
.romo-table-striped tbody > tr:nth-child(odd) { @include bg-striped; }
|
|
21
|
-
.romo-table-striped.romo-table-striped-alt tbody > tr:nth-child(odd) { @include bg-base; }
|
|
22
|
-
.romo-table-striped.romo-table-striped-alt { @include bg-striped; }
|
|
23
|
-
|
|
24
|
-
.romo-table-hover tbody tr:hover,
|
|
25
|
-
.romo-table-hover.romo-table-alt tbody tr:hover,
|
|
26
|
-
.romo-table-hover.romo-table-striped tbody tr:hover,
|
|
27
|
-
.romo-table-hover.romo-table-striped-alt tbody tr:hover { @include bg-hover; }
|
|
28
|
-
|
|
29
|
-
.romo-table-border,
|
|
30
|
-
.romo-table-border0,
|
|
31
|
-
.romo-table-border1,
|
|
32
|
-
.romo-table-border2,
|
|
33
|
-
.romo-table-border-none { border-collapse: collapse; *border-collapse: collapse; }
|
|
34
|
-
|
|
35
|
-
.romo-table-border,
|
|
36
|
-
.romo-table-border1 { @include border1-top; @include border1-left; }
|
|
37
|
-
.romo-table-border0 { @include border0-top; @include border0-left; }
|
|
38
|
-
.romo-table-border2 { @include border2-top; @include border2-left; }
|
|
39
|
-
.romo-table-border-none { @include border-style(none); }
|
|
40
|
-
|
|
41
|
-
.romo-table-border th, .romo-table-border td,
|
|
42
|
-
.romo-table-border1 th, .romo-table-border1 td { @include border1-bottom; @include border1-right; }
|
|
43
|
-
.romo-table-border0 th, .romo-table-border0 td { @include border0-bottom; @include border0-right; }
|
|
44
|
-
.romo-table-border2 th, .romo-table-border2 td { @include border2-bottom; @include border2-right; }
|
|
45
|
-
.romo-table-border-none th, .romo-table-border-none td { @include border-style(none); }
|
|
46
|
-
|
|
47
|
-
.romo-table-pad th, .romo-table-pad td,
|
|
48
|
-
.romo-table-pad1 th, .romo-table-pad1 td { @include pad1; }
|
|
49
|
-
.romo-table-pad0 th, .romo-table-pad0 td { @include pad0; }
|
|
50
|
-
.romo-table-pad2 th, .romo-table-pad2 td { @include pad2; }
|
|
51
|
-
.romo-table-rm-pad th, .romo-table-rm-pad td { @include rm-pad; }
|
|
52
|
-
|
|
53
|
-
.romo-table-pad-top th, .romo-table-pad-top td,
|
|
54
|
-
.romo-table-pad1-top th, .romo-table-pad1-top td { @include pad1-top; }
|
|
55
|
-
.romo-table-pad0-top th, .romo-table-pad0-top td { @include pad0-top; }
|
|
56
|
-
.romo-table-pad2-top th, .romo-table-pad2-top td { @include pad2-top; }
|
|
57
|
-
.romo-table-rm-pad-top th, .romo-table-rm-pad-top td { @include rm-pad-top; }
|
|
58
|
-
|
|
59
|
-
.romo-table-pad-right th, .romo-table-pad-right td,
|
|
60
|
-
.romo-table-pad1-right th, .romo-table-pad1-right td { @include pad1-right; }
|
|
61
|
-
.romo-table-pad0-right th, .romo-table-pad0-right td { @include pad0-right; }
|
|
62
|
-
.romo-table-pad2-right th, .romo-table-pad2-right td { @include pad2-right; }
|
|
63
|
-
.romo-table-rm-pad-right th, .romo-table-rm-pad-right td { @include rm-pad-right; }
|
|
64
|
-
|
|
65
|
-
.romo-table-pad-bottom th, .romo-table-pad-bottom td,
|
|
66
|
-
.romo-table-pad1-bottom th, .romo-table-pad1-bottom td { @include pad1-bottom; }
|
|
67
|
-
.romo-table-pad0-bottom th, .romo-table-pad0-bottom td { @include pad0-bottom; }
|
|
68
|
-
.romo-table-pad2-bottom th, .romo-table-pad2-bottom td { @include pad2-bottom; }
|
|
69
|
-
.romo-table-rm-pad-bottom th, .romo-table-rm-pad-bottom td { @include rm-pad-bottom; }
|
|
70
|
-
|
|
71
|
-
.romo-table-pad-left th, .romo-table-pad-left td,
|
|
72
|
-
.romo-table-pad1-left th, .romo-table-pad1-left td { @include pad1-left; }
|
|
73
|
-
.romo-table-pad0-left th, .romo-table-pad0-left td { @include pad0-left; }
|
|
74
|
-
.romo-table-pad2-left th, .romo-table-pad2-left td { @include pad2-left; }
|
|
75
|
-
.romo-table-rm-pad-left th, .romo-table-rm-pad-left td { @include rm-pad-left; }
|
|
76
|
-
|
|
77
|
-
/* emphasis colored rows */
|
|
78
|
-
|
|
79
|
-
.romo-table tr.romo-base { @include bg-base(!important); }
|
|
80
|
-
.romo-table tr.romo-alt { @include bg-alt(!important); }
|
|
81
|
-
.romo-table tr.romo-muted { @include bg-muted(!important); }
|
|
82
|
-
.romo-table tr.romo-warning { @include bg-warning(!important); }
|
|
83
|
-
.romo-table tr.romo-danger { @include bg-danger(!important); }
|
|
84
|
-
.romo-table tr.romo-info { @include bg-info(!important); }
|
|
85
|
-
.romo-table tr.romo-success { @include bg-success(!important); }
|
|
86
|
-
.romo-table tr.romo-inverse { @include bg-inverse(!important); }
|
|
87
|
-
|
|
88
|
-
.romo-table-hover tbody tr.romo-base:hover { @include bg-base-hover(!important); }
|
|
89
|
-
.romo-table-hover tbody tr.romo-alt:hover { @include bg-alt-hover(!important); }
|
|
90
|
-
.romo-table-hover tbody tr.romo-muted:hover { @include bg-muted-hover(!important); }
|
|
91
|
-
.romo-table-hover tbody tr.romo-warning:hover { @include bg-warning-hover(!important); }
|
|
92
|
-
.romo-table-hover tbody tr.romo-danger:hover { @include bg-danger-hover(!important); }
|
|
93
|
-
.romo-table-hover tbody tr.romo-info:hover { @include bg-info-hover(!important); }
|
|
94
|
-
.romo-table-hover tbody tr.romo-success:hover { @include bg-success-hover(!important); }
|
|
95
|
-
.romo-table-hover tbody tr.romo-inverse:hover { @include bg-inverse-hover(!important); }
|
|
96
|
-
|
|
97
|
-
/* explicit colored rows */
|
|
98
|
-
|
|
99
|
-
.romo-table tr.romo-dark-red { @include bg-dark-red(!important); }
|
|
100
|
-
.romo-table tr.romo-red { @include bg-red(!important); }
|
|
101
|
-
.romo-table tr.romo-light-red { @include bg-light-red(!important); }
|
|
102
|
-
.romo-table tr.romo-pastel-red { @include bg-pastel-red(!important); }
|
|
103
|
-
.romo-table tr.romo-dark-orange { @include bg-dark-orange(!important); }
|
|
104
|
-
.romo-table tr.romo-orange { @include bg-orange(!important); }
|
|
105
|
-
.romo-table tr.romo-yellow { @include bg-yellow(!important); }
|
|
106
|
-
.romo-table tr.romo-pastel-yellow { @include bg-pastel-yellow(!important); }
|
|
107
|
-
.romo-table tr.romo-purple { @include bg-purple(!important); }
|
|
108
|
-
.romo-table tr.romo-light-purple { @include bg-light-purple(!important); }
|
|
109
|
-
.romo-table tr.romo-dark-pink { @include bg-dark-pink(!important); }
|
|
110
|
-
.romo-table tr.romo-hot-pink { @include bg-hot-pink(!important); }
|
|
111
|
-
.romo-table tr.romo-pink { @include bg-pink(!important); }
|
|
112
|
-
.romo-table tr.romo-dark-green { @include bg-dark-green(!important); }
|
|
113
|
-
.romo-table tr.romo-green { @include bg-green(!important); }
|
|
114
|
-
.romo-table tr.romo-light-green { @include bg-light-green(!important); }
|
|
115
|
-
.romo-table tr.romo-pastel-green { @include bg-pastel-green(!important); }
|
|
116
|
-
.romo-table tr.romo-navy { @include bg-navy(!important); }
|
|
117
|
-
.romo-table tr.romo-dark-blue { @include bg-dark-blue(!important); }
|
|
118
|
-
.romo-table tr.romo-blue { @include bg-blue(!important); }
|
|
119
|
-
.romo-table tr.romo-light-blue { @include bg-light-blue(!important); }
|
|
120
|
-
.romo-table tr.romo-pastel-blue { @include bg-pastel-blue(!important); }
|
|
121
|
-
|
|
122
|
-
.romo-table-hover tbody tr.romo-dark-red:hover { @include bg-dark-red-hover(!important); }
|
|
123
|
-
.romo-table-hover tbody tr.romo-red:hover { @include bg-red-hover(!important); }
|
|
124
|
-
.romo-table-hover tbody tr.romo-light-red:hover { @include bg-light-red-hover(!important); }
|
|
125
|
-
.romo-table-hover tbody tr.romo-pastel-red:hover { @include bg-pastel-red-hover(!important); }
|
|
126
|
-
.romo-table-hover tbody tr.romo-dark-orange:hover { @include bg-dark-orange-hover(!important); }
|
|
127
|
-
.romo-table-hover tbody tr.romo-orange:hover { @include bg-orange-hover(!important); }
|
|
128
|
-
.romo-table-hover tbody tr.romo-yellow:hover { @include bg-yellow-hover(!important); }
|
|
129
|
-
.romo-table-hover tbody tr.romo-pastel-yellow:hover { @include bg-pastel-yellow-hover(!important); }
|
|
130
|
-
.romo-table-hover tbody tr.romo-purple:hover { @include bg-purple-hover(!important); }
|
|
131
|
-
.romo-table-hover tbody tr.romo-light-purple:hover { @include bg-light-purple-hover(!important); }
|
|
132
|
-
.romo-table-hover tbody tr.romo-dark-pink:hover { @include bg-dark-pink-hover(!important); }
|
|
133
|
-
.romo-table-hover tbody tr.romo-hot-pink:hover { @include bg-hot-pink-hover(!important); }
|
|
134
|
-
.romo-table-hover tbody tr.romo-pink:hover { @include bg-pink-hover(!important); }
|
|
135
|
-
.romo-table-hover tbody tr.romo-dark-green:hover { @include bg-dark-green-hover(!important); }
|
|
136
|
-
.romo-table-hover tbody tr.romo-green:hover { @include bg-green-hover(!important); }
|
|
137
|
-
.romo-table-hover tbody tr.romo-light-green:hover { @include bg-light-green-hover(!important); }
|
|
138
|
-
.romo-table-hover tbody tr.romo-pastel-green:hover { @include bg-pastel-green-hover(!important); }
|
|
139
|
-
.romo-table-hover tbody tr.romo-navy:hover { @include bg-navy-hover(!important); }
|
|
140
|
-
.romo-table-hover tbody tr.romo-dark-blue:hover { @include bg-dark-blue-hover(!important); }
|
|
141
|
-
.romo-table-hover tbody tr.romo-blue:hover { @include bg-blue-hover(!important); }
|
|
142
|
-
.romo-table-hover tbody tr.romo-light-blue:hover { @include bg-light-blue-hover(!important); }
|
|
143
|
-
.romo-table-hover tbody tr.romo-pastel-blue:hover { @include bg-pastel-blue-hover(!important); }
|
|
144
|
-
|
|
145
|
-
/* emphasis colored borders */
|
|
146
|
-
|
|
147
|
-
.romo-table-border-base { @include border-base; }
|
|
148
|
-
.romo-table-border-alt { @include border-alt; }
|
|
149
|
-
.romo-table-border-muted { @include border-muted; }
|
|
150
|
-
.romo-table-border-warning { @include border-warning; }
|
|
151
|
-
.romo-table-border-danger { @include border-danger; }
|
|
152
|
-
.romo-table-border-info { @include border-info; }
|
|
153
|
-
.romo-table-border-success { @include border-success; }
|
|
154
|
-
.romo-table-border-inverse { @include border-inverse; }
|
|
155
|
-
|
|
156
|
-
.romo-table-border-base th, .romo-table-border-base td { @include border-base; }
|
|
157
|
-
.romo-table-border-alt th, .romo-table-border-alt td { @include border-alt; }
|
|
158
|
-
.romo-table-border-muted th, .romo-table-border-muted td { @include border-muted; }
|
|
159
|
-
.romo-table-border-warning th, .romo-table-border-warning td { @include border-warning; }
|
|
160
|
-
.romo-table-border-danger th, .romo-table-border-danger td { @include border-danger; }
|
|
161
|
-
.romo-table-border-info th, .romo-table-border-info td { @include border-info; }
|
|
162
|
-
.romo-table-border-success th, .romo-table-border-success td { @include border-success; }
|
|
163
|
-
.romo-table-border-inverse th, .romo-table-border-inverse td { @include border-inverse; }
|
|
164
|
-
|
|
165
|
-
/* explicit colored borders */
|
|
166
|
-
|
|
167
|
-
.romo-table-border-dark-red { @include border-dark-red; }
|
|
168
|
-
.romo-table-border-red { @include border-red; }
|
|
169
|
-
.romo-table-border-light-red { @include border-light-red; }
|
|
170
|
-
.romo-table-border-pastel-red { @include border-pastel-red; }
|
|
171
|
-
.romo-table-border-dark-orange { @include border-dark-orange; }
|
|
172
|
-
.romo-table-border-orange { @include border-orange; }
|
|
173
|
-
.romo-table-border-yellow { @include border-yellow; }
|
|
174
|
-
.romo-table-border-pastel-yellow { @include border-pastel-yellow; }
|
|
175
|
-
.romo-table-border-purple { @include border-purple; }
|
|
176
|
-
.romo-table-border-light-purple { @include border-light-purple; }
|
|
177
|
-
.romo-table-border-dark-pink { @include border-dark-pink; }
|
|
178
|
-
.romo-table-border-hot-pink { @include border-hot-pink; }
|
|
179
|
-
.romo-table-border-pink { @include border-pink; }
|
|
180
|
-
.romo-table-border-dark-green { @include border-dark-green; }
|
|
181
|
-
.romo-table-border-green { @include border-green; }
|
|
182
|
-
.romo-table-border-light-green { @include border-light-green; }
|
|
183
|
-
.romo-table-border-pastel-green { @include border-pastel-green; }
|
|
184
|
-
.romo-table-border-navy { @include border-navy; }
|
|
185
|
-
.romo-table-border-dark-blue { @include border-dark-blue; }
|
|
186
|
-
.romo-table-border-blue { @include border-blue; }
|
|
187
|
-
.romo-table-border-light-blue { @include border-light-blue; }
|
|
188
|
-
.romo-table-border-pastel-blue { @include border-pastel-blue; }
|
|
189
|
-
|
|
190
|
-
.romo-table-border-dark-red th, .romo-table-border-dark-red td { @include border-dark-red; }
|
|
191
|
-
.romo-table-border-red th, .romo-table-border-red td { @include border-red; }
|
|
192
|
-
.romo-table-border-light-red th, .romo-table-border-light-red td { @include border-light-red; }
|
|
193
|
-
.romo-table-border-pastel-red th, .romo-table-border-pastel-red td { @include border-pastel-red; }
|
|
194
|
-
.romo-table-border-dark-orange th, .romo-table-border-dark-orange td { @include border-dark-orange; }
|
|
195
|
-
.romo-table-border-orange th, .romo-table-border-orange td { @include border-orange; }
|
|
196
|
-
.romo-table-border-yellow th, .romo-table-border-yellow td { @include border-yellow; }
|
|
197
|
-
.romo-table-border-pastel-yellow th, .romo-table-border-pastel-yellow td { @include border-pastel-yellow; }
|
|
198
|
-
.romo-table-border-purple th, .romo-table-border-purple td { @include border-purple; }
|
|
199
|
-
.romo-table-border-light-purple th, .romo-table-border-light-purple td { @include border-light-purple; }
|
|
200
|
-
.romo-table-border-dark-pink th, .romo-table-border-dark-pink td { @include border-dark-pink; }
|
|
201
|
-
.romo-table-border-hot-pink th, .romo-table-border-hot-pink td { @include border-hot-pink; }
|
|
202
|
-
.romo-table-border-pink th, .romo-table-border-pink td { @include border-pink; }
|
|
203
|
-
.romo-table-border-dark-green th, .romo-table-border-dark-green td { @include border-dark-green; }
|
|
204
|
-
.romo-table-border-green th, .romo-table-border-green td { @include border-green; }
|
|
205
|
-
.romo-table-border-light-green th, .romo-table-border-light-green td { @include border-light-green; }
|
|
206
|
-
.romo-table-border-pastel-green th, .romo-table-border-pastel-green td { @include border-pastel-green; }
|
|
207
|
-
.romo-table-border-navy th, .romo-table-border-navy td { @include border-navy; }
|
|
208
|
-
.romo-table-border-dark-blue th, .romo-table-border-dark-blue td { @include border-dark-blue; }
|
|
209
|
-
.romo-table-border-blue th, .romo-table-border-blue td { @include border-blue; }
|
|
210
|
-
.romo-table-border-light-blue th, .romo-table-border-light-blue td { @include border-light-blue; }
|
|
211
|
-
.romo-table-border-pastel-blue th, .romo-table-border-pastel-blue td { @include border-pastel-blue; }
|
|
215
|
+
}
|