bootswatch-sass 3.3.1.3 → 3.3.1.4

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.
Files changed (39) hide show
  1. checksums.yaml +4 -4
  2. data/Gemfile +0 -2
  3. data/README.md +8 -2
  4. data/assets/stylesheets/cerulean/_bootswatch.scss +102 -101
  5. data/assets/stylesheets/cerulean/_variables.scss +1 -1
  6. data/assets/stylesheets/cosmo/_bootswatch.scss +204 -123
  7. data/assets/stylesheets/cosmo/_variables.scss +1 -1
  8. data/assets/stylesheets/cyborg/_bootswatch.scss +179 -109
  9. data/assets/stylesheets/cyborg/_variables.scss +1 -1
  10. data/assets/stylesheets/darkly/_bootswatch.scss +281 -209
  11. data/assets/stylesheets/darkly/_variables.scss +1 -1
  12. data/assets/stylesheets/flatly/_bootswatch.scss +279 -203
  13. data/assets/stylesheets/flatly/_variables.scss +1 -1
  14. data/assets/stylesheets/journal/_bootswatch.scss +102 -50
  15. data/assets/stylesheets/journal/_variables.scss +1 -1
  16. data/assets/stylesheets/lumen/_bootswatch.scss +436 -340
  17. data/assets/stylesheets/lumen/_variables.scss +1 -1
  18. data/assets/stylesheets/paper/_bootswatch.scss +335 -391
  19. data/assets/stylesheets/paper/_variables.scss +1 -1
  20. data/assets/stylesheets/readable/_bootswatch.scss +155 -93
  21. data/assets/stylesheets/readable/_variables.scss +1 -1
  22. data/assets/stylesheets/sandstone/_bootswatch.scss +168 -128
  23. data/assets/stylesheets/sandstone/_variables.scss +1 -1
  24. data/assets/stylesheets/simplex/_bootswatch.scss +111 -84
  25. data/assets/stylesheets/simplex/_variables.scss +1 -1
  26. data/assets/stylesheets/slate/_bootswatch.scss +357 -362
  27. data/assets/stylesheets/slate/_variables.scss +1 -1
  28. data/assets/stylesheets/spacelab/_bootswatch.scss +132 -166
  29. data/assets/stylesheets/spacelab/_variables.scss +1 -1
  30. data/assets/stylesheets/superhero/_bootswatch.scss +264 -164
  31. data/assets/stylesheets/superhero/_variables.scss +1 -1
  32. data/assets/stylesheets/united/_bootswatch.scss +40 -7
  33. data/assets/stylesheets/united/_variables.scss +1 -1
  34. data/assets/stylesheets/yeti/_bootswatch.scss +367 -238
  35. data/assets/stylesheets/yeti/_variables.scss +1 -1
  36. data/bootswatch-sass.gemspec +3 -6
  37. data/lib/bootswatch-sass.rb +18 -1
  38. data/lib/bootswatch-sass/version.rb +1 -1
  39. metadata +7 -49
data/assets/stylesheets/cosmo/_variables.scss CHANGED
@@ -76,7 +76,7 @@ $headings-color: inherit;
76
76
  //## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower.
77
77
 
78
78
  //** Load fonts from this directory.
79
- $icon-font-path: "bootstrap/";
79
+ $icon-font-path: "bootstrap/" !default;
80
80
  //** File name for all font files.
81
81
  $icon-font-name: "glyphicons-halflings-regular";
82
82
  //** Element ID within SVG icon file.
data/assets/stylesheets/cyborg/_bootswatch.scss CHANGED
@@ -1,140 +1,210 @@
1
+ // Cyborg 3.3.1
2
+ // Bootswatch
3
+ // -----------------------------------------------------
4
+
1
5
  @import url("//fonts.googleapis.com/css?family=Roboto:400,700");
