romo 0.18.2 → 0.19.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (23) hide show
  1. checksums.yaml +4 -4
  2. data/assets/css/romo/base.scss +545 -536
  3. data/assets/css/romo/buttons.scss +200 -196
  4. data/assets/css/romo/colors.scss +213 -209
  5. data/assets/css/romo/datepicker.scss +62 -58
  6. data/assets/css/romo/dropdown.scss +27 -23
  7. data/assets/css/romo/forms.scss +199 -195
  8. data/assets/css/romo/grid.scss +272 -268
  9. data/assets/css/romo/grid_table.scss +281 -277
  10. data/assets/css/romo/indicator_text_input.scss +17 -13
  11. data/assets/css/romo/labels.scss +60 -56
  12. data/assets/css/romo/lists.scss +30 -26
  13. data/assets/css/romo/modal.scss +28 -24
  14. data/assets/css/romo/normalize.scss +417 -413
  15. data/assets/css/romo/select.scss +96 -92
  16. data/assets/css/romo/sortable.scss +13 -9
  17. data/assets/css/romo/table.scss +211 -207
  18. data/assets/css/romo/tabs.scss +58 -54
  19. data/assets/css/romo/tooltip.scss +88 -84
  20. data/assets/css/romo/z_index.scss +23 -19
  21. data/assets/js/romo/select_dropdown.js +4 -1
  22. data/lib/romo/version.rb +1 -1
  23. metadata +2 -2
data/assets/css/romo/buttons.scss CHANGED
@@ -1,201 +1,205 @@
1
1
  @import 'css/romo/vars';
2
2
  @import 'css/romo/mixins';
3
3
 
