active_frontend 1.0.11 → 2.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (54) hide show
  1. checksums.yaml +4 -4
  2. data/lib/active_frontend/version.rb +1 -1
  3. data/vendor/assets/javascripts/affix.js +2 -2
  4. data/vendor/assets/javascripts/alert.js +1 -1
  5. data/vendor/assets/javascripts/button.js +1 -1
  6. data/vendor/assets/javascripts/carousel.js +1 -1
  7. data/vendor/assets/javascripts/collapse.js +2 -2
  8. data/vendor/assets/javascripts/dropdown.js +8 -4
  9. data/vendor/assets/javascripts/loader.js +361 -0
  10. data/vendor/assets/javascripts/map.js +8 -0
  11. data/vendor/assets/javascripts/popover.js +2 -2
  12. data/vendor/assets/javascripts/scrollspy.js +2 -2
  13. data/vendor/assets/javascripts/tab.js +1 -1
  14. data/vendor/assets/javascripts/tooltip.js +3 -3
  15. data/vendor/assets/stylesheets/affix.scss +4 -1
  16. data/vendor/assets/stylesheets/alert.scss +23 -8
  17. data/vendor/assets/stylesheets/animation.scss +185 -185
  18. data/vendor/assets/stylesheets/aside.scss +13 -13
  19. data/vendor/assets/stylesheets/breadcrumb.scss +2 -2
  20. data/vendor/assets/stylesheets/button.scss +102 -239
  21. data/vendor/assets/stylesheets/canvas.scss +77 -0
  22. data/vendor/assets/stylesheets/carousel.scss +3 -3
  23. data/vendor/assets/stylesheets/code.scss +48 -54
  24. data/vendor/assets/stylesheets/collapse.scss +2 -2
  25. data/vendor/assets/stylesheets/datepicker.scss +17 -17
  26. data/vendor/assets/stylesheets/dropdown.scss +11 -11
  27. data/vendor/assets/stylesheets/footer.scss +88 -20
  28. data/vendor/assets/stylesheets/form.scss +25 -59
  29. data/vendor/assets/stylesheets/grid.scss +137 -168
  30. data/vendor/assets/stylesheets/header.scss +61 -98
  31. data/vendor/assets/stylesheets/image.scss +24 -269
  32. data/vendor/assets/stylesheets/label_and_badge.scss +50 -49
  33. data/vendor/assets/stylesheets/link.scss +11 -7
  34. data/vendor/assets/stylesheets/loader.scss +56 -0
  35. data/vendor/assets/stylesheets/map.scss +1 -1
  36. data/vendor/assets/stylesheets/modal.scss +13 -13
  37. data/vendor/assets/stylesheets/nav_and_tab.scss +12 -12
  38. data/vendor/assets/stylesheets/pagination.scss +3 -3
  39. data/vendor/assets/stylesheets/panel.scss +2 -2
  40. data/vendor/assets/stylesheets/placeholder.scss +1 -1
  41. data/vendor/assets/stylesheets/popover.scss +12 -12
  42. data/vendor/assets/stylesheets/progress.scss +5 -5
  43. data/vendor/assets/stylesheets/reset.scss +10 -9
  44. data/vendor/assets/stylesheets/sidebar.scss +65 -0
  45. data/vendor/assets/stylesheets/spinner.scss +100 -112
  46. data/vendor/assets/stylesheets/swoggle.scss +29 -26
  47. data/vendor/assets/stylesheets/table.scss +7 -7
  48. data/vendor/assets/stylesheets/timepicker.scss +10 -10
  49. data/vendor/assets/stylesheets/tooltip.scss +9 -9
  50. data/vendor/assets/stylesheets/transition.scss +1 -1
  51. data/vendor/assets/stylesheets/trunk.scss +19 -24
  52. data/vendor/assets/stylesheets/typeahead.scss +1 -1
  53. data/vendor/assets/stylesheets/typography.scss +7 -7
  54. metadata +6 -2