6
+
7
+ // Navbar =====================================================================
8
+
9
+ // Buttons ====================================================================
10
+
11
+ // Typography =================================================================
12
+
2
13
  .text-primary,
3
14
  .text-primary:hover {
4
- color: #2a9fd6;
15
+ color: $brand-primary;
5
16
  }
17
+
6
18
  .text-success,
7
19
  .text-success:hover {
8
- color: #77b300;
20
+ color: $brand-success;
9
21
  }
22
+
10
23
  .text-danger,
11
24
  .text-danger:hover {
12
- color: #cc0000;
25
+ color: $brand-danger;
13
26
  }
27
+
14
28
  .text-warning,
15
29
  .text-warning:hover {
16
- color: #ff8800;
30
+ color: $brand-warning;
17
31
  }
32
+
18
33
  .text-info,
19
34
  .text-info:hover {
20
- color: #9933cc;
35
+ color: $brand-info;
21
36
  }
37
+
38
+ // Tables =====================================================================
39
+
22
40
  table,
23
41
  .table {
24
42
  color: #fff;
25
- }
26
- table a:not(.btn),
27
- .table a:not(.btn) {
28
- color: #fff;
29
- text-decoration: underline;
30
- }
31
- table .dropdown-menu a,
32
- .table .dropdown-menu a {
33
- text-decoration: none;
34
- }
35
- table .text-muted,
36
- .table .text-muted {
37
- color: #888888;
38
- }
43
+
44
+ a:not(.btn) {
45
+ color: #fff;
46
+ text-decoration: underline;
47
+ }
48
+
49
+ .dropdown-menu a {
50
+ text-decoration: none;
51
+ }
52
+
53
+ .text-muted {
54
+ color: $text-muted;
55
+ }
56
+ }
57
+
39
58
  .table-responsive > .table {
40
- background-color: #181818;
41
- }
42
- .has-warning .help-block,
43
- .has-warning .control-label,
44
- .has-warning .form-control-feedback {
45
- color: #ff8800;
46
- }
47
- .has-warning .form-control,
48
- .has-warning .form-control:focus,
49
- .has-warning .input-group-addon {
50
- border-color: #ff8800;
51
- }
52
- .has-error .help-block,
53
- .has-error .control-label,
54
- .has-error .form-control-feedback {
55
- color: #cc0000;
56
- }
57
- .has-error .form-control,
58
- .has-error .form-control:focus,
59
- .has-error .input-group-addon {
60
- border-color: #cc0000;
61
- }
62
- .has-success .help-block,
63
- .has-success .control-label,
64
- .has-success .form-control-feedback {
65
- color: #77b300;
66
- }
67
- .has-success .form-control,
68
- .has-success .form-control:focus,
69
- .has-success .input-group-addon {
70
- border-color: #77b300;
71
- }
59
+ background-color: $table-bg;
60
+ }
61
+
62
+ // Forms ======================================================================
63
+
64
+ .has-warning {
65
+ .help-block,
66
+ .control-label,
67
+ .form-control-feedback {
68
+ color: $brand-warning;
69
+ }
70
+
71
+ .form-control,
72
+ .form-control:focus,
73
+ .input-group-addon {
74
+ border-color: $brand-warning;
75
+ }
76
+ }
77
+
78
+ .has-error {
79
+ .help-block,
80
+ .control-label,
81
+ .form-control-feedback {
82
+ color: $brand-danger;
83
+ }
84
+
85
+ .form-control,
86
+ .form-control:focus,
87
+ .input-group-addon {
88
+ border-color: $brand-danger;
89
+ }
90
+ }
91
+
92
+ .has-success {
93
+ .help-block,
94
+ .control-label,
95
+ .form-control-feedback {
96
+ color: $brand-success;
97
+ }
98
+
99
+ .form-control,
100
+ .form-control:focus,
101
+ .input-group-addon {
102
+ border-color: $brand-success;
103
+ }
104
+ }
105
+
72
106
  legend {
73
107
  color: #fff;
74
108
  }