4
- a.romo-btn,
5
- button.romo-btn,
6
- .romo-btn {
7
- display: inline-block;
8
- @include rm-push;
9
- @include align-center;
10
- @include align-middle;
11
-
12
- @include button-bg($btnBg, $btnBgHover, $btnColor);
13
- @include border1;
14
- border-color: $btnBorder;
15
- border-bottom-color: darken($btnBorder, 10%);
16
- @include box-shadow(0 1px 1px rgba(0, 0, 0, 0.2));
17
- }
18
-
19
- a.romo-btn,
20
- button.romo-btn { cursor: pointer; }
21
-
22
- a.romo-btn:hover,
23
- button.romo-btn:hover,
24
- a.romo-btn:focus,
25
- button.romo-btn:focus {
26
- color: $btnColorHover;
27
- text-decoration: none;
28
- background-position: 0 -15px;
29
- }
30
-
31
- .romo-btn:focus{ outline: none; }
32
- .romo-btn.active,
33
- .romo-btn:active {
34
- background-image: none;
35
- outline: 0;
36
- @include box-shadow((inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05)));
37
- }
38
-
39
- .romo-btn.disabled,
40
- .romo-btn[disabled] {
41
- cursor: $notAllowedCursor;
42
- background-image: none;
43
- @include opacity(65);
44
- @include box-shadow(none);
45
- }
46
-
47
- a.romo-btn.romo-btn-small,
48
- button.romo-btn.romo-btn.small,
49
- .romo-btn.romo-btn-small,
50
- a.romo-btn.romo-btn0,
51
- button.romo-btn.romo-btn0,
52
- .romo-btn.romo-btn0 { @include font-size0; @include font-weight0; @include button-height0; @include button-pad0; }
53
- a.romo-btn,
54
- button.romo-btn,
55
- .romo-btn,
56
- a.romo-btn.romo-btn1,
57
- button.romo-btn.romo-btn1,
58
- .romo-btn.romo-btn1 { @include font-size1; @include font-weight1; @include button-height1; @include button-pad1; }
59
- a.romo-btn.romo-btn-large,
60
- button.romo-btn.romo-btn-large,
61
- .romo-btn.romo-btn-large,
62
- a.romo-btn.romo-btn2,
63
- button.romo-btn.romo-btn2,
64
- .romo-btn.romo-btn2 { @include font-size2; @include font-weight2; @include button-height2; @include button-pad2; }
65
- a.romo-btn.romo-btn3,
66
- button.romo-btn.romo-btn3,
67
- .romo-btn.romo-btn3 { @include font-size3; @include font-weight3; @include button-height3; @include button-pad3; }
68
-
69
- .romo-btn-inline-small,
70
- .romo-btn-inline0 { @include button-inline0; }
71
- .romo-btn-inline,
72
- .romo-btn-inline1 { @include button-inline1; }
73
- .romo-btn-inline-large,
74
- .romo-btn-inline2 { @include button-inline2; }
75
- .romo-btn-inline3 { @include button-inline3; }
76
-
77
- input[type="submit"].romo-btn-block,
78
- input[type="reset"].romo-btn-block,
79
- input[type="button"].romo-btn-block,
80
- .romo-btn-block { display: block; width: 100%; }
81
-
82
- /* emphasis colored buttons */
83
-
84
- a.romo-btn.romo-btn-alt, button.romo-btn.romo-btn-alt, .romo-btn.romo-btn-alt { @include button-bg($btnAltBg, $btnAltBgHover, $btnAltColor); }
85
- a.romo-btn.romo-btn-inverse, button.romo-btn.romo-btn-inverse, .romo-btn.romo-btn-inverse { @include button-bg($btnInverseBg, $btnInverseBgHover, $btnInverseColor); }
86
- a.romo-btn.romo-btn-warning, button.romo-btn.romo-btn-warning, .romo-btn.romo-btn-warning { @include button-bg($btnWarningBg, $btnWarningBgHover, $btnWarningColor); }
87
- a.romo-btn.romo-btn-danger, button.romo-btn.romo-btn-danger, .romo-btn.romo-btn-danger { @include button-bg($btnDangerBg, $btnDangerBgHover, $btnDangerColor); }
88
- a.romo-btn.romo-btn-info, button.romo-btn.romo-btn-info, .romo-btn.romo-btn-info { @include button-bg($btnInfoBg, $btnInfoBgHover, $btnInfoColor); }
89
- a.romo-btn.romo-btn-success, button.romo-btn.romo-btn-success, .romo-btn.romo-btn-success { @include button-bg($btnSuccessBg, $btnSuccessBgHover, $btnSuccessColor); }
90
-
91
- /* explicit colored buttons */
92
-
93
- a.romo-btn.romo-btn-dark-red, button.romo-btn.romo-btn-dark-red, .romo-btn.romo-btn-dark-red { @include button-bg($btnDarkRedBg, $btnDarkRedBgHover, $btnDarkRedColor); }
94
- a.romo-btn.romo-btn-red, button.romo-btn.romo-btn-red, .romo-btn.romo-btn-red { @include button-bg($btnRedBg, $btnRedBgHover, $btnRedColor); }
95
- a.romo-btn.romo-btn-light-red, button.romo-btn.romo-btn-light-red, .romo-btn.romo-btn-light-red { @include button-bg($btnLightRedBg, $btnLightRedBgHover, $btnLightRedColor); }
96
- a.romo-btn.romo-btn-pastel-red, button.romo-btn.romo-btn-pastel-red, .romo-btn.romo-btn-pastel-red { @include button-bg($btnPastelRedBg, $btnPastelRedBgHover, $btnPastelRedColor); }
97
- a.romo-btn.romo-btn-dark-orange, button.romo-btn.romo-btn-dark-orange, .romo-btn.romo-btn-dark-orange { @include button-bg($btnDarkOrangeBg, $btnDarkOrangeBgHover, $btnDarkOrangeColor); }
98
- a.romo-btn.romo-btn-orange, button.romo-btn.romo-btn-orange, .romo-btn.romo-btn-orange { @include button-bg($btnOrangeBg, $btnOrangeBgHover, $btnOrangeColor); }
99
- a.romo-btn.romo-btn-yellow, button.romo-btn.romo-btn-yellow, .romo-btn.romo-btn-yellow { @include button-bg($btnYellowBg, $btnYellowBgHover, $btnYellowColor); }
100
- a.romo-btn.romo-btn-pastel-yellow, button.romo-btn.romo-btn-pastel-yellow, .romo-btn.romo-btn-pastel-yellow { @include button-bg($btnPastelYellowBg, $btnPastelYellowBgHover, $btnPastelYellowColor); }
101
- a.romo-btn.romo-btn-purple, button.romo-btn.romo-btn-purple, .romo-btn.romo-btn-purple { @include button-bg($btnPurpleBg, $btnPurpleBgHover, $btnPurpleColor); }
102
- a.romo-btn.romo-btn-light-purple, button.romo-btn.romo-btn-light-purple, .romo-btn.romo-btn-light-purple { @include button-bg($btnLightPurpleBg, $btnLightPurpleBgHover, $btnLightPurpleColor); }
103
- a.romo-btn.romo-btn-dark-pink, button.romo-btn.romo-btn-dark-pink, .romo-btn.romo-btn-dark-pink { @include button-bg($btnDarkPinkBg, $btnDarkPinkBgHover, $btnDarkPinkColor); }
104
- a.romo-btn.romo-btn-hot-pink, button.romo-btn.romo-btn-hot-pink, .romo-btn.romo-btn-hot-pink { @include button-bg($btnHotPinkBg, $btnHotPinkBgHover, $btnHotPinkColor); }
105
- a.romo-btn.romo-btn-pink, button.romo-btn.romo-btn-pink, .romo-btn.romo-btn-pink { @include button-bg($btnPinkBg, $btnPinkBgHover, $btnPinkColor); }
106
- a.romo-btn.romo-btn-dark-green, button.romo-btn.romo-btn-dark-green, .romo-btn.romo-btn-dark-green { @include button-bg($btnDarkGreenBg, $btnDarkGreenBgHover, $btnDarkGreenColor); }
107
- a.romo-btn.romo-btn-green, button.romo-btn.romo-btn-green, .romo-btn.romo-btn-green { @include button-bg($btnGreenBg, $btnGreenBgHover, $btnGreenColor); }
108
- a.romo-btn.romo-btn-light-green, button.romo-btn.romo-btn-light-green, .romo-btn.romo-btn-light-green { @include button-bg($btnLightGreenBg, $btnLightGreenBgHover, $btnLightGreenColor); }
109
- a.romo-btn.romo-btn-pastel-green, button.romo-btn.romo-btn-pastel-green, .romo-btn.romo-btn-pastel-green { @include button-bg($btnPastelGreenBg, $btnPastelGreenBgHover, $btnPastelGreenColor); }
110
- a.romo-btn.romo-btn-navy, button.romo-btn.romo-btn-navy, .romo-btn.romo-btn-navy { @include button-bg($btnNavyBg, $btnNavyBgHover, $btnNavyColor); }
111
- a.romo-btn.romo-btn-dark-blue, button.romo-btn.romo-btn-dark-blue, .romo-btn.romo-btn-dark-blue { @include button-bg($btnDarkBlueBg, $btnDarkBlueBgHover, $btnDarkBlueColor); }
112
- a.romo-btn.romo-btn-blue, button.romo-btn.romo-btn-blue, .romo-btn.romo-btn-blue { @include button-bg($btnBlueBg, $btnBlueBgHover, $btnBlueColor); }
113
- a.romo-btn.romo-btn-light-blue, button.romo-btn.romo-btn-light-blue, .romo-btn.romo-btn-light-blue { @include button-bg($btnLightBlueBg, $btnLightBlueBgHover, $btnLightBlueColor); }
114
- a.romo-btn.romo-btn-pastel-blue, button.romo-btn.romo-btn-pastel-blue, .romo-btn.romo-btn-pastel-blue { @include button-bg($btnPastelBlueBg, $btnPastelBlueBgHover, $btnPastelBlueColor); }
115
-
116
- /* link buttons */
117
-
118
- a.romo-btn.romo-btn-link, button.romo-btn.romo-btn-link, .romo-btn.romo-btn-link,
119
- a.romo-btn.romo-btn-link.active, button.romo-btn.romo-btn-link.active, .romo-btn.romo-btn-link.active,
120
- a.romo-btn.romo-btn-link:active, button.romo-btn.romo-btn-link:active, .romo-btn.romo-btn-link:active,
121
- a.romo-btn.romo-btn-link.disabled, button.romo-btn.romo-btn-link.disabled, .romo-btn.romo-btn-link.disabled,
122
- a.romo-btn.romo-btn-link[disabled], button.romo-btn.romo-btn-link[disabled], .romo-btn.romo-btn-link[disabled] {
123
- background-color: transparent;
124
- background-image: none;
125
- @include box-shadow(none);
126
- }
127
-
128
- a.romo-btn.romo-btn-link, button.romo-btn.romo-btn-link { color: $linkColor; }
4
+ .romo {
5
+
6
+ a.romo-btn,
7
+ button.romo-btn,
8
+ .romo-btn {
9
+ display: inline-block;
10
+ @include rm-push;
11
+ @include align-center;
12
+ @include align-middle;
13
+
14
+ @include button-bg($btnBg, $btnBgHover, $btnColor);
15
+ @include border1;
16
+ border-color: $btnBorder;
17
+ border-bottom-color: darken($btnBorder, 10%);
18
+ @include box-shadow(0 1px 1px rgba(0, 0, 0, 0.2));
19
+ }
20
+
21
+ a.romo-btn,
22
+ button.romo-btn { cursor: pointer; }
23
+
24
+ a.romo-btn:hover,
25
+ button.romo-btn:hover,
26
+ a.romo-btn:focus,
27
+ button.romo-btn:focus {
28
+ color: $btnColorHover;
29
+ text-decoration: none;
30
+ background-position: 0 -15px;
31
+ }
32
+
33
+ .romo-btn:focus{ outline: none; }
34
+ .romo-btn.active,
35
+ .romo-btn:active {
36
+ background-image: none;
37
+ outline: 0;
38
+ @include box-shadow((inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05)));
39
+ }
40
+
41
+ .romo-btn.disabled,
42
+ .romo-btn[disabled] {
43
+ cursor: $notAllowedCursor;
44
+ background-image: none;
45
+ @include opacity(65);
46
+ @include box-shadow(none);
47
+ }
48
+
49
+ a.romo-btn.romo-btn-small,
50
+ button.romo-btn.romo-btn.small,
51
+ .romo-btn.romo-btn-small,
52
+ a.romo-btn.romo-btn0,
53
+ button.romo-btn.romo-btn0,
54
+ .romo-btn.romo-btn0 { @include font-size0; @include font-weight0; @include button-height0; @include button-pad0; }
55
+ a.romo-btn,
56
+ button.romo-btn,
57
+ .romo-btn,
58
+ a.romo-btn.romo-btn1,
59
+ button.romo-btn.romo-btn1,
60
+ .romo-btn.romo-btn1 { @include font-size1; @include font-weight1; @include button-height1; @include button-pad1; }
61
+ a.romo-btn.romo-btn-large,
62
+ button.romo-btn.romo-btn-large,
63
+ .romo-btn.romo-btn-large,
64
+ a.romo-btn.romo-btn2,
65
+ button.romo-btn.romo-btn2,
66
+ .romo-btn.romo-btn2 { @include font-size2; @include font-weight2; @include button-height2; @include button-pad2; }
67
+ a.romo-btn.romo-btn3,
68
+ button.romo-btn.romo-btn3,
69
+ .romo-btn.romo-btn3 { @include font-size3; @include font-weight3; @include button-height3; @include button-pad3; }
70
+
71
+ .romo-btn-inline-small,
72
+ .romo-btn-inline0 { @include button-inline0; }
73
+ .romo-btn-inline,
74
+ .romo-btn-inline1 { @include button-inline1; }
75
+ .romo-btn-inline-large,
76
+ .romo-btn-inline2 { @include button-inline2; }
77
+ .romo-btn-inline3 { @include button-inline3; }
78
+
79
+ input[type="submit"].romo-btn-block,
80
+ input[type="reset"].romo-btn-block,
81
+ input[type="button"].romo-btn-block,
82
+ .romo-btn-block { display: block; width: 100%; }
83
+
84
+ /* emphasis colored buttons */
85
+
86
+ a.romo-btn.romo-btn-alt, button.romo-btn.romo-btn-alt, .romo-btn.romo-btn-alt { @include button-bg($btnAltBg, $btnAltBgHover, $btnAltColor); }
87
+ a.romo-btn.romo-btn-inverse, button.romo-btn.romo-btn-inverse, .romo-btn.romo-btn-inverse { @include button-bg($btnInverseBg, $btnInverseBgHover, $btnInverseColor); }
88
+ a.romo-btn.romo-btn-warning, button.romo-btn.romo-btn-warning, .romo-btn.romo-btn-warning { @include button-bg($btnWarningBg, $btnWarningBgHover, $btnWarningColor); }
89
+ a.romo-btn.romo-btn-danger, button.romo-btn.romo-btn-danger, .romo-btn.romo-btn-danger { @include button-bg($btnDangerBg, $btnDangerBgHover, $btnDangerColor); }
90
+ a.romo-btn.romo-btn-info, button.romo-btn.romo-btn-info, .romo-btn.romo-btn-info { @include button-bg($btnInfoBg, $btnInfoBgHover, $btnInfoColor); }
91
+ a.romo-btn.romo-btn-success, button.romo-btn.romo-btn-success, .romo-btn.romo-btn-success { @include button-bg($btnSuccessBg, $btnSuccessBgHover, $btnSuccessColor); }
92
+
93
+ /* explicit colored buttons */
94
+
95
+ a.romo-btn.romo-btn-dark-red, button.romo-btn.romo-btn-dark-red, .romo-btn.romo-btn-dark-red { @include button-bg($btnDarkRedBg, $btnDarkRedBgHover, $btnDarkRedColor); }
96
+ a.romo-btn.romo-btn-red, button.romo-btn.romo-btn-red, .romo-btn.romo-btn-red { @include button-bg($btnRedBg, $btnRedBgHover, $btnRedColor); }
97
+ a.romo-btn.romo-btn-light-red, button.romo-btn.romo-btn-light-red, .romo-btn.romo-btn-light-red { @include button-bg($btnLightRedBg, $btnLightRedBgHover, $btnLightRedColor); }
98
+ a.romo-btn.romo-btn-pastel-red, button.romo-btn.romo-btn-pastel-red, .romo-btn.romo-btn-pastel-red { @include button-bg($btnPastelRedBg, $btnPastelRedBgHover, $btnPastelRedColor); }
99
+ a.romo-btn.romo-btn-dark-orange, button.romo-btn.romo-btn-dark-orange, .romo-btn.romo-btn-dark-orange { @include button-bg($btnDarkOrangeBg, $btnDarkOrangeBgHover, $btnDarkOrangeColor); }
100
+ a.romo-btn.romo-btn-orange, button.romo-btn.romo-btn-orange, .romo-btn.romo-btn-orange { @include button-bg($btnOrangeBg, $btnOrangeBgHover, $btnOrangeColor); }
101
+ a.romo-btn.romo-btn-yellow, button.romo-btn.romo-btn-yellow, .romo-btn.romo-btn-yellow { @include button-bg($btnYellowBg, $btnYellowBgHover, $btnYellowColor); }
102
+ a.romo-btn.romo-btn-pastel-yellow, button.romo-btn.romo-btn-pastel-yellow, .romo-btn.romo-btn-pastel-yellow { @include button-bg($btnPastelYellowBg, $btnPastelYellowBgHover, $btnPastelYellowColor); }
103
+ a.romo-btn.romo-btn-purple, button.romo-btn.romo-btn-purple, .romo-btn.romo-btn-purple { @include button-bg($btnPurpleBg, $btnPurpleBgHover, $btnPurpleColor); }
104
+ a.romo-btn.romo-btn-light-purple, button.romo-btn.romo-btn-light-purple, .romo-btn.romo-btn-light-purple { @include button-bg($btnLightPurpleBg, $btnLightPurpleBgHover, $btnLightPurpleColor); }
105
+ a.romo-btn.romo-btn-dark-pink, button.romo-btn.romo-btn-dark-pink, .romo-btn.romo-btn-dark-pink { @include button-bg($btnDarkPinkBg, $btnDarkPinkBgHover, $btnDarkPinkColor); }
106
+ a.romo-btn.romo-btn-hot-pink, button.romo-btn.romo-btn-hot-pink, .romo-btn.romo-btn-hot-pink { @include button-bg($btnHotPinkBg, $btnHotPinkBgHover, $btnHotPinkColor); }
107
+ a.romo-btn.romo-btn-pink, button.romo-btn.romo-btn-pink, .romo-btn.romo-btn-pink { @include button-bg($btnPinkBg, $btnPinkBgHover, $btnPinkColor); }
108
+ a.romo-btn.romo-btn-dark-green, button.romo-btn.romo-btn-dark-green, .romo-btn.romo-btn-dark-green { @include button-bg($btnDarkGreenBg, $btnDarkGreenBgHover, $btnDarkGreenColor); }
109
+ a.romo-btn.romo-btn-green, button.romo-btn.romo-btn-green, .romo-btn.romo-btn-green { @include button-bg($btnGreenBg, $btnGreenBgHover, $btnGreenColor); }
110
+ a.romo-btn.romo-btn-light-green, button.romo-btn.romo-btn-light-green, .romo-btn.romo-btn-light-green { @include button-bg($btnLightGreenBg, $btnLightGreenBgHover, $btnLightGreenColor); }
111
+ a.romo-btn.romo-btn-pastel-green, button.romo-btn.romo-btn-pastel-green, .romo-btn.romo-btn-pastel-green { @include button-bg($btnPastelGreenBg, $btnPastelGreenBgHover, $btnPastelGreenColor); }
112
+ a.romo-btn.romo-btn-navy, button.romo-btn.romo-btn-navy, .romo-btn.romo-btn-navy { @include button-bg($btnNavyBg, $btnNavyBgHover, $btnNavyColor); }
113
+ a.romo-btn.romo-btn-dark-blue, button.romo-btn.romo-btn-dark-blue, .romo-btn.romo-btn-dark-blue { @include button-bg($btnDarkBlueBg, $btnDarkBlueBgHover, $btnDarkBlueColor); }
114
+ a.romo-btn.romo-btn-blue, button.romo-btn.romo-btn-blue, .romo-btn.romo-btn-blue { @include button-bg($btnBlueBg, $btnBlueBgHover, $btnBlueColor); }
115
+ a.romo-btn.romo-btn-light-blue, button.romo-btn.romo-btn-light-blue, .romo-btn.romo-btn-light-blue { @include button-bg($btnLightBlueBg, $btnLightBlueBgHover, $btnLightBlueColor); }
116
+ a.romo-btn.romo-btn-pastel-blue, button.romo-btn.romo-btn-pastel-blue, .romo-btn.romo-btn-pastel-blue { @include button-bg($btnPastelBlueBg, $btnPastelBlueBgHover, $btnPastelBlueColor); }
117
+
118
+ /* link buttons */
119
+
120
+ a.romo-btn.romo-btn-link, button.romo-btn.romo-btn-link, .romo-btn.romo-btn-link,
121
+ a.romo-btn.romo-btn-link.active, button.romo-btn.romo-btn-link.active, .romo-btn.romo-btn-link.active,
122
+ a.romo-btn.romo-btn-link:active, button.romo-btn.romo-btn-link:active, .romo-btn.romo-btn-link:active,
123
+ a.romo-btn.romo-btn-link.disabled, button.romo-btn.romo-btn-link.disabled, .romo-btn.romo-btn-link.disabled,
124
+ a.romo-btn.romo-btn-link[disabled], button.romo-btn.romo-btn-link[disabled], .romo-btn.romo-btn-link[disabled] {
125
+ background-color: transparent;
126
+ background-image: none;
127
+ @include box-shadow(none);
128
+ }
129
+
130
+ a.romo-btn.romo-btn-link, button.romo-btn.romo-btn-link { color: $linkColor; }
131
+
132
+ a.romo-btn.romo-btn-link:hover, button.romo-btn.romo-btn-link:hover,
133
+ a.romo-btn.romo-btn-link:focus, button.romo-btn.romo-btn-link:focus {
134
+ color: $linkColorHover;
135
+ text-decoration: underline;
136
+ background-color: transparent;
137
+ }
138
+
139
+ a.romo-btn.romo-btn-link.disabled, button.romo-btn.romo-btn-link.disabled, .romo-btn.romo-btn-link.disabled,
140
+ a.romo-btn.romo-btn-link.disabled:hover, button.romo-btn.romo-btn-link.disabled:hover, .romo-btn.romo-btn-link.disabled:hover,
141
+ a.romo-btn.romo-btn-link.disabled:focus, button.romo-btn.romo-btn-link.disabled:focus, .romo-btn.romo-btn-link.disabled:focus,
142
+ a.romo-btn.romo-btn-link[disabled], button.romo-btn.romo-btn-link[disabled], .romo-btn.romo-btn-link[disabled],
143
+ a.romo-btn.romo-btn-link[disabled]:hover, button.romo-btn.romo-btn-link[disabled]:hover, .romo-btn.romo-btn-link[disabled]:hover,
144
+ a.romo-btn.romo-btn-link[disabled]:focus, button.romo-btn.romo-btn-link[disabled]:focus, .romo-btn.romo-btn-link[disabled]:focus {
145
+ color: $disabledColor;
146
+ }
147
+
148
+ .romo-btn-group { @include display-inline-flex(!important); }
149
+ .romo-btn-group > * { display: inherit; }
150
+
151
+ .romo-btn-group .romo-btn:not(:last-child) { @include rm-border-right; }
152
+
153
+ .romo-btn-group.romo-btn-group-border-radius .romo-btn:first-child,
154
+ .romo-btn-group.romo-btn-group-border1-radius .romo-btn:first-child { @include border1-top-left-radius; @include border1-bottom-left-radius; }
155
+ .romo-btn-group.romo-btn-group-border0-radius .romo-btn:first-child { @include border0-top-left-radius; @include border0-bottom-left-radius; }
156
+ .romo-btn-group.romo-btn-group-border2-radius .romo-btn:first-child { @include border2-top-left-radius; @include border2-bottom-left-radius; }
157
+
158
+ .romo-btn-group.romo-btn-group-border-radius .romo-btn:last-child,
159
+ .romo-btn-group.romo-btn-group-border1-radius .romo-btn:last-child { @include border1-top-right-radius; @include border1-bottom-right-radius; }
160
+ .romo-btn-group.romo-btn-group-border0-radius .romo-btn:last-child { @include border0-top-right-radius; @include border0-bottom-right-radius; }
161
+ .romo-btn-group.romo-btn-group-border2-radius .romo-btn:last-child { @include border2-top-right-radius; @include border2-bottom-right-radius; }
162
+
163
+ .romo-btn-group-vertical { display: inline-block; }
164
+ .romo-btn-group-vertical .romo-btn { display: block; max-width: 100%; }
165
+ .romo-btn-group-vertical .romo-btn:not(:last-child) { @include rm-border-bottom; }
166
+
167
+ .romo-btn-group-vertical.romo-btn-group-border-radius .romo-btn:first-child,
168
+ .romo-btn-group-vertical.romo-btn-group-border1-radius .romo-btn:first-child { @include border1-top-left-radius; @include border1-top-right-radius; }
169
+ .romo-btn-group-vertical.romo-btn-group-border0-radius .romo-btn:first-child { @include border0-top-left-radius; @include border0-top-right-radius; }
170
+ .romo-btn-group-vertical.romo-btn-group-border2-radius .romo-btn:first-child { @include border2-top-left-radius; @include border2-top-right-radius; }
171
+
172
+ .romo-btn-group-vertical.romo-btn-group-border-radius .romo-btn:last-child,
173
+ .romo-btn-group-vertical.romo-btn-group-border1-radius .romo-btn:last-child { @include border1-bottom-left-radius; @include border1-bottom-right-radius; }
174
+ .romo-btn-group-vertical.romo-btn-group-border0-radius .romo-btn:last-child { @include border0-bottom-left-radius; @include border0-bottom-right-radius; }
175
+ .romo-btn-group-vertical.romo-btn-group-border2-radius .romo-btn:last-child { @include border2-bottom-left-radius; @include border2-bottom-right-radius; }
176
+
177
+ .romo-btn-group .romo-btn-group-vertical:not(:last-child) .romo-btn { @include rm-border-right; }
178
+ .romo-btn-group .romo-btn-group-vertical:last-child .romo-btn { @include border1-right; }
179
+
180
+ .romo-btn-group.romo-btn-group-border-radius .romo-btn-group-vertical .romo-btn,
181
+ .romo-btn-group.romo-btn-group-border1-radius .romo-btn-group-vertical .romo-btn { @include rm-border-radius; }
182
+ .romo-btn-group.romo-btn-group-border0-radius .romo-btn-group-vertical .romo-btn { @include rm-border-radius; }
183
+ .romo-btn-group.romo-btn-group-border2-radius .romo-btn-group-vertical .romo-btn { @include rm-border-radius; }
184
+
185
+ .romo-btn-group.romo-btn-group-border-radius .romo-btn-group-vertical:first-child .romo-btn:first-child,
186
+ .romo-btn-group.romo-btn-group-border1-radius .romo-btn-group-vertical:first-child .romo-btn:first-child { @include border1-top-left-radius; }
187
+ .romo-btn-group.romo-btn-group-border0-radius .romo-btn-group-vertical:first-child .romo-btn:first-child { @include border0-top-left-radius; }
188
+ .romo-btn-group.romo-btn-group-border2-radius .romo-btn-group-vertical:first-child .romo-btn:first-child { @include border2-top-left-radius; }
189
+
190
+ .romo-btn-group.romo-btn-group-border-radius .romo-btn-group-vertical:first-child .romo-btn:last-child,
191
+ .romo-btn-group.romo-btn-group-border1-radius .romo-btn-group-vertical:first-child .romo-btn:last-child { @include border1-bottom-left-radius; }
192
+ .romo-btn-group.romo-btn-group-border0-radius .romo-btn-group-vertical:first-child .romo-btn:last-child { @include border0-bottom-left-radius; }
193
+ .romo-btn-group.romo-btn-group-border2-radius .romo-btn-group-vertical:first-child .romo-btn:last-child { @include border2-bottom-left-radius; }
194
+
195
+ .romo-btn-group.romo-btn-group-border-radius .romo-btn-group-vertical:last-child .romo-btn:first-child,
196
+ .romo-btn-group.romo-btn-group-border1-radius .romo-btn-group-vertical:last-child .romo-btn:first-child { @include border1-top-right-radius; }
197
+ .romo-btn-group.romo-btn-group-border0-radius .romo-btn-group-vertical:last-child .romo-btn:first-child { @include border0-top-right-radius; }
198
+ .romo-btn-group.romo-btn-group-border2-radius .romo-btn-group-vertical:last-child .romo-btn:first-child { @include border2-top-right-radius; }
199
+
200
+ .romo-btn-group.romo-btn-group-border-radius .romo-btn-group-vertical:last-child .romo-btn:last-child,
201
+ .romo-btn-group.romo-btn-group-border1-radius .romo-btn-group-vertical:last-child .romo-btn:last-child { @include border1-bottom-right-radius; }
202
+ .romo-btn-group.romo-btn-group-border0-radius .romo-btn-group-vertical:last-child .romo-btn:last-child { @include border0-bottom-right-radius; }
203
+ .romo-btn-group.romo-btn-group-border2-radius .romo-btn-group-vertical:last-child .romo-btn:last-child { @include border2-bottom-right-radius; }
129
204
 