@@ -27,14 +27,14 @@
27
27
  .aside.fade {
28
28
  right: -100%;
29
29
  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
30
- transition: opacity 0.3s linear, right 0.3s ease-out;
30
+ transition: opacity 0.3s linear, right 0.3s ease-out;
31
31
  top: 0;
32
32
  }
33
33
  .aside-left.fade {
34
34
  left: -100%;
35
35
  right: 0;
36
36
  -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
37
- transition: opacity 0.3s linear, left 0.3s ease-out;
37
+ transition: opacity 0.3s linear, left 0.3s ease-out;
38
38
  }
39
39
  .aside.fade.in {
40
40
  right: 0;
@@ -48,10 +48,10 @@
48
48
  background: rgba(255,255,255,1);
49
49
  border-bottom: 1px solid rgba(225,232,237,1);
50
50
  margin: 0;
51
- padding: 21px 0px 18px 0px;
51
+ padding: 19px 0px 20px 0px;
52
52
  position: absolute;
53
53
  text-transform: uppercase;
54
- text-align: center;
54
+ text-align: center;
55
55
  top: 0;
56
56
  width: 100%;
57
57
  z-index: 1051;
@@ -62,7 +62,7 @@
62
62
  line-height: 17px;
63
63
  margin: 0;
64
64
  text-transform: uppercase;
65
- text-align: center;
65
+ text-align: center;
66
66
  }