109
+
75
110
  .input-group-addon {
76
- background-color: #424242;
77
- }
78
- .nav-tabs a,
79
- .nav-pills a,
80
- .breadcrumb a,
81
- .pager a {
82
- color: #fff;
83
- }
84
- .alert .alert-link,
85
- .alert a {
86
- color: #ffffff;
87
- text-decoration: underline;
88
- }
89
- .alert .close {
90
- text-decoration: none;
91
- }
111
+ background-color: $btn-default-bg;
112
+ }
113
+
114
+ // Navs =======================================================================
115
+
116
+ .nav-tabs,
117
+ .nav-pills,
118
+ .breadcrumb,
119
+ .pager {
120
+
121
+ a {
122
+ color: #fff;
123
+ }
124
+ }
125
+
126
+ // Indicators =================================================================
127
+
128
+ .alert {
129
+
130
+ .alert-link,
131
+ a {
132
+ color: $alert-warning-text;
133
+ text-decoration: underline;
134
+ }
135
+
136
+ .close {
137
+ text-decoration: none;
138
+ }
139
+ }
140
+
92
141
  .close {
93
142
  color: #fff;
94
143
  text-decoration: none;
95
144
  opacity: 0.4;
96
- }
97
- .close:hover,
98
- .close:focus {
99
- color: #fff;
100
- opacity: 1;
101
- }
145
+
146
+ &:hover,
147
+ &:focus {
148
+ color: #fff;
149
+ opacity: 1;
150
+ }
151
+ }
152
+
153
+ // Progress bars ==============================================================
154
+
155
+ // Containers =================================================================
156
+
102
157
  a.thumbnail:hover,
103
158
  a.thumbnail:focus,
104
159
  a.thumbnail.active {
105
- border-color: #282828;
106
- }
107
- a.list-group-item.active,
108
- a.list-group-item.active:hover,
109
- a.list-group-item.active:focus {
110
- border-color: #282828;
111
- }
112
- a.list-group-item-success.active {
113
- background-color: #77b300;
114
- }
115
- a.list-group-item-success.active:hover,
116
- a.list-group-item-success.active:focus {
117
- background-color: #669a00;
118
- }
119
- a.list-group-item-warning.active {
120
- background-color: #ff8800;
121
- }
122
- a.list-group-item-warning.active:hover,
123
- a.list-group-item-warning.active:focus {
124
- background-color: #e67a00;
125
- }
126
- a.list-group-item-danger.active {
127
- background-color: #cc0000;
128
- }
129
- a.list-group-item-danger.active:hover,
130
- a.list-group-item-danger.active:focus {
131
- background-color: #b30000;
132
- }
133
- .jumbotron h1,
134
- .jumbotron h2,
135
- .jumbotron h3,
136
- .jumbotron h4,
137
- .jumbotron h5,
138
- .jumbotron h6 {
139
- color: #fff;
140
- }
160
+ border-color: $thumbnail-border;
161
+ }
162
+
163
+ a.list-group-item {
164
+
165
+ &.active,
166
+ &.active:hover,
167
+ &.active:focus {
168
+ border-color: $list-group-border;
169
+ }
170
+
171
+ &-success {
172
+ &.active {
173
+ background-color: $state-success-bg;
174
+ }
175
+
176
+ &.active:hover,
177
+ &.active:focus {
178
+ background-color: darken($state-success-bg, 5%);
179
+ }
180
+ }
181
+
182
+ &-warning {
183
+ &.active {
184
+ background-color: $state-warning-bg;
185
+ }
186
+
187
+ &.active:hover,
188
+ &.active:focus {
189
+ background-color: darken($state-warning-bg, 5%);
190
+ }
191
+ }
192
+
193
+ &-danger {
194
+ &.active {
195
+ background-color: $state-danger-bg;
196
+ }
197
+
198
+ &.active:hover,
199
+ &.active:focus {
200
+ background-color: darken($state-danger-bg, 5%);
201
+ }
202
+ }
203
+ }
204
+
205
+ .jumbotron {
206
+
207
+ h1, h2, h3, h4, h5, h6 {
208
+ color: #fff;
209
+ }
210
+ }
data/assets/stylesheets/cyborg/_variables.scss CHANGED
@@ -76,7 +76,7 @@ $headings-color: #fff;
76
76
  //## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower.