130
- a.romo-btn.romo-btn-link:hover, button.romo-btn.romo-btn-link:hover,
131
- a.romo-btn.romo-btn-link:focus, button.romo-btn.romo-btn-link:focus {
132
- color: $linkColorHover;
133
- text-decoration: underline;
134
- background-color: transparent;
135
205
  }
136
-
137
- a.romo-btn.romo-btn-link.disabled, button.romo-btn.romo-btn-link.disabled, .romo-btn.romo-btn-link.disabled,
138
- a.romo-btn.romo-btn-link.disabled:hover, button.romo-btn.romo-btn-link.disabled:hover, .romo-btn.romo-btn-link.disabled:hover,
139
- a.romo-btn.romo-btn-link.disabled:focus, button.romo-btn.romo-btn-link.disabled:focus, .romo-btn.romo-btn-link.disabled:focus,
140
- a.romo-btn.romo-btn-link[disabled], button.romo-btn.romo-btn-link[disabled], .romo-btn.romo-btn-link[disabled],
141
- a.romo-btn.romo-btn-link[disabled]:hover, button.romo-btn.romo-btn-link[disabled]:hover, .romo-btn.romo-btn-link[disabled]:hover,
142
- a.romo-btn.romo-btn-link[disabled]:focus, button.romo-btn.romo-btn-link[disabled]:focus, .romo-btn.romo-btn-link[disabled]:focus {
143
- color: $disabledColor;
144
- }
145
-
146
- .romo-btn-group { @include display-inline-flex(!important); }
147
- .romo-btn-group > * { display: inherit; }
148
-
149
- .romo-btn-group .romo-btn:not(:last-child) { @include rm-border-right; }
150
-
151
- .romo-btn-group.romo-btn-group-border-radius .romo-btn:first-child,
152
- .romo-btn-group.romo-btn-group-border1-radius .romo-btn:first-child { @include border1-top-left-radius; @include border1-bottom-left-radius; }
153
- .romo-btn-group.romo-btn-group-border0-radius .romo-btn:first-child { @include border0-top-left-radius; @include border0-bottom-left-radius; }
154
- .romo-btn-group.romo-btn-group-border2-radius .romo-btn:first-child { @include border2-top-left-radius; @include border2-bottom-left-radius; }
155
-
156
- .romo-btn-group.romo-btn-group-border-radius .romo-btn:last-child,
157
- .romo-btn-group.romo-btn-group-border1-radius .romo-btn:last-child { @include border1-top-right-radius; @include border1-bottom-right-radius; }
158
- .romo-btn-group.romo-btn-group-border0-radius .romo-btn:last-child { @include border0-top-right-radius; @include border0-bottom-right-radius; }
159
- .romo-btn-group.romo-btn-group-border2-radius .romo-btn:last-child { @include border2-top-right-radius; @include border2-bottom-right-radius; }
160
-
161
- .romo-btn-group-vertical { display: inline-block; }
162
- .romo-btn-group-vertical .romo-btn { display: block; max-width: 100%; }
163
- .romo-btn-group-vertical .romo-btn:not(:last-child) { @include rm-border-bottom; }
164
-
165
- .romo-btn-group-vertical.romo-btn-group-border-radius .romo-btn:first-child,
166
- .romo-btn-group-vertical.romo-btn-group-border1-radius .romo-btn:first-child { @include border1-top-left-radius; @include border1-top-right-radius; }
167
- .romo-btn-group-vertical.romo-btn-group-border0-radius .romo-btn:first-child { @include border0-top-left-radius; @include border0-top-right-radius; }
168
- .romo-btn-group-vertical.romo-btn-group-border2-radius .romo-btn:first-child { @include border2-top-left-radius; @include border2-top-right-radius; }
169
-
170
- .romo-btn-group-vertical.romo-btn-group-border-radius .romo-btn:last-child,
171
- .romo-btn-group-vertical.romo-btn-group-border1-radius .romo-btn:last-child { @include border1-bottom-left-radius; @include border1-bottom-right-radius; }
172
- .romo-btn-group-vertical.romo-btn-group-border0-radius .romo-btn:last-child { @include border0-bottom-left-radius; @include border0-bottom-right-radius; }
173
- .romo-btn-group-vertical.romo-btn-group-border2-radius .romo-btn:last-child { @include border2-bottom-left-radius; @include border2-bottom-right-radius; }
174
-
175
- .romo-btn-group .romo-btn-group-vertical:not(:last-child) .romo-btn { @include rm-border-right; }
176
- .romo-btn-group .romo-btn-group-vertical:last-child .romo-btn { @include border1-right; }
177
-
178
- .romo-btn-group.romo-btn-group-border-radius .romo-btn-group-vertical .romo-btn,
179
- .romo-btn-group.romo-btn-group-border1-radius .romo-btn-group-vertical .romo-btn { @include rm-border-radius; }
180
- .romo-btn-group.romo-btn-group-border0-radius .romo-btn-group-vertical .romo-btn { @include rm-border-radius; }
181
- .romo-btn-group.romo-btn-group-border2-radius .romo-btn-group-vertical .romo-btn { @include rm-border-radius; }
182
-
183
- .romo-btn-group.romo-btn-group-border-radius .romo-btn-group-vertical:first-child .romo-btn:first-child,
184
- .romo-btn-group.romo-btn-group-border1-radius .romo-btn-group-vertical:first-child .romo-btn:first-child { @include border1-top-left-radius; }
185
- .romo-btn-group.romo-btn-group-border0-radius .romo-btn-group-vertical:first-child .romo-btn:first-child { @include border0-top-left-radius; }
186
- .romo-btn-group.romo-btn-group-border2-radius .romo-btn-group-vertical:first-child .romo-btn:first-child { @include border2-top-left-radius; }
187
-
188
- .romo-btn-group.romo-btn-group-border-radius .romo-btn-group-vertical:first-child .romo-btn:last-child,
189
- .romo-btn-group.romo-btn-group-border1-radius .romo-btn-group-vertical:first-child .romo-btn:last-child { @include border1-bottom-left-radius; }
190
- .romo-btn-group.romo-btn-group-border0-radius .romo-btn-group-vertical:first-child .romo-btn:last-child { @include border0-bottom-left-radius; }
191
- .romo-btn-group.romo-btn-group-border2-radius .romo-btn-group-vertical:first-child .romo-btn:last-child { @include border2-bottom-left-radius; }
192
-
193
- .romo-btn-group.romo-btn-group-border-radius .romo-btn-group-vertical:last-child .romo-btn:first-child,
194
- .romo-btn-group.romo-btn-group-border1-radius .romo-btn-group-vertical:last-child .romo-btn:first-child { @include border1-top-right-radius; }
195
- .romo-btn-group.romo-btn-group-border0-radius .romo-btn-group-vertical:last-child .romo-btn:first-child { @include border0-top-right-radius; }
196
- .romo-btn-group.romo-btn-group-border2-radius .romo-btn-group-vertical:last-child .romo-btn:first-child { @include border2-top-right-radius; }
197
-
198
- .romo-btn-group.romo-btn-group-border-radius .romo-btn-group-vertical:last-child .romo-btn:last-child,
199
- .romo-btn-group.romo-btn-group-border1-radius .romo-btn-group-vertical:last-child .romo-btn:last-child { @include border1-bottom-right-radius; }
200
- .romo-btn-group.romo-btn-group-border0-radius .romo-btn-group-vertical:last-child .romo-btn:last-child { @include border0-bottom-right-radius; }
201
- .romo-btn-group.romo-btn-group-border2-radius .romo-btn-group-vertical:last-child .romo-btn:last-child { @include border2-bottom-right-radius; }
data/assets/css/romo/colors.scss CHANGED
@@ -1,212 +1,216 @@
1
1
  @import 'css/romo/vars';