67
67
  .aside-body {
68
68
  bottom: 0;
@@ -88,25 +88,25 @@
88
88
  button.aside-footer-btn,
89
89
  input.aside-footer-btn {
90
90
  -webkit-appearance: none;
91
- -moz-appearance: none;
91
+ -moz-appearance: none;
92
92
  background: rgba(255,255,255,1);
93
93
  border-radius: 0;
94
- border: 0;
94
+ border: 0;
95
95
  -moz-box-sizing: border-box;
96
- box-sizing: border-box;
97
- color: rgba(15,135,226,1);
96
+ box-sizing: border-box;
97
+ color: rgba(0,132,255,1);
98
98
  cursor: pointer;
99
99
  float: left;
100
100
  -webkit-font-smoothing: antialiased;
101
- font-weight: 500;
102
- font-size: 13px;
101
+ font-weight: 500;
102
+ font-size: 13px;
103
103
  line-height: 13px;
104
104
  margin: 0;
105
105
  padding: 20px 0 18px 0;
106
106
  text-rendering: geometricPrecision;
107
107
  text-transform: uppercase;
108
- text-indent: 0;
109
- text-align: center;
108
+ text-indent: 0;
109
+ text-align: center;
110
110
  vertical-align: middle;
111
111
  width: 100%;
112
112
  }
@@ -12,9 +12,9 @@
12
12
  .breadcrumb > li {
13
13
  display: inline-block;
14
14
  font-weight: bold;
15
- font-size: 13px;
15
+ font-size: 13px;
16
16
  }
17
- .breadcrumb > li > a { color: rgba(15,135,226,1); }
17
+ .breadcrumb > li > a { color: rgba(0,132,255,1); }
18
18
  .breadcrumb > li > a:hover { color: rgba(136,153,166,1); }
19
19
  .breadcrumb > li > .divider {
20
20
  color: rgba(43,50,53,1);
@@ -16,27 +16,26 @@
16
16
  ================================================== */
17
17
  .btn {
18
18
  -webkit-appearance: none;
19
- -moz-appearance: none;
19
+ -moz-appearance: none;
20
20
  background: rgba(245,248,250,1);
21
- border: 1px solid rgba(225,232,237,1);
21
+ border: 1px solid rgba(245,248,250,1);
22
22
  border-radius: 2px;
23
23
  -moz-box-sizing: border-box;
24
- box-sizing: border-box;
25
- box-shadow: inset 0 1px 0 rgba(255,255,255,1);
24
+ box-sizing: border-box;
26
25
  color: rgba(43,50,53,1);
27
26
  cursor: pointer;
28
27
  display: inline-block;
29
28
  -webkit-font-smoothing: antialiased;
30
29
  font-weight: bold;
31
- font-size: 13px;
30
+ font-size: 13px;
32
31
  line-height: 13px;
33
32
  margin: 0;
34
33
  padding: 12px 20px;
35
34
  text-decoration: none;
36
- text-rendering: geometricPrecision;
37
- text-align: center;
35
+ text-rendering: geometricPrecision;
36
+ text-align: center;
38
37
  -webkit-transition: all 0.3s linear;
39
- transition: all 0.3s linear;
38
+ transition: all 0.3s linear;
40
39
  vertical-align: middle;
41
40
  white-space: nowrap;
42
41
  }
@@ -46,19 +45,16 @@
46
45
  .btn:focus,
47
46
  .btn[disabled],
48
47
  .btn[disabled]:hover,
49
- .open > .dropdown-toggle.btn {
50
- background: rgba(235,238,240,1);
51
- text-decoration: none;
52
- }
48
+ .open > .dropdown-toggle.btn { text-decoration: none; }
53
49
  .btn[disabled],
54
50
  .btn[disabled]:hover {
55
- color: rgba(43,50,53,1);
56
51
  cursor: not-allowed;
52
+ pointer-events: none;
57
53
  }
58
54
  .btn:active,
59
55
  .btn[disabled]:active {
60
56
  -webkit-transition: all 0.1s linear;
61
- transition: all 0.1s linear;
57
+ transition: all 0.1s linear;
62
58
  }
63
59
 
64
60
  /* # Sizes
@@ -87,126 +83,49 @@
87
83
  button.btn-block,
88
84
  input.btn-block {
89
85
  -moz-box-sizing: border-box;
90
- box-sizing: border-box;
86
+ box-sizing: border-box;
91
87
  display: block;
92
88
  min-width: 100%;
93
89
  padding-right: 0;
94
- padding-left: 0;
90
+ padding-left: 0;
95
91
  width: 100%;
96
92
  }
97
93
 
98
94
  /* # Colors
99
95
  ================================================== */
100
96
  .btn-black {
101
- background: rgba(56,67,81,1);
102
- border-color: rgba(6,17,31,1);
103
- box-shadow: inset 0 1px 0 rgba(86,97,111,1);
104
- color: rgba(255,255,255,1) !important;
105
- }
106
- .btn-black:active,
107
- .btn-black.active,
108
- .btn-black:hover,
109
- .btn-black:focus,
110
- .btn-black[disabled],
111
- .btn-black[disabled]:hover,
112
- .open > .dropdown-toggle.btn-black {
113
- background: rgba(66,77,91,1);
97
+ background: rgba(43,50,53,1);
98
+ border-color: rgba(43,50,53,1);
114
99
  color: rgba(255,255,255,1) !important;
115
100
  }
116
101
  .btn-blue {
117
- background: rgba(15,135,226,1);
118
- border-color: rgba(0,120,211,1);
119
- box-shadow: inset 0 1px 0 rgba(45,165,255,1);
120
- color: rgba(255,255,255,1) !important;
121
- }
122
- .btn-blue:active,
123
- .btn-blue.active,
124
- .btn-blue:hover,
125
- .btn-blue:focus,
126
- .btn-blue[disabled],
127
- .btn-blue[disabled]:hover,
128
- .open > .dropdown-toggle.btn-blue {
129
- background: rgba(25,145,236,1);
102
+ background: rgba(0,132,255,1);
103
+ border-color: rgba(0,132,255,1);
130
104
  color: rgba(255,255,255,1) !important;
131
105
  }
132
106
  .btn-green {
133
- background: rgba(89,168,15,1);
134
- border-color: rgba(74,153,0,1);
135
- box-shadow: inset 0 1px 0 rgba(119,198,45,1);
136
- color: rgba(255,255,255,1) !important;
137
- }
138
- .btn-green:active,
139
- .btn-green.active,
140
- .btn-green:hover,
141
- .btn-green:focus,
142
- .btn-green[disabled],
143
- .btn-green[disabled]:hover,
144
- .open > .dropdown-toggle.btn-green {
145
- background: rgba(99,178,25,1);
107
+ background: rgba(68,205,1,1);
108
+ border-color: rgba(68,205,1,1);
146
109
  color: rgba(255,255,255,1) !important;
147
110
  }
148
111
  .btn-orange {
149
- background: rgba(232,126,15,1);
150
- border-color: rgba(202,96,0,1);
151
- box-shadow: inset 0 1px 0 rgba(252,146,35,1);
152
- color: rgba(255,255,255,1) !important;
153
- }
154
- .btn-orange:active,
155
- .btn-orange.active,
156
- .btn-orange:hover,
157
- .btn-orange:focus,
158
- .btn-orange[disabled],
159
- .btn-orange[disabled]:hover,
160
- .open > .dropdown-toggle.btn-orange {
161
- background: rgba(242,136,25,1);
112
+ background: rgba(255,131,0,1);
113
+ border-color: rgba(255,131,0,1);
162
114
  color: rgba(255,255,255,1) !important;
163
115
  }
164
116
  .btn-purple {
165
- background: rgba(117,73,170,1);
166
- border-color: rgba(97,43,130,1);
167
- box-shadow: inset 0 1px 0 rgba(137,93,190,1);
168
- color: rgba(255,255,255,1) !important;
169
- }
170
- .btn-purple:active,
171
- .btn-purple.active,
172
- .btn-purple:hover,
173
- .btn-purple:focus,
174
- .btn-purple[disabled],
175
- .btn-purple[disabled]:hover,
176
- .open > .dropdown-toggle.btn-purple {
177
- background: rgba(127,83,180,1);
117
+ background: rgba(196,0,235,1);
118
+ border-color: rgba(196,0,235,1);
178
119
  color: rgba(255,255,255,1) !important;
179
120
  }
180
121
  .btn-red {
181
- background: rgba(218,79,46,1);
182
- border-color: rgba(188,49,16,1);
183
- box-shadow: inset 0 1px 0 rgba(248,109,106,1);
184
- color: rgba(255,255,255,1) !important;
185
- }
186
- .btn-red:active,
187
- .btn-red.active,
188
- .btn-red:hover,
189
- .btn-red:focus,
190
- .btn-red[disabled],
191
- .btn-red[disabled]:hover,
192
- .open > .dropdown-toggle.btn-red {
193
- background: rgba(228,89,56,1);
122
+ background: rgba(255,59,48,1);
123
+ border-color: rgba(255,59,48,1);
194
124
  color: rgba(255,255,255,1) !important;
195
125
  }
196
126
  .btn-smoke {
197
127
  background: rgba(102,117,127,1);
198
- border-color: rgba(62,77,87,1);
199
- box-shadow: inset 0 1px 0 rgba(132,147,157,1);
200
- color: rgba(255,255,255,1) !important;
201
- }
202
- .btn-smoke:active,
203
- .btn-smoke.active,
204
- .btn-smoke:hover,
205
- .btn-smoke:focus,
206
- .btn-smoke[disabled],
207
- .btn-smoke[disabled]:hover,
208
- .open > .dropdown-toggle.btn-smoke {
209
- background: rgba(112,127,137,1);
128
+ border-color: rgba(102,117,127,1);
210
129
  color: rgba(255,255,255,1) !important;
211
130
  }
212
131
  .btn-white {
@@ -214,31 +133,10 @@ input.btn-block {
214
133
  border-color: rgba(255,255,255,1);
215
134
  color: rgba(225,232,237,1) !important;
216
135
  }
217
- .btn-white:active,
218
- .btn-white.active,
219
- .btn-white:hover,
220
- .btn-white:focus,
221
- .btn-white[disabled],
222
- .btn-white[disabled]:hover,
223
- .open > .dropdown-toggle.btn-white {
224
- background: rgba(225,232,237,1);
225
- color: rgba(255,255,255,1) !important;
226
- }
227
136
  .btn-yellow {
228
- background: rgba(255,217,15,1);
229
- border-color: rgba(240,202,0,1);
230
- box-shadow: inset 0 1px 0 rgba(255,237,35,1);
231
- color: rgba(43,50,53,1) !important;
232
- }
233
- .btn-yellow:active,
234
- .btn-yellow.active,
235
- .btn-yellow:hover,
236
- .btn-yellow:focus,
237
- .btn-yellow[disabled],
238
- .btn-yellow[disabled]:hover,
239
- .open > .dropdown-toggle.btn-yellow {
240
- background: rgba(255,227,25,1);
241
- color: rgba(43,50,53,1) !important;
137
+ background: rgba(255,235,0,1);
138
+ border-color: rgba(255,235,0,1);
139
+ color: rgba(255,255,255,1) !important;
242
140
  }
243
141
 
244
142
  /* # Links
@@ -295,146 +193,110 @@ input.btn-block {
295
193
 
296
194
  /* # Outlines
297
195
  ================================================== */
298
- .btn-outline {
196
+ .btn-outline,
197
+ .btn-outline[disabled],
198
+ .btn-outline[disabled]:hover {
299
199
  background: transparent;
300
- box-shadow: none;
301
200
  color: rgba(174,182,192,1) !important;
302
201
  }
303
202
  .btn-outline:active,
304
203
  .btn-outline.active,
305
204
  .btn-outline:hover,
306
- .btn-outline:focus,
307
- .btn-outline[disabled],
308
- .btn-outline[disabled]:hover {
309
- background: transparent;
310
- color: rgba(102,117,127,1) !important;
311
- }
312
- .btn-outline[disabled],
313
- .btn-outline[disabled]:hover {
314
- border-color: rgba(174,182,192,1);
315
- color: rgba(174,182,192,1) !important;
316
- }
317
- .btn-outline.btn-black {
318
- border-color: rgba(56,67,81,1);
319
- color: rgba(56,67,81,1) !important;
205
+ .btn-outline:focus {
206
+ background: rgba(245,248,250,1);
207
+ color: rgba(43,50,53,1) !important;
320
208
  }
209
+ .btn-outline.btn-black,
210
+ .btn-outline.btn-black[disabled],
211
+ .btn-outline.btn-black[disabled]:hover { color: rgba(43,50,53,1) !important; }
321
212
  .btn-outline.btn-black:active,
322
213
  .btn-outline.btn-black.active,
323
214
  .btn-outline.btn-black:hover,
324
- .btn-outline.btn-black:focus,
325
- .btn-outline.btn-black[disabled],
326
- .btn-outline.btn-black[disabled]:hover {
327
- border-color: rgba(136,147,151,1);
328
- color: rgba(136,147,151,1) !important;
329
- }
330
- .btn-outline.btn-blue {
331
- border-color: rgba(15,135,226,1);
332
- color: rgba(15,135,226,1) !important;
215
+ .btn-outline.btn-black:focus {
216
+ background: rgba(43,50,53,1);
217
+ color: rgba(255,255,255,1) !important;
333
218
  }
219
+ .btn-outline.btn-blue,
220
+ .btn-outline.btn-blue[disabled],
221
+ .btn-outline.btn-blue[disabled]:hover { color: rgba(0,132,255,1) !important; }
334
222
  .btn-outline.btn-blue:active,
335
223
  .btn-outline.btn-blue.active,
336
224
  .btn-outline.btn-blue:hover,
337
- .btn-outline.btn-blue:focus,
338
- .btn-outline.btn-blue[disabled],
339
- .btn-outline.btn-blue[disabled]:hover {
340
- border-color: rgba(45,165,255,1);
341
- color: rgba(45,165,255,1) !important;
342
- }
343
- .btn-outline.btn-green {
344
- border-color: rgba(89,168,15,1);
345
- color: rgba(89,168,15,1) !important;
225
+ .btn-outline.btn-blue:focus {
226
+ background: rgba(0,132,255,1);
227
+ color: rgba(255,255,255,1) !important;
346
228
  }
229
+ .btn-outline.btn-green,
230
+ .btn-outline.btn-green[disabled],
231
+ .btn-outline.btn-green[disabled]:hover { color: rgba(68,205,1,1) !important; }
347
232
  .btn-outline.btn-green:active,
348
233
  .btn-outline.btn-green.active,
349
234
  .btn-outline.btn-green:hover,
350
- .btn-outline.btn-green:focus,
351
- .btn-outline.btn-green[disabled],
352
- .btn-outline.btn-green[disabled]:hover {
353
- border-color: rgba(129,198,45,1);
354
- color: rgba(129,198,45,1) !important;
355
- }
356
- .btn-outline.btn-orange {
357
- border-color: rgba(232,126,15,1);
358
- color: rgba(232,126,15,1) !important;
235
+ .btn-outline.btn-green:focus {
236
+ background: rgba(68,205,1,1);
237
+ color: rgba(255,255,255,1) !important;
359
238
  }
239
+ .btn-outline.btn-orange,
240
+ .btn-outline.btn-orange[disabled],
241
+ .btn-outline.btn-orange[disabled]:hover { color: rgba(255,131,0,1) !important; }
360
242
  .btn-outline.btn-orange:active,
361
243
  .btn-outline.btn-orange.active,
362
244
  .btn-outline.btn-orange:hover,
363
- .btn-outline.btn-orange:focus,
364
- .btn-outline.btn-orange[disabled],
365
- .btn-outline.btn-orange[disabled]:hover {
366
- border-color: rgba(252,146,35,1);
367
- color: rgba(252,146,35,1) !important;
368
- }
369
- .btn-outline.btn-purple {
370
- border-color: rgba(117,73,170,1);
371
- color: rgba(117,73,170,1) !important;
245
+ .btn-outline.btn-orange:focus {
246
+ background: rgba(255,131,0,1);
247
+ color: rgba(255,255,255,1) !important;
372
248
  }
249
+ .btn-outline.btn-purple,
250
+ .btn-outline.btn-purple[disabled],
251
+ .btn-outline.btn-purple[disabled]:hover { color: rgba(196,0,235,1) !important; }
373
252
  .btn-outline.btn-purple:active,
374
253
  .btn-outline.btn-purple.active,
375
254
  .btn-outline.btn-purple:hover,
376
- .btn-outline.btn-purple:focus,
377
- .btn-outline.btn-purple[disabled],
378
- .btn-outline.btn-purple[disabled]:hover {
379
- border-color: rgba(137,93,190,1);
380
- color: rgba(137,93,190,1) !important;
381
- }
382
- .btn-outline.btn-red {
383
- border-color: rgba(218,79,46,1);
384
- color: rgba(218,79,46,1) !important;
255
+ .btn-outline.btn-purple:focus {
256
+ background: rgba(196,0,235,1);
257
+ color: rgba(255,255,255,1) !important;
385
258
  }
259
+ .btn-outline.btn-red,
260
+ .btn-outline.btn-red[disabled],
261
+ .btn-outline.btn-red[disabled]:hover { color: rgba(255,59,48,1) !important; }
386
262
  .btn-outline.btn-red:active,
387
263
  .btn-outline.btn-red.active,
388
264
  .btn-outline.btn-red:hover,
389
- .btn-outline.btn-red:focus,
390
- .btn-outline.btn-red[disabled],
391
- .btn-outline.btn-red[disabled]:hover {
392
- border-color: rgba(248,109,76,1);
393
- color: rgba(248,109,76,1) !important;
394
- }
395
- .btn-outline.btn-smoke {
396
- border-color: rgba(102,117,127,1);
397
- color: rgba(102,117,127,1) !important;
265
+ .btn-outline.btn-red:focus {
266
+ background: rgba(255,79,68,1);
267
+ color: rgba(255,255,255,1) !important;
398
268
  }
269
+ .btn-outline.btn-smoke,
270
+ .btn-outline.btn-smoke[disabled],
271
+ .btn-outline.btn-smoke[disabled]:hover { color: rgba(102,117,127,1) !important; }
399
272
  .btn-outline.btn-smoke:active,
400
273
  .btn-outline.btn-smoke.active,
401
274
  .btn-outline.btn-smoke:hover,
402
- .btn-outline.btn-smoke:focus,
403
- .btn-outline.btn-smoke[disabled],
404
- .btn-outline.btn-smoke[disabled]:hover {
405
- border-color: rgba(132,147,157,1);
406
- color: rgba(132,147,157,1) !important;
407
- }
408
- .btn-outline.btn-white {
409
- border-color: rgba(255,255,255,1);
275
+ .btn-outline.btn-smoke:focus {
276
+ background: rgba(102,117,127,1);
410
277
  color: rgba(255,255,255,1) !important;
411
278
  }
279
+ .btn-outline.btn-white,
280
+ .btn-outline.btn-white[disabled],
281
+ .btn-outline.btn-white[disabled]:hover { color: rgba(255,255,255,1) !important; }
412
282
  .btn-outline.btn-white:active,
413
283
  .btn-outline.btn-white.active,
414
284
  .btn-outline.btn-white:hover,
415
- .btn-outline.btn-white:focus,
416
- .btn-outline.btn-white[disabled],
417
- .btn-outline.btn-white[disabled]:hover {
418
- border-color: rgba(225,232,237,1);
419
- color: rgba(225,232,237,1) !important;
420
- }
421
- .btn-outline.btn-yellow {
422
- border-color: rgba(255,217,15,1);
423
- color: rgba(255,217,15,1) !important;
424
- }
285
+ .btn-outline.btn-white:focus { color: rgba(225,232,237,1) !important; }
286
+ .btn-outline.btn-yellow,
287
+ .btn-outline.btn-yellow[disabled],
288
+ .btn-outline.btn-yellow[disabled]:hover { color: rgba(255,235,0,1) !important; }
425
289
  .btn-outline.btn-yellow:active,
426
290
  .btn-outline.btn-yellow.active,
427
291
  .btn-outline.btn-yellow:hover,
428
- .btn-outline.btn-yellow:focus,
429
- .btn-outline.btn-yellow[disabled],
430
- .btn-outline.btn-yellow[disabled]:hover {
431
- border-color: rgba(255,227,25,1);
432
- color: rgba(255,227,25,1) !important;
292
+ .btn-outline.btn-yellow:focus {
293
+ background: rgba(255,235,0,1);
294
+ color: rgba(255,255,255,1) !important;
433
295
  }
434
296
 
435
297
  /* # Styles
436
298
  ================================================== */
437
- .btn-circle { border-radius: 500px; }
299
+ .btn-circle { border-radius: 500px; }
438
300
  .btn-uppercase { text-transform: uppercase; }
439
301
 
440
302
  /* # Group
@@ -450,8 +312,9 @@ input.btn-block {
450
312
  .btn-group + .btn-group { margin-left: 5px; }
451
313
  .btn-group.pull-right + .btn-group.pull-right {
452
314
  margin-right: 10px;
453
- margin-left: 0;
315
+ margin-left: 0;
454
316
  }
317
+ .btn-group > .dropdown-toggle:not(:first-child) { border-left-color: rgba(0,0,0,0.15); }
455
318
  .btn-group > .btn,
456
319
  .btn-group-vertical > .btn {
457
320
  border-radius: 0;
@@ -460,13 +323,13 @@ input.btn-block {
460
323
  }
461
324
  .btn-group > .btn:first-child {
462
325
  border-bottom-left-radius: 2px;
463
- border-top-left-radius: 2px;
326
+ border-top-left-radius: 2px;
464
327
  margin-left: 0;
465
328
  }
466
329
  .btn-group > .btn:last-child,
467
330
  .btn-group > .dropdown-toggle {
468
331
  border-bottom-right-radius: 2px;
469
- border-top-right-radius: 2px;
332
+ border-top-right-radius: 2px;
470
333
  }
471
334
  .btn-group > .btn:active,
472
335
  .btn-group > .btn.active,
@@ -485,19 +348,19 @@ input.btn-block {
485
348
  border-radius: 0;
486
349
  display: block;
487
350
  margin-left: 0;
488
- margin-top: -1px;
351
+ margin-top: -1px;
489
352
  max-width: 100%;
490
353
  width: 100%;
491
354
  }
492
355
  .btn-group-vertical > .btn:first-child {
493
356
  border-top-right-radius: 2px;
494
- border-top-left-radius: 2px;
357
+ border-top-left-radius: 2px;
495
358
  margin-left: 0;
496
359
  }
497
360
  .btn-group-vertical > .btn:last-child,
498
361
  .btn-group-vertical > .dropdown-toggle {
499
362
  border-bottom-right-radius: 2px;
500
- border-bottom-left-radius: 2px;
363
+ border-bottom-left-radius: 2px;
501
364
  }
502
365
  .btn-group-justified {
503
366
  border-collapse: separate;
@@ -520,7 +383,7 @@ input.btn-block {
520
383
  .btn-toolbar {
521
384
  font-size: 0;
522
385
  margin-bottom: 10px;
523
- margin-top: 10px;
386
+ margin-top: 10px;
524
387
  }
525
388
  .btn-toolbar > .btn + .btn,
526
389
  .btn-toolbar > .btn-group + .btn,
@@ -544,38 +407,38 @@ input.btn-block {
544
407
  border-radius: 0;
545
408
  display: block;
546
409
  margin-left: 0;
547
- margin-top: -1px;
410
+ margin-top: -1px;
548
411
  max-width: 100%;
549
412
  width: 100%;
550
413
  }
551
414
  .btn-group-responsive > .btn:first-child {
552
415
  border-top-right-radius: 2px;
553
- border-top-left-radius: 2px;
416
+ border-top-left-radius: 2px;
554
417
  margin-left: 0;
555
418
  }
556
419
  .btn-group-responsive > .btn:last-child,
557
420
  .btn-group-responsive > .dropdown-toggle {
558
421
  border-bottom-right-radius: 2px;
559
- border-bottom-left-radius: 2px;
422
+ border-bottom-left-radius: 2px;
560
423
  }
561
424
  .btn-group-vertical-responsive > .btn,
562
425
  .btn-group-vertical-responsive > .btn-group,
563
426
  .btn-group-vertical-responsive > .btn-group > .btn {
564
427
  display: inline-block;
565
428
  margin-left: -1px;
566
- margin-top: 0;
429
+ margin-top: 0;
567
430
  max-width: initial;
568
431
  width: initial;
569
432
  }
570
433
  .btn-group-vertical-responsive > .btn:first-child {
571
434
  border-bottom-left-radius: 2px;
572
- border-top-right-radius: 0;
573
- border-top-left-radius: 2px;
435
+ border-top-right-radius: 0;
436
+ border-top-left-radius: 2px;
574
437
  }
575
438
  .btn-group-vertical-responsive > .btn:last-child,
576
439
  .btn-group-vertical-responsive > .dropdown-toggle {
577
440
  border-bottom-right-radius: 2px;
578
- border-bottom-left-radius: 0;
579
- border-top-right-radius: 2px;
441
+ border-bottom-left-radius: 0;
442
+ border-top-right-radius: 2px;
580
443
  }
581
444
  }