77
77
 
78
78
  //** Load fonts from this directory.
79
- $icon-font-path: "bootstrap/";
79
+ $icon-font-path: "bootstrap/" !default;
80
80
  //** File name for all font files.
81
81
  $icon-font-name: "glyphicons-halflings-regular";
82
82
  //** Element ID within SVG icon file.
data/assets/stylesheets/darkly/_bootswatch.scss CHANGED
@@ -1,256 +1,328 @@
1
+ // Darkly 3.3.1
2
+ // Bootswatch
3
+ // -----------------------------------------------------
4
+
1
5
  @import url("//fonts.googleapis.com/css?family=Lato:400,700,400italic");
6
+
7
+ // Navbar =====================================================================
8
+
2
9
  .navbar {
3
10
  border-width: 0;
4
- }
5
- .navbar-default .badge {
6
- background-color: #fff;
7
- color: #375a7f;
8
- }
9
- .navbar-inverse .badge {
10
- background-color: #fff;
11
- color: #00bc8c;
12
- }
13
- .navbar-brand {
14
- padding: 18.5px 15px 20.5px;
15
- }
16
- .navbar-form .form-control {
17
- background-color: white;
18
- }
19
- .navbar-form .form-control:focus {
20
- border-color: white;
21
- }
11
+
12
+ &-default {
13
+
14
+ .badge {
15
+ background-color: #fff;
16
+ color: $navbar-default-bg;
17
+ }
18
+ }
19
+
20
+ &-inverse {
21
+
22
+ .badge {
23
+ background-color: #fff;
24
+ color: $navbar-inverse-bg;
25
+ }
26
+ }
27
+
28
+ &-brand {
29
+ padding: 18.5px 15px 20.5px;
30
+ }
31
+
32
+ &-form {
33
+ .form-control {
34
+ background-color: white;
35
+
36
+ &:focus {
37
+ border-color: white;
38
+ }
39
+ }
40
+ }
41
+ }
42
+
43
+ // Buttons ====================================================================
44
+
22
45
  .btn:active {
23
- -webkit-box-shadow: none;
24
- box-shadow: none;
46
+ @include box-shadow(none);
25
47
  }
48
+
26
49
  .btn-group.open .dropdown-toggle {
27
- -webkit-box-shadow: none;
28
- box-shadow: none;
50
+ @include box-shadow(none);
29
51
  }
52
+
53
+ // Typography =================================================================
54
+
30
55
  .text-primary,
31
56
  .text-primary:hover {
32
- color: #4673a3;
57
+ color: lighten($brand-primary, 10%);
33
58
  }
59
+
34
60
  .text-success,
35
61
  .text-success:hover {
36
- color: #00bc8c;
62
+ color: $brand-success;
37
63
  }
64
+
38
65
  .text-danger,
39
66
  .text-danger:hover {
40
- color: #e74c3c;
67
+ color: $brand-danger;
41
68
  }
69
+
42
70
  .text-warning,
43
71
  .text-warning:hover {
44
- color: #f39c12;
72
+ color: $brand-warning;
45
73
  }
74
+
46
75
  .text-info,