2
2
  @import 'css/romo/mixins';
3
3
 
4
- /* basics */
5
-
6
- .romo-text-base { @include text-base(!important); }
7
- .romo-text-alt { @include text-alt(!important); }
8
- .romo-text-muted { @include text-muted(!important); }
9
-
10
- .romo-text-base-hover:hover, a.romo-text-base:hover, a.romo-text-base:focus { @include text-base-hover(!important); }
11
- .romo-text-alt-hover:hover, a.romo-text-alt:hover, a.romo-text-alt:focus { @include text-alt-hover(!important); }
12
- .romo-text-muted-hover:hover, a.romo-text-muted:hover, a.romo-text-muted:focus { @include text-muted-hover(!important); }
13
-
14
- .romo-bg-base { @include bg-base(!important); }
15
- .romo-bg-alt { @include bg-alt(!important); }
16
- .romo-bg-muted { @include bg-muted(!important); }
17
-
18
- .romo-bg-base-hover:hover, a.romo-bg-base:hover, a.romo-bg-base:focus { @include bg-base-hover(!important); }
19
- .romo-bg-alt-hover:hover, a.romo-bg-alt:hover, a.romo-bg-alt:focus { @include bg-alt-hover(!important); }
20
- .romo-bg-muted-hover:hover, a.romo-bg-muted:hover, a.romo-bg-muted:focus { @include bg-muted-hover(!important); }
21
-
22
- .romo-border-base { @include border-base(!important); }
23
- .romo-border-alt { @include border-alt(!important); }
24
- .romo-border-muted { @include border-muted(!important); }
25
-
26
- .romo-border-muted-hover:hover, a.romo-border-muted:hover, a.romo-border-muted:focus { @include border-muted(!important); }
27
-
28
- /* other */
29
-
30
- .romo-text-border-base { @include text-border-base(!important); }
31
- .romo-text-border-alt { @include text-border-alt(!important); }
32
- .romo-text-disabled { @include text-disabled(!important); }
33
-
34
- .romo-bg-hover { @include bg-hover(!important); }
35
-
36
- /* emphasis */
37
-
38
- .romo-text-warning { @include text-warning(!important); }
39
- .romo-text-danger { @include text-danger(!important); }
40
- .romo-text-info { @include text-info(!important); }
41
- .romo-text-success { @include text-success(!important); }
42
- .romo-text-inverse { @include text-inverse(!important); }
43
-
44
- .romo-text-warning-hover:hover, a.romo-text-warning:hover, a.romo-text-warning:focus { @include text-warning-hover(!important); }
45
- .romo-text-danger-hover:hover, a.romo-text-danger:hover, a.romo-text-danger:focus { @include text-danger-hover(!important); }
46
- .romo-text-info-hover:hover, a.romo-text-info:hover, a.romo-text-info:focus { @include text-info-hover(!important); }
47
- .romo-text-success-hover:hover, a.romo-text-success:hover, a.romo-text-success:focus { @include text-success-hover(!important); }
48
- .romo-text-inverse-hover:hover, a.romo-text-inverse:hover, a.romo-text-inverse:focus { @include text-inverse-hover(!important); }
49
-
50
- .romo-bg-warning { @include bg-warning(!important); }
51
- .romo-bg-danger { @include bg-danger(!important); }
52
- .romo-bg-info { @include bg-info(!important); }
53
- .romo-bg-success { @include bg-success(!important); }
54
- .romo-bg-inverse { @include bg-inverse(!important); }
55
-
56
- .romo-bg-warning-hover:hover, a.romo-bg-warning:hover, a.romo-bg-warning:focus { @include bg-warning-hover(!important); }
57
- .romo-bg-danger-hover:hover, a.romo-bg-danger:hover, a.romo-bg-danger:focus { @include bg-danger-hover(!important); }
58
- .romo-bg-info-hover:hover, a.romo-bg-info:hover, a.romo-bg-info:focus { @include bg-info-hover(!important); }
59
- .romo-bg-success-hover:hover, a.romo-bg-success:hover, a.romo-bg-success:focus { @include bg-success-hover(!important); }
60
- .romo-bg-inverse-hover:hover, a.romo-bg-inverse:hover, a.romo-bg-inverse:focus { @include bg-inverse-hover(!important); }
61
-
62
- .romo-border-warning { @include border-warning(!important); }
63
- .romo-border-danger { @include border-danger(!important); }
64
- .romo-border-info { @include border-info(!important); }
65
- .romo-border-success { @include border-success(!important); }
66
- .romo-border-inverse { @include border-inverse(!important); }
67
-
68
- .romo-border-warning-hover:hover, a.romo-border-warning:hover, a.romo-border-warning:focus { @include border-warning(!important); }
69
- .romo-border-danger-hover:hover, a.romo-border-danger:hover, a.romo-border-danger:focus { @include border-danger(!important); }
70
- .romo-border-info-hover:hover, a.romo-border-info:hover, a.romo-border-info:focus { @include border-info(!important); }
71
- .romo-border-success-hover:hover, a.romo-border-success:hover, a.romo-border-success:focus { @include border-success(!important); }
72
- .romo-border-inverse-hover:hover, a.romo-border-inverse:hover, a.romo-border-inverse:focus { @include border-inverse(!important); }
73
-
74
- /* emphasis */
75
-
76
- .romo-text-dark-red { @include text-dark-red(!important); }
77
- .romo-text-red { @include text-red(!important); }
78
- .romo-text-light-red { @include text-light-red(!important); }
79
- .romo-text-pastel-red { @include text-pastel-red(!important); }
80
- .romo-text-dark-orange { @include text-dark-orange(!important); }
81
- .romo-text-orange { @include text-orange(!important); }
82
- .romo-text-yellow { @include text-yellow(!important); }
83
- .romo-text-pastel-yellow { @include text-pastel-yellow(!important); }
84
- .romo-text-purple { @include text-purple(!important); }
85
- .romo-text-light-purple { @include text-light-purple(!important); }
86
- .romo-text-dark-pink { @include text-dark-pink(!important); }
87
- .romo-text-hot-pink { @include text-hot-pink(!important); }
88
- .romo-text-pink { @include text-pink(!important); }
89
- .romo-text-dark-green { @include text-dark-green(!important); }
90
- .romo-text-green { @include text-green(!important); }
91
- .romo-text-light-green { @include text-light-green(!important); }
92
- .romo-text-pastel-green { @include text-pastel-green(!important); }
93
- .romo-text-navy { @include text-navy(!important); }
94
- .romo-text-dark-blue { @include text-dark-blue(!important); }
95
- .romo-text-blue { @include text-blue(!important); }
96
- .romo-text-light-blue { @include text-light-blue(!important); }
97
- .romo-text-pastel-blue { @include text-pastel-blue(!important); }
98
-
99
- .romo-text-dark-red-hover:hover, a.romo-text-dark-red:hover, a.romo-text-dark-red:focus { @include text-dark-red-hover(!important); }
100
- .romo-text-red-hover:hover, a.romo-text-red:hover, a.romo-text-red:focus { @include text-red-hover(!important); }
101
- .romo-text-light-red-hover:hover, a.romo-text-light-red:hover, a.romo-text-light-red:focus { @include text-light-red-hover(!important); }
102
- .romo-text-pastel-red-hover:hover, a.romo-text-pastel-red:hover, a.romo-text-pastel-red:focus { @include text-pastel-red-hover(!important); }
103
- .romo-text-dark-orange-hover:hover, a.romo-text-dark-orange:hover, a.romo-text-dark-orange:focus { @include text-dark-orange-hover(!important); }
104
- .romo-text-orange-hover:hover, a.romo-text-orange:hover, a.romo-text-orange:focus { @include text-orange-hover(!important); }
105
- .romo-text-yellow-hover:hover, a.romo-text-yellow:hover, a.romo-text-yellow:focus { @include text-yellow-hover(!important); }
106
- .romo-text-pastel-yellow-hover:hover, a.romo-text-pastel-yellow:hover, a.romo-text-pastel-yellow:focus { @include text-pastel-yellow-hover(!important); }
107
- .romo-text-purple-hover:hover, a.romo-text-purple:hover, a.romo-text-purple:focus { @include text-purple-hover(!important); }
108
- .romo-text-light-purple-hover:hover, a.romo-text-light-purple:hover, a.romo-text-light-purple:focus { @include text-light-purple-hover(!important); }
109
- .romo-text-dark-pink-hover:hover, a.romo-text-dark-pink:hover, a.romo-text-dark-pink:focus { @include text-dark-pink-hover(!important); }
110
- .romo-text-hot-pink-hover:hover, a.romo-text-hot-pink:hover, a.romo-text-hot-pink:focus { @include text-hot-pink-hover(!important); }
111
- .romo-text-pink-hover:hover, a.romo-text-pink:hover, a.romo-text-pink:focus { @include text-pink-hover(!important); }
112
- .romo-text-dark-green-hover:hover, a.romo-text-dark-green:hover, a.romo-text-dark-green:focus { @include text-dark-green-hover(!important); }
113
- .romo-text-green-hover:hover, a.romo-text-green:hover, a.romo-text-green:focus { @include text-green-hover(!important); }
114
- .romo-text-light-green-hover:hover, a.romo-text-light-green:hover, a.romo-text-light-green:focus { @include text-light-green-hover(!important); }
115
- .romo-text-pastel-green-hover:hover, a.romo-text-pastel-green:hover, a.romo-text-pastel-green:focus { @include text-pastel-green-hover(!important); }
116
- .romo-text-navy-hover:hover, a.romo-text-navy:hover, a.romo-text-navy:focus { @include text-navy-hover(!important); }
117
- .romo-text-dark-blue-hover:hover, a.romo-text-dark-blue:hover, a.romo-text-dark-blue:focus { @include text-dark-blue-hover(!important); }
118
- .romo-text-blue-hover:hover, a.romo-text-blue:hover, a.romo-text-blue:focus { @include text-blue-hover(!important); }
119
- .romo-text-light-blue-hover:hover, a.romo-text-light-blue:hover, a.romo-text-light-blue:focus { @include text-light-blue-hover(!important); }
120
- .romo-text-pastel-blue-hover:hover, a.romo-text-pastel-blue:hover, a.romo-text-pastel-blue:focus { @include text-pastel-blue-hover(!important); }
121
-
122
- .romo-bg-dark-red { @include bg-dark-red(!important); }
123
- .romo-bg-red { @include bg-red(!important); }
124
- .romo-bg-light-red { @include bg-light-red(!important); }
125
- .romo-bg-pastel-red { @include bg-pastel-red(!important); }
126
- .romo-bg-dark-orange { @include bg-dark-orange(!important); }
127
- .romo-bg-orange { @include bg-orange(!important); }
128
- .romo-bg-yellow { @include bg-yellow(!important); }
129
- .romo-bg-pastel-yellow { @include bg-pastel-yellow(!important); }
130
- .romo-bg-purple { @include bg-purple(!important); }
131
- .romo-bg-light-purple { @include bg-light-purple(!important); }
132
- .romo-bg-dark-pink { @include bg-dark-pink(!important); }
133
- .romo-bg-hot-pink { @include bg-hot-pink(!important); }
134
- .romo-bg-pink { @include bg-pink(!important); }
135
- .romo-bg-dark-green { @include bg-dark-green(!important); }
136
- .romo-bg-green { @include bg-green(!important); }
137
- .romo-bg-light-green { @include bg-light-green(!important); }
138
- .romo-bg-pastel-green { @include bg-pastel-green(!important); }
139
- .romo-bg-navy { @include bg-navy(!important); }
140
- .romo-bg-dark-blue { @include bg-dark-blue(!important); }
141
- .romo-bg-blue { @include bg-blue(!important); }
142
- .romo-bg-light-blue { @include bg-light-blue(!important); }
143
- .romo-bg-pastel-blue { @include bg-pastel-blue(!important); }
144
-
145
- .romo-bg-dark-red-hover:hover, a.romo-bg-dark-red-hover:hover, a.romo-bg-dark-red-hover:focus { @include bg-dark-red-hover(!important); }
146
- .romo-bg-red-hover:hover, a.romo-bg-red-hover:hover, a.romo-bg-red-hover:focus { @include bg-red-hover(!important); }
147
- .romo-bg-light-red-hover:hover, a.romo-bg-light-red-hover:hover, a.romo-bg-light-red-hover:focus { @include bg-light-red-hover(!important); }
148
- .romo-bg-pastel-red-hover:hover, a.romo-bg-pastel-red-hover:hover, a.romo-bg-pastel-red-hover:focus { @include bg-pastel-red-hover(!important); }
149
- .romo-bg-dark-orange-hover:hover, a.romo-bg-dark-orange-hover:hover, a.romo-bg-dark-orange-hover:focus { @include bg-dark-orange-hover(!important); }
150
- .romo-bg-orange-hover:hover, a.romo-bg-orange-hover:hover, a.romo-bg-orange-hover:focus { @include bg-orange-hover(!important); }
151
- .romo-bg-yellow-hover:hover, a.romo-bg-yellow-hover:hover, a.romo-bg-yellow-hover:focus { @include bg-yellow-hover(!important); }
152
- .romo-bg-pastel-yellow-hover:hover, a.romo-bg-pastel-yellow-hover:hover, a.romo-bg-pastel-yellow-hover:focus { @include bg-pastel-yellow-hover(!important); }
153
- .romo-bg-purple-hover:hover, a.romo-bg-purple-hover:hover, a.romo-bg-purple-hover:focus { @include bg-purple-hover(!important); }
154
- .romo-bg-light-purple-hover:hover, a.romo-bg-light-purple-hover:hover, a.romo-bg-light-purple-hover:focus { @include bg-light-purple-hover(!important); }
155
- .romo-bg-dark-pink-hover:hover, a.romo-bg-dark-pink-hover:hover, a.romo-bg-dark-pink-hover:focus { @include bg-dark-pink-hover(!important); }
156
- .romo-bg-hot-pink-hover:hover, a.romo-bg-hot-pink-hover:hover, a.romo-bg-hot-pink-hover:focus { @include bg-hot-pink-hover(!important); }
157
- .romo-bg-pink-hover:hover, a.romo-bg-pink-hover:hover, a.romo-bg-pink-hover:focus { @include bg-pink-hover(!important); }
158
- .romo-bg-dark-green-hover:hover, a.romo-bg-dark-green-hover:hover, a.romo-bg-dark-green-hover:focus { @include bg-dark-green-hover(!important); }
159
- .romo-bg-green-hover:hover, a.romo-bg-green-hover:hover, a.romo-bg-green-hover:focus { @include bg-green-hover(!important); }
160
- .romo-bg-light-green-hover:hover, a.romo-bg-light-green-hover:hover, a.romo-bg-light-green-hover:focus { @include bg-light-green-hover(!important); }
161
- .romo-bg-pastel-green-hover:hover, a.romo-bg-pastel-green-hover:hover, a.romo-bg-pastel-green-hover:focus { @include bg-pastel-green-hover(!important); }
162
- .romo-bg-navy-hover:hover, a.romo-bg-navy-hover:hover, a.romo-bg-navy-hover:focus { @include bg-navy-hover(!important); }
163
- .romo-bg-dark-blue-hover:hover, a.romo-bg-dark-blue-hover:hover, a.romo-bg-dark-blue-hover:focus { @include bg-dark-blue-hover(!important); }
164
- .romo-bg-blue-hover:hover, a.romo-bg-blue-hover:hover, a.romo-bg-blue-hover:focus { @include bg-blue-hover(!important); }
165
- .romo-bg-light-blue-hover:hover, a.romo-bg-light-blue-hover:hover, a.romo-bg-light-blue-hover:focus { @include bg-light-blue-hover(!important); }
166
- .romo-bg-pastel-blue-hover:hover, a.romo-bg-pastel-blue-hover:hover, a.romo-bg-pastel-blue-hover:focus { @include bg-pastel-blue-hover(!important); }
167
-
168
- .romo-border-dark-red { @include border-dark-red(!important); }
169
- .romo-border-red { @include border-red(!important); }
170
- .romo-border-light-red { @include border-light-red(!important); }
171
- .romo-border-pastel-red { @include border-pastel-red(!important); }
172
- .romo-border-dark-orange { @include border-dark-orange(!important); }
173
- .romo-border-orange { @include border-orange(!important); }
174
- .romo-border-yellow { @include border-yellow(!important); }
175
- .romo-border-pastel-yellow { @include border-pastel-yellow(!important); }
176
- .romo-border-purple { @include border-purple(!important); }
177
- .romo-border-light-purple { @include border-light-purple(!important); }
178
- .romo-border-dark-pink { @include border-dark-pink(!important); }
179
- .romo-border-hot-pink { @include border-hot-pink(!important); }
180
- .romo-border-pink { @include border-pink(!important); }
181
- .romo-border-dark-green { @include border-dark-green(!important); }
182
- .romo-border-pastel-green { @include border-pastel-green(!important); }
183
- .romo-border-green { @include border-green(!important); }
184
- .romo-border-light-green { @include border-light-green(!important); }
185
- .romo-border-navy { @include border-navy(!important); }
186
- .romo-border-dark-blue { @include border-dark-blue(!important); }
187
- .romo-border-blue { @include border-blue(!important); }
188
- .romo-border-light-blue { @include border-light-blue(!important); }
189
- .romo-border-pastel-blue { @include border-pastel-blue(!important); }
190
-
191
- .romo-border-dark-red-hover:hover, a.romo-border-dark-red-hover:hover, a.romo-border-dark-red-hover:focus { @include border-dark-red(!important); }
192
- .romo-border-red-hover:hover, a.romo-border-red-hover:hover, a.romo-border-red-hover:focus { @include border-red(!important); }
193
- .romo-border-light-red-hover:hover, a.romo-border-light-red-hover:hover, a.romo-border-light-red-hover:focus { @include border-light-red(!important); }
194
- .romo-border-pastel-red-hover:hover, a.romo-border-pastel-red-hover:hover, a.romo-border-pastel-red-hover:focus { @include border-pastel-red(!important); }
195
- .romo-border-dark-orange-hover:hover, a.romo-border-dark-orange-hover:hover, a.romo-border-dark-orange-hover:focus { @include border-dark-orange(!important); }
196
- .romo-border-orange-hover:hover, a.romo-border-orange-hover:hover, a.romo-border-orange-hover:focus { @include border-orange(!important); }
197
- .romo-border-yellow-hover:hover, a.romo-border-yellow-hover:hover, a.romo-border-yellow-hover:focus { @include border-yellow(!important); }
198
- .romo-border-pastel-yellow-hover:hover, a.romo-border-pastel-yellow-hover:hover, a.romo-border-pastel-yellow-hover:focus { @include border-pastel-yellow(!important); }
199
- .romo-border-purple-hover:hover, a.romo-border-purple-hover:hover, a.romo-border-purple-hover:focus { @include border-purple(!important); }
200
- .romo-border-light-purple-hover:hover, a.romo-border-light-purple-hover:hover, a.romo-border-light-purple-hover:focus { @include border-light-purple(!important); }
201
- .romo-border-dark-pink-hover:hover, a.romo-border-dark-pink-hover:hover, a.romo-border-dark-pink-hover:focus { @include border-dark-pink(!important); }
202
- .romo-border-hot-pink-hover:hover, a.romo-border-hot-pink-hover:hover, a.romo-border-hot-pink-hover:focus { @include border-hot-pink(!important); }
203
- .romo-border-pink-hover:hover, a.romo-border-pink-hover:hover, a.romo-border-pink-hover:focus { @include border-pink(!important); }
204
- .romo-border-dark-green-hover:hover, a.romo-border-dark-green-hover:hover, a.romo-border-dark-green-hover:focus { @include border-dark-green(!important); }
205
- .romo-border-green-hover:hover, a.romo-border-green-hover:hover, a.romo-border-green-hover:focus { @include border-green(!important); }
206
- .romo-border-light-green-hover:hover, a.romo-border-light-green-hover:hover, a.romo-border-light-green-hover:focus { @include border-light-green(!important); }
207
- .romo-border-pastel-green-hover:hover, a.romo-border-pastel-green-hover:hover, a.romo-border-pastel-green-hover:focus { @include border-pastel-green(!important); }
208
- .romo-border-navy-hover:hover, a.romo-border-navy-hover:hover, a.romo-border-navy-hover:focus { @include border-navy(!important); }
209
- .romo-border-dark-blue-hover:hover, a.romo-border-dark-blue-hover:hover, a.romo-border-dark-blue-hover:focus { @include border-dark-blue(!important); }
210
- .romo-border-blue-hover:hover, a.romo-border-blue-hover:hover, a.romo-border-blue-hover:focus { @include border-blue(!important); }
211
- .romo-border-light-blue-hover:hover, a.romo-border-light-blue-hover:hover, a.romo-border-light-blue-hover:focus { @include border-light-blue(!important); }
212
- .romo-border-pastel-blue-hover:hover, a.romo-border-pastel-blue-hover:hover, a.romo-border-pastel-blue-hover:focus { @include border-pastel-blue(!important); }
4
+ .romo {
5
+
6
+ /* basics */
7
+
8
+ .romo-text-base { @include text-base(!important); }
9
+ .romo-text-alt { @include text-alt(!important); }
10
+ .romo-text-muted { @include text-muted(!important); }
11
+
12
+ .romo-text-base-hover:hover, a.romo-text-base:hover, a.romo-text-base:focus { @include text-base-hover(!important); }
13
+ .romo-text-alt-hover:hover, a.romo-text-alt:hover, a.romo-text-alt:focus { @include text-alt-hover(!important); }
14
+ .romo-text-muted-hover:hover, a.romo-text-muted:hover, a.romo-text-muted:focus { @include text-muted-hover(!important); }
15
+
16
+ .romo-bg-base { @include bg-base(!important); }
17
+ .romo-bg-alt { @include bg-alt(!important); }
18
+ .romo-bg-muted { @include bg-muted(!important); }
19
+
20
+ .romo-bg-base-hover:hover, a.romo-bg-base:hover, a.romo-bg-base:focus { @include bg-base-hover(!important); }
21
+ .romo-bg-alt-hover:hover, a.romo-bg-alt:hover, a.romo-bg-alt:focus { @include bg-alt-hover(!important); }
22
+ .romo-bg-muted-hover:hover, a.romo-bg-muted:hover, a.romo-bg-muted:focus { @include bg-muted-hover(!important); }
23
+
24
+ .romo-border-base { @include border-base(!important); }
25
+ .romo-border-alt { @include border-alt(!important); }
26
+ .romo-border-muted { @include border-muted(!important); }
27
+
28
+ .romo-border-muted-hover:hover, a.romo-border-muted:hover, a.romo-border-muted:focus { @include border-muted(!important); }
29
+
30
+ /* other */
31
+
32
+ .romo-text-border-base { @include text-border-base(!important); }
33
+ .romo-text-border-alt { @include text-border-alt(!important); }
34
+ .romo-text-disabled { @include text-disabled(!important); }
35
+
36
+ .romo-bg-hover { @include bg-hover(!important); }
37
+
38
+ /* emphasis */
39
+
40
+ .romo-text-warning { @include text-warning(!important); }
41
+ .romo-text-danger { @include text-danger(!important); }
42
+ .romo-text-info { @include text-info(!important); }
43
+ .romo-text-success { @include text-success(!important); }
44
+ .romo-text-inverse { @include text-inverse(!important); }
45
+
46
+ .romo-text-warning-hover:hover, a.romo-text-warning:hover, a.romo-text-warning:focus { @include text-warning-hover(!important); }
47
+ .romo-text-danger-hover:hover, a.romo-text-danger:hover, a.romo-text-danger:focus { @include text-danger-hover(!important); }
48
+ .romo-text-info-hover:hover, a.romo-text-info:hover, a.romo-text-info:focus { @include text-info-hover(!important); }
49
+ .romo-text-success-hover:hover, a.romo-text-success:hover, a.romo-text-success:focus { @include text-success-hover(!important); }
50
+ .romo-text-inverse-hover:hover, a.romo-text-inverse:hover, a.romo-text-inverse:focus { @include text-inverse-hover(!important); }
51
+
52
+ .romo-bg-warning { @include bg-warning(!important); }
53
+ .romo-bg-danger { @include bg-danger(!important); }
54
+ .romo-bg-info { @include bg-info(!important); }
55
+ .romo-bg-success { @include bg-success(!important); }
56
+ .romo-bg-inverse { @include bg-inverse(!important); }
57
+
58
+ .romo-bg-warning-hover:hover, a.romo-bg-warning:hover, a.romo-bg-warning:focus { @include bg-warning-hover(!important); }
59
+ .romo-bg-danger-hover:hover, a.romo-bg-danger:hover, a.romo-bg-danger:focus { @include bg-danger-hover(!important); }
60
+ .romo-bg-info-hover:hover, a.romo-bg-info:hover, a.romo-bg-info:focus { @include bg-info-hover(!important); }
61
+ .romo-bg-success-hover:hover, a.romo-bg-success:hover, a.romo-bg-success:focus { @include bg-success-hover(!important); }
62
+ .romo-bg-inverse-hover:hover, a.romo-bg-inverse:hover, a.romo-bg-inverse:focus { @include bg-inverse-hover(!important); }
63
+
64
+ .romo-border-warning { @include border-warning(!important); }
65
+ .romo-border-danger { @include border-danger(!important); }
66
+ .romo-border-info { @include border-info(!important); }
67
+ .romo-border-success { @include border-success(!important); }
68
+ .romo-border-inverse { @include border-inverse(!important); }
69
+
70
+ .romo-border-warning-hover:hover, a.romo-border-warning:hover, a.romo-border-warning:focus { @include border-warning(!important); }
71
+ .romo-border-danger-hover:hover, a.romo-border-danger:hover, a.romo-border-danger:focus { @include border-danger(!important); }
72
+ .romo-border-info-hover:hover, a.romo-border-info:hover, a.romo-border-info:focus { @include border-info(!important); }
73
+ .romo-border-success-hover:hover, a.romo-border-success:hover, a.romo-border-success:focus { @include border-success(!important); }
74
+ .romo-border-inverse-hover:hover, a.romo-border-inverse:hover, a.romo-border-inverse:focus { @include border-inverse(!important); }
75
+
76
+ /* emphasis */
77
+
78
+ .romo-text-dark-red { @include text-dark-red(!important); }
79
+ .romo-text-red { @include text-red(!important); }
80
+ .romo-text-light-red { @include text-light-red(!important); }
81
+ .romo-text-pastel-red { @include text-pastel-red(!important); }
82
+ .romo-text-dark-orange { @include text-dark-orange(!important); }
83
+ .romo-text-orange { @include text-orange(!important); }
84
+ .romo-text-yellow { @include text-yellow(!important); }
85
+ .romo-text-pastel-yellow { @include text-pastel-yellow(!important); }
86
+ .romo-text-purple { @include text-purple(!important); }
87
+ .romo-text-light-purple { @include text-light-purple(!important); }
88
+ .romo-text-dark-pink { @include text-dark-pink(!important); }
89
+ .romo-text-hot-pink { @include text-hot-pink(!important); }
90
+ .romo-text-pink { @include text-pink(!important); }
91
+ .romo-text-dark-green { @include text-dark-green(!important); }
92
+ .romo-text-green { @include text-green(!important); }
93
+ .romo-text-light-green { @include text-light-green(!important); }
94
+ .romo-text-pastel-green { @include text-pastel-green(!important); }
95
+ .romo-text-navy { @include text-navy(!important); }
96
+ .romo-text-dark-blue { @include text-dark-blue(!important); }
97
+ .romo-text-blue { @include text-blue(!important); }
98
+ .romo-text-light-blue { @include text-light-blue(!important); }
99
+ .romo-text-pastel-blue { @include text-pastel-blue(!important); }
100
+
101
+ .romo-text-dark-red-hover:hover, a.romo-text-dark-red:hover, a.romo-text-dark-red:focus { @include text-dark-red-hover(!important); }
102
+ .romo-text-red-hover:hover, a.romo-text-red:hover, a.romo-text-red:focus { @include text-red-hover(!important); }
103
+ .romo-text-light-red-hover:hover, a.romo-text-light-red:hover, a.romo-text-light-red:focus { @include text-light-red-hover(!important); }
104
+ .romo-text-pastel-red-hover:hover, a.romo-text-pastel-red:hover, a.romo-text-pastel-red:focus { @include text-pastel-red-hover(!important); }
105
+ .romo-text-dark-orange-hover:hover, a.romo-text-dark-orange:hover, a.romo-text-dark-orange:focus { @include text-dark-orange-hover(!important); }
106
+ .romo-text-orange-hover:hover, a.romo-text-orange:hover, a.romo-text-orange:focus { @include text-orange-hover(!important); }
107
+ .romo-text-yellow-hover:hover, a.romo-text-yellow:hover, a.romo-text-yellow:focus { @include text-yellow-hover(!important); }
108
+ .romo-text-pastel-yellow-hover:hover, a.romo-text-pastel-yellow:hover, a.romo-text-pastel-yellow:focus { @include text-pastel-yellow-hover(!important); }
109
+ .romo-text-purple-hover:hover, a.romo-text-purple:hover, a.romo-text-purple:focus { @include text-purple-hover(!important); }
110
+ .romo-text-light-purple-hover:hover, a.romo-text-light-purple:hover, a.romo-text-light-purple:focus { @include text-light-purple-hover(!important); }
111
+ .romo-text-dark-pink-hover:hover, a.romo-text-dark-pink:hover, a.romo-text-dark-pink:focus { @include text-dark-pink-hover(!important); }
112
+ .romo-text-hot-pink-hover:hover, a.romo-text-hot-pink:hover, a.romo-text-hot-pink:focus { @include text-hot-pink-hover(!important); }
113
+ .romo-text-pink-hover:hover, a.romo-text-pink:hover, a.romo-text-pink:focus { @include text-pink-hover(!important); }
114
+ .romo-text-dark-green-hover:hover, a.romo-text-dark-green:hover, a.romo-text-dark-green:focus { @include text-dark-green-hover(!important); }
115
+ .romo-text-green-hover:hover, a.romo-text-green:hover, a.romo-text-green:focus { @include text-green-hover(!important); }
116
+ .romo-text-light-green-hover:hover, a.romo-text-light-green:hover, a.romo-text-light-green:focus { @include text-light-green-hover(!important); }
117
+ .romo-text-pastel-green-hover:hover, a.romo-text-pastel-green:hover, a.romo-text-pastel-green:focus { @include text-pastel-green-hover(!important); }
118
+ .romo-text-navy-hover:hover, a.romo-text-navy:hover, a.romo-text-navy:focus { @include text-navy-hover(!important); }
119
+ .romo-text-dark-blue-hover:hover, a.romo-text-dark-blue:hover, a.romo-text-dark-blue:focus { @include text-dark-blue-hover(!important); }
120
+ .romo-text-blue-hover:hover, a.romo-text-blue:hover, a.romo-text-blue:focus { @include text-blue-hover(!important); }
121
+ .romo-text-light-blue-hover:hover, a.romo-text-light-blue:hover, a.romo-text-light-blue:focus { @include text-light-blue-hover(!important); }
122
+ .romo-text-pastel-blue-hover:hover, a.romo-text-pastel-blue:hover, a.romo-text-pastel-blue:focus { @include text-pastel-blue-hover(!important); }
123
+
124
+ .romo-bg-dark-red { @include bg-dark-red(!important); }
125
+ .romo-bg-red { @include bg-red(!important); }
126
+ .romo-bg-light-red { @include bg-light-red(!important); }
127
+ .romo-bg-pastel-red { @include bg-pastel-red(!important); }
128
+ .romo-bg-dark-orange { @include bg-dark-orange(!important); }
129
+ .romo-bg-orange { @include bg-orange(!important); }
130
+ .romo-bg-yellow { @include bg-yellow(!important); }
131
+ .romo-bg-pastel-yellow { @include bg-pastel-yellow(!important); }
132
+ .romo-bg-purple { @include bg-purple(!important); }
133
+ .romo-bg-light-purple { @include bg-light-purple(!important); }
134
+ .romo-bg-dark-pink { @include bg-dark-pink(!important); }
135
+ .romo-bg-hot-pink { @include bg-hot-pink(!important); }
136
+ .romo-bg-pink { @include bg-pink(!important); }
137
+ .romo-bg-dark-green { @include bg-dark-green(!important); }
138
+ .romo-bg-green { @include bg-green(!important); }
139
+ .romo-bg-light-green { @include bg-light-green(!important); }
140
+ .romo-bg-pastel-green { @include bg-pastel-green(!important); }
141
+ .romo-bg-navy { @include bg-navy(!important); }
142
+ .romo-bg-dark-blue { @include bg-dark-blue(!important); }
143
+ .romo-bg-blue { @include bg-blue(!important); }
144
+ .romo-bg-light-blue { @include bg-light-blue(!important); }
145
+ .romo-bg-pastel-blue { @include bg-pastel-blue(!important); }
146
+
147
+ .romo-bg-dark-red-hover:hover, a.romo-bg-dark-red-hover:hover, a.romo-bg-dark-red-hover:focus { @include bg-dark-red-hover(!important); }
148
+ .romo-bg-red-hover:hover, a.romo-bg-red-hover:hover, a.romo-bg-red-hover:focus { @include bg-red-hover(!important); }
149
+ .romo-bg-light-red-hover:hover, a.romo-bg-light-red-hover:hover, a.romo-bg-light-red-hover:focus { @include bg-light-red-hover(!important); }
150
+ .romo-bg-pastel-red-hover:hover, a.romo-bg-pastel-red-hover:hover, a.romo-bg-pastel-red-hover:focus { @include bg-pastel-red-hover(!important); }
151
+ .romo-bg-dark-orange-hover:hover, a.romo-bg-dark-orange-hover:hover, a.romo-bg-dark-orange-hover:focus { @include bg-dark-orange-hover(!important); }
152
+ .romo-bg-orange-hover:hover, a.romo-bg-orange-hover:hover, a.romo-bg-orange-hover:focus { @include bg-orange-hover(!important); }
153
+ .romo-bg-yellow-hover:hover, a.romo-bg-yellow-hover:hover, a.romo-bg-yellow-hover:focus { @include bg-yellow-hover(!important); }
154
+ .romo-bg-pastel-yellow-hover:hover, a.romo-bg-pastel-yellow-hover:hover, a.romo-bg-pastel-yellow-hover:focus { @include bg-pastel-yellow-hover(!important); }
155
+ .romo-bg-purple-hover:hover, a.romo-bg-purple-hover:hover, a.romo-bg-purple-hover:focus { @include bg-purple-hover(!important); }
156
+ .romo-bg-light-purple-hover:hover, a.romo-bg-light-purple-hover:hover, a.romo-bg-light-purple-hover:focus { @include bg-light-purple-hover(!important); }
157
+ .romo-bg-dark-pink-hover:hover, a.romo-bg-dark-pink-hover:hover, a.romo-bg-dark-pink-hover:focus { @include bg-dark-pink-hover(!important); }
158
+ .romo-bg-hot-pink-hover:hover, a.romo-bg-hot-pink-hover:hover, a.romo-bg-hot-pink-hover:focus { @include bg-hot-pink-hover(!important); }
159
+ .romo-bg-pink-hover:hover, a.romo-bg-pink-hover:hover, a.romo-bg-pink-hover:focus { @include bg-pink-hover(!important); }
160
+ .romo-bg-dark-green-hover:hover, a.romo-bg-dark-green-hover:hover, a.romo-bg-dark-green-hover:focus { @include bg-dark-green-hover(!important); }
161
+ .romo-bg-green-hover:hover, a.romo-bg-green-hover:hover, a.romo-bg-green-hover:focus { @include bg-green-hover(!important); }
162
+ .romo-bg-light-green-hover:hover, a.romo-bg-light-green-hover:hover, a.romo-bg-light-green-hover:focus { @include bg-light-green-hover(!important); }
163
+ .romo-bg-pastel-green-hover:hover, a.romo-bg-pastel-green-hover:hover, a.romo-bg-pastel-green-hover:focus { @include bg-pastel-green-hover(!important); }
164
+ .romo-bg-navy-hover:hover, a.romo-bg-navy-hover:hover, a.romo-bg-navy-hover:focus { @include bg-navy-hover(!important); }
165
+ .romo-bg-dark-blue-hover:hover, a.romo-bg-dark-blue-hover:hover, a.romo-bg-dark-blue-hover:focus { @include bg-dark-blue-hover(!important); }
166
+ .romo-bg-blue-hover:hover, a.romo-bg-blue-hover:hover, a.romo-bg-blue-hover:focus { @include bg-blue-hover(!important); }
167
+ .romo-bg-light-blue-hover:hover, a.romo-bg-light-blue-hover:hover, a.romo-bg-light-blue-hover:focus { @include bg-light-blue-hover(!important); }
168
+ .romo-bg-pastel-blue-hover:hover, a.romo-bg-pastel-blue-hover:hover, a.romo-bg-pastel-blue-hover:focus { @include bg-pastel-blue-hover(!important); }
169
+
170
+ .romo-border-dark-red { @include border-dark-red(!important); }
171
+ .romo-border-red { @include border-red(!important); }
172
+ .romo-border-light-red { @include border-light-red(!important); }
173
+ .romo-border-pastel-red { @include border-pastel-red(!important); }
174
+ .romo-border-dark-orange { @include border-dark-orange(!important); }
175
+ .romo-border-orange { @include border-orange(!important); }
176
+ .romo-border-yellow { @include border-yellow(!important); }
177
+ .romo-border-pastel-yellow { @include border-pastel-yellow(!important); }
178
+ .romo-border-purple { @include border-purple(!important); }
179
+ .romo-border-light-purple { @include border-light-purple(!important); }
180
+ .romo-border-dark-pink { @include border-dark-pink(!important); }
181
+ .romo-border-hot-pink { @include border-hot-pink(!important); }
182
+ .romo-border-pink { @include border-pink(!important); }
183
+ .romo-border-dark-green { @include border-dark-green(!important); }
184
+ .romo-border-pastel-green { @include border-pastel-green(!important); }
185
+ .romo-border-green { @include border-green(!important); }
186
+ .romo-border-light-green { @include border-light-green(!important); }
187
+ .romo-border-navy { @include border-navy(!important); }
188
+ .romo-border-dark-blue { @include border-dark-blue(!important); }
189
+ .romo-border-blue { @include border-blue(!important); }
190
+ .romo-border-light-blue { @include border-light-blue(!important); }
191
+ .romo-border-pastel-blue { @include border-pastel-blue(!important); }
192
+
193
+ .romo-border-dark-red-hover:hover, a.romo-border-dark-red-hover:hover, a.romo-border-dark-red-hover:focus { @include border-dark-red(!important); }
194
+ .romo-border-red-hover:hover, a.romo-border-red-hover:hover, a.romo-border-red-hover:focus { @include border-red(!important); }
195
+ .romo-border-light-red-hover:hover, a.romo-border-light-red-hover:hover, a.romo-border-light-red-hover:focus { @include border-light-red(!important); }
196
+ .romo-border-pastel-red-hover:hover, a.romo-border-pastel-red-hover:hover, a.romo-border-pastel-red-hover:focus { @include border-pastel-red(!important); }
197
+ .romo-border-dark-orange-hover:hover, a.romo-border-dark-orange-hover:hover, a.romo-border-dark-orange-hover:focus { @include border-dark-orange(!important); }
198
+ .romo-border-orange-hover:hover, a.romo-border-orange-hover:hover, a.romo-border-orange-hover:focus { @include border-orange(!important); }
199
+ .romo-border-yellow-hover:hover, a.romo-border-yellow-hover:hover, a.romo-border-yellow-hover:focus { @include border-yellow(!important); }
200
+ .romo-border-pastel-yellow-hover:hover, a.romo-border-pastel-yellow-hover:hover, a.romo-border-pastel-yellow-hover:focus { @include border-pastel-yellow(!important); }
201
+ .romo-border-purple-hover:hover, a.romo-border-purple-hover:hover, a.romo-border-purple-hover:focus { @include border-purple(!important); }
202
+ .romo-border-light-purple-hover:hover, a.romo-border-light-purple-hover:hover, a.romo-border-light-purple-hover:focus { @include border-light-purple(!important); }
203
+ .romo-border-dark-pink-hover:hover, a.romo-border-dark-pink-hover:hover, a.romo-border-dark-pink-hover:focus { @include border-dark-pink(!important); }
204
+ .romo-border-hot-pink-hover:hover, a.romo-border-hot-pink-hover:hover, a.romo-border-hot-pink-hover:focus { @include border-hot-pink(!important); }
205
+ .romo-border-pink-hover:hover, a.romo-border-pink-hover:hover, a.romo-border-pink-hover:focus { @include border-pink(!important); }
206
+ .romo-border-dark-green-hover:hover, a.romo-border-dark-green-hover:hover, a.romo-border-dark-green-hover:focus { @include border-dark-green(!important); }
207
+ .romo-border-green-hover:hover, a.romo-border-green-hover:hover, a.romo-border-green-hover:focus { @include border-green(!important); }
208
+ .romo-border-light-green-hover:hover, a.romo-border-light-green-hover:hover, a.romo-border-light-green-hover:focus { @include border-light-green(!important); }
209
+ .romo-border-pastel-green-hover:hover, a.romo-border-pastel-green-hover:hover, a.romo-border-pastel-green-hover:focus { @include border-pastel-green(!important); }
210
+ .romo-border-navy-hover:hover, a.romo-border-navy-hover:hover, a.romo-border-navy-hover:focus { @include border-navy(!important); }
211
+ .romo-border-dark-blue-hover:hover, a.romo-border-dark-blue-hover:hover, a.romo-border-dark-blue-hover:focus { @include border-dark-blue(!important); }
212
+ .romo-border-blue-hover:hover, a.romo-border-blue-hover:hover, a.romo-border-blue-hover:focus { @include border-blue(!important); }
213
+ .romo-border-light-blue-hover:hover, a.romo-border-light-blue-hover:hover, a.romo-border-light-blue-hover:focus { @include border-light-blue(!important); }
214
+ .romo-border-pastel-blue-hover:hover, a.romo-border-pastel-blue-hover:hover, a.romo-border-pastel-blue-hover:focus { @include border-pastel-blue(!important); }
215
+
216
+ }