47
76
  .text-info:hover {
48
- color: #3498db;
49
- }
50
- table a:not(.btn),
51
- .table a:not(.btn) {
52
- text-decoration: underline;
53
- }
54
- table .dropdown-menu a,
55
- .table .dropdown-menu a {
56
- text-decoration: none;
57
- }
58
- table .success,
59
- .table .success,
60
- table .warning,
61
- .table .warning,
62
- table .danger,
63
- .table .danger,
64
- table .info,
65
- .table .info {
66
- color: #fff;
67
- }
68
- table .success a,
69
- .table .success a,
70
- table .warning a,
71
- .table .warning a,
72
- table .danger a,
73
- .table .danger a,
74
- table .info a,
75
- .table .info a {
76
- color: #fff;
77
- }
78
- table > thead > tr > th,
79
- .table > thead > tr > th,
80
- table > tbody > tr > th,
81
- .table > tbody > tr > th,
82
- table > tfoot > tr > th,
83
- .table > tfoot > tr > th,
84
- table > thead > tr > td,
85
- .table > thead > tr > td,
86
- table > tbody > tr > td,
87
- .table > tbody > tr > td,
88
- table > tfoot > tr > td,
89
- .table > tfoot > tr > td {
90
- border: none;
91
- }
92
- table-bordered > thead > tr > th,
93
- .table-bordered > thead > tr > th,
94
- table-bordered > tbody > tr > th,
95
- .table-bordered > tbody > tr > th,
96
- table-bordered > tfoot > tr > th,
97
- .table-bordered > tfoot > tr > th,
98
- table-bordered > thead > tr > td,
99
- .table-bordered > thead > tr > td,
100
- table-bordered > tbody > tr > td,
101
- .table-bordered > tbody > tr > td,
102
- table-bordered > tfoot > tr > td,
103
- .table-bordered > tfoot > tr > td {
104
- border: 1px solid #464545;
105
- }
77
+ color: $brand-info;
78
+ }
79
+
80
+ // Tables =====================================================================
81
+
82
+ table,
83
+ .table {
84
+
85
+ a:not(.btn) {
86
+ text-decoration: underline;
87
+ }
88
+
89
+ .dropdown-menu a {
90
+ text-decoration: none;
91
+ }
92
+
93
+ .success,
94
+ .warning,
95
+ .danger,
96
+ .info {
97
+ color: #fff;
98
+
99
+ a {
100
+ color: #fff;
101
+ }
102
+ }
103
+
104
+ > thead > tr > th,
105
+ > tbody > tr > th,
106
+ > tfoot > tr > th,
107
+ > thead > tr > td,
108
+ > tbody > tr > td,
109
+ > tfoot > tr > td {
110
+ border: none;
111
+ }
112
+
113
+ &-bordered > thead > tr > th,
114
+ &-bordered > tbody > tr > th,
115
+ &-bordered > tfoot > tr > th,
116
+ &-bordered > thead > tr > td,
117
+ &-bordered > tbody > tr > td,
118
+ &-bordered > tfoot > tr > td {
119
+ border: 1px solid $table-border-color;
120
+ }
121
+ }
122
+
123
+ // Forms ======================================================================
124
+
106
125
  input,
107
126
  textarea {
108
- color: #464545;
127
+ color: $input-color;
109
128
  }
129
+
110
130
  .form-control,
111
131
  input,
112
132
  textarea {
113
133
  border: none;
114
- -webkit-box-shadow: none;
115
- box-shadow: none;
116
- }
117
- .form-control:focus,
118
- input:focus,
119
- textarea:focus {
120
- -webkit-box-shadow: none;
121
- box-shadow: none;
122
- }
123
- .has-warning .help-block,
124
- .has-warning .control-label,
125
- .has-warning .radio,
126
- .has-warning .checkbox,
127
- .has-warning .radio-inline,
128
- .has-warning .checkbox-inline,
129
- .has-warning .form-control-feedback {
130
- color: #f39c12;
131
- }
132
- .has-warning .form-control,
133
- .has-warning .form-control:focus {
134
- -webkit-box-shadow: none;
135
- box-shadow: none;
136
- }
137
- .has-warning .input-group-addon {
138
- border-color: #f39c12;
139
- }
140
- .has-error .help-block,
141
- .has-error .control-label,
142
- .has-error .radio,
143
- .has-error .checkbox,
144
- .has-error .radio-inline,
145
- .has-error .checkbox-inline,
146
- .has-error .form-control-feedback {
147
- color: #e74c3c;
148
- }
149
- .has-error .form-control,
150
- .has-error .form-control:focus {
151
- -webkit-box-shadow: none;
152
- box-shadow: none;
153
- }
154
- .has-error .input-group-addon {
155
- border-color: #e74c3c;
156
- }
157
- .has-success .help-block,
158
- .has-success .control-label,
159
- .has-success .radio,
160
- .has-success .checkbox,
161
- .has-success .radio-inline,
162
- .has-success .checkbox-inline,
163
- .has-success .form-control-feedback {
164
- color: #00bc8c;
165
- }
166
- .has-success .form-control,
167
- .has-success .form-control:focus {
168
- -webkit-box-shadow: none;
169
- box-shadow: none;
170
- }
171
- .has-success .input-group-addon {
172
- border-color: #00bc8c;
173
- }
134
+ @include box-shadow(none);
135
+
136
+ &:focus {
137
+ @include box-shadow(none);
138
+ }
139
+ }
140
+
141
+ .has-warning {
142
+ .help-block,
143
+ .control-label,
144
+ .radio,
145
+ .checkbox,
146
+ .radio-inline,
147
+ .checkbox-inline,
148
+ .form-control-feedback {
149
+ color: $brand-warning;
150
+ }
151
+
152
+ .form-control,
153
+ .form-control:focus {
154
+ @include box-shadow(none);
155
+ }
156
+
157
+ .input-group-addon {
158
+ border-color: $brand-warning;
159
+ }
160
+ }
161
+
162
+ .has-error {
163
+ .help-block,
164
+ .control-label,
165
+ .radio,
166
+ .checkbox,
167
+ .radio-inline,
168
+ .checkbox-inline,
169
+ .form-control-feedback {
170
+ color: $brand-danger;
171
+ }
172
+
173
+ .form-control,
174
+ .form-control:focus {
175
+ @include box-shadow(none);
176
+ }
177
+
178
+ .input-group-addon {
179
+ border-color: $brand-danger;
180
+ }
181
+ }
182
+
183
+ .has-success {
184
+ .help-block,
185
+ .control-label,
186
+ .radio,
187
+ .checkbox,
188
+ .radio-inline,
189
+ .checkbox-inline,
190
+ .form-control-feedback {
191
+ color: $brand-success;
192
+ }
193
+
194
+ .form-control,
195
+ .form-control:focus {
196
+ @include box-shadow(none);
197
+ }
198
+
199
+ .input-group-addon {
200
+ border-color: $brand-success;
201
+ }
202
+ }
203
+
174
204
  .input-group-addon {
175
- color: #ffffff;
176
- }
177
- .nav .open > a,
178
- .nav .open > a:hover,
179
- .nav .open > a:focus {
180
- border-color: #464545;
181
- }
205
+ color: $text-color;
206
+ }
207
+
208
+ // Navs =======================================================================
209
+
210
+ .nav {
211
+ .open > a,
212
+ .open > a:hover,
213
+ .open > a:focus {
214
+ border-color: $nav-tabs-border-color;
215
+ }
216
+ }
217
+
182
218
  .nav-tabs > li > a,
183
219
  .nav-pills > li > a {
184
220
  color: #fff;
185
221
  }
186
- .pager a,
187
- .pager a:hover {
188
- color: #fff;
189
- }
190
- .pager .disabled > a,
191
- .pager .disabled > a:hover,
192
- .pager .disabled > a:focus,
193
- .pager .disabled > span {
194
- background-color: #007053;
195
- }
222
+
223
+ .pager {
224
+ a,
225
+ a:hover {
226
+ color: #fff;
227
+ }
228
+
229
+ .disabled {
230
+ &>a,
231
+ &>a:hover,
232
+ &>a:focus,
233
+ &>span {
234
+ background-color: $pagination-disabled-bg;
235
+ }
236
+ }
237
+ }
238
+
196
239
  .breadcrumb a {
197
240
  color: #fff;
198
241
  }
242
+
243
+ // Indicators =================================================================
244
+
199
245
  .close {
200
246
  text-decoration: none;
201
247
  text-shadow: none;
202
248
  opacity: 0.4;
203
- }
204
- .close:hover,
205
- .close:focus {
206
- opacity: 1;
207
- }
208
- .alert .alert-link {
209
- color: #fff;
210
- text-decoration: underline;
211
- }
249
+
250
+ &:hover,
251
+ &:focus {
252
+ opacity: 1;
253
+ }
254
+ }
255
+
256
+ .alert {
257
+ .alert-link {
258
+ color: #fff;
259
+ text-decoration: underline;
260
+ }
261
+ }
262
+
263
+ // Progress bars ==============================================================
264
+
212
265
  .progress {
213
266
  height: 10px;
214
- -webkit-box-shadow: none;
215
- box-shadow: none;
216
- }
217
- .progress .progress-bar {
218
- font-size: 10px;
219
- line-height: 10px;
220
- }
267
+ @include box-shadow(none);
268
+ .progress-bar {
269
+ font-size: 10px;
270
+ line-height: 10px;
271
+ }
272
+ }
273
+
274
+ // Containers =================================================================
275
+
221
276
  .well {
222
- -webkit-box-shadow: none;
223
- box-shadow: none;
224
- }
225
- a.list-group-item.active,
226
- a.list-group-item.active:hover,
227
- a.list-group-item.active:focus {
228
- border-color: #464545;
229
- }
230
- a.list-group-item-success.active {
231
- background-color: #00bc8c;
232
- }
233
- a.list-group-item-success.active:hover,
234
- a.list-group-item-success.active:focus {
235
- background-color: #00a379;
236
- }
237
- a.list-group-item-warning.active {
238
- background-color: #f39c12;
239
- }
240
- a.list-group-item-warning.active:hover,
241
- a.list-group-item-warning.active:focus {
242
- background-color: #e08e0b;
243
- }
244
- a.list-group-item-danger.active {
245
- background-color: #e74c3c;
246
- }
247
- a.list-group-item-danger.active:hover,
248
- a.list-group-item-danger.active:focus {
249
- background-color: #e43725;
250
- }
277
+ @include box-shadow(none);
278
+ }
279
+
280
+ a.list-group-item {
281
+
282
+ &.active,
283
+ &.active:hover,
284
+ &.active:focus {
285
+ border-color: $list-group-border;
286
+ }
287
+
288
+ &-success {
289
+ &.active {
290
+ background-color: $state-success-bg;
291
+ }
292
+
293
+ &.active:hover,
294
+ &.active:focus {
295
+ background-color: darken($state-success-bg, 5%);
296
+ }
297
+ }
298
+
299
+ &-warning {
300
+ &.active {
301
+ background-color: $state-warning-bg;
302
+ }
303
+
304
+ &.active:hover,
305
+ &.active:focus {
306
+ background-color: darken($state-warning-bg, 5%);
307
+ }
308
+ }
309
+
310
+ &-danger {
311
+ &.active {
312
+ background-color: $state-danger-bg;
313
+ }
314
+
315
+ &.active:hover,
316
+ &.active:focus {
317
+ background-color: darken($state-danger-bg, 5%);
318
+ }
319
+ }
320
+ }
321
+
251
322
  .popover {
252
- color: #ffffff;
323
+ color: $text-color;
253
324
  }
325
+
254
326
  .panel-default > .panel-heading {
255
- background-color: #464545;
327
+ background-color: $panel-footer-bg;
256
328
  }