active_frontend 3.0.4 → 4.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (39) hide show
  1. checksums.yaml +4 -4
  2. data/lib/active_frontend/version.rb +1 -1
  3. data/vendor/assets/javascripts/chart.js +7 -7
  4. data/vendor/assets/stylesheets/ad.scss +2 -1
  5. data/vendor/assets/stylesheets/alert.scss +7 -29
  6. data/vendor/assets/stylesheets/aside.scss +8 -8
  7. data/vendor/assets/stylesheets/breadcrumb.scss +4 -4
  8. data/vendor/assets/stylesheets/button.scss +87 -47
  9. data/vendor/assets/stylesheets/code.scss +43 -37
  10. data/vendor/assets/stylesheets/datepicker.scss +11 -11
  11. data/vendor/assets/stylesheets/dropdown.scss +12 -12
  12. data/vendor/assets/stylesheets/footer.scss +10 -6
  13. data/vendor/assets/stylesheets/form.scss +33 -30
  14. data/vendor/assets/stylesheets/header.scss +32 -26
  15. data/vendor/assets/stylesheets/image.scss +1 -1
  16. data/vendor/assets/stylesheets/label_and_badge.scss +19 -19
  17. data/vendor/assets/stylesheets/link.scss +6 -6
  18. data/vendor/assets/stylesheets/list.scss +4 -4
  19. data/vendor/assets/stylesheets/loader.scss +4 -4
  20. data/vendor/assets/stylesheets/map.scss +2 -1
  21. data/vendor/assets/stylesheets/modal.scss +8 -8
  22. data/vendor/assets/stylesheets/nav_and_tab.scss +26 -25
  23. data/vendor/assets/stylesheets/navbar.scss +7 -4
  24. data/vendor/assets/stylesheets/pagination.scss +4 -4
  25. data/vendor/assets/stylesheets/panel.scss +14 -13
  26. data/vendor/assets/stylesheets/placeholder.scss +5 -5
  27. data/vendor/assets/stylesheets/popover.scss +6 -6
  28. data/vendor/assets/stylesheets/progress.scss +2 -2
  29. data/vendor/assets/stylesheets/reset.scss +2 -2
  30. data/vendor/assets/stylesheets/sidebar.scss +6 -5
  31. data/vendor/assets/stylesheets/spinner.scss +29 -29
  32. data/vendor/assets/stylesheets/swoggle.scss +13 -13
  33. data/vendor/assets/stylesheets/table.scss +17 -13
  34. data/vendor/assets/stylesheets/timepicker.scss +5 -5
  35. data/vendor/assets/stylesheets/tooltip.scss +5 -5
  36. data/vendor/assets/stylesheets/trunk.scss +9 -8
  37. data/vendor/assets/stylesheets/typeahead.scss +1 -1
  38. data/vendor/assets/stylesheets/typography.scss +10 -10
  39. metadata +2 -2
data/vendor/assets/stylesheets/navbar.scss CHANGED
@@ -12,12 +12,12 @@
12
12
  z-index: 1030;
13
13
  }
14
14
  .navbar {
15
- background: rgba(24,24,24,1);
15
+ background: rgba(91,146,250,1);
16
16
  border-collapse: separate;
17
- border-top: 2px solid rgba(4,4,4,1);
17
+ border-top: 4px solid rgba(0,0,0,0.1);
18
18
  box-sizing: border-box;
19
19
  display: table;
20
- height: 50px;
20
+ height: 46px;
21
21
  table-layout: fixed;
22
22
  width: 100%;
23
23
  }
@@ -30,7 +30,10 @@
30
30
  text-align: center;
31
31
  width: 1%;
32
32
  }
33
- .navbar > a.active { color: rgba(255,255,255,1); }
33
+ .navbar > a.active,
34
+ .navbar > a:active,
35
+ .navbar > a:hover,
36
+ .navbar > a:focus { color: rgba(255,255,255,1); }
34
37
 
35
38
  /* # Media Queries
36
39
  ================================================== */
data/vendor/assets/stylesheets/pagination.scss CHANGED
@@ -17,18 +17,18 @@
17
17
  margin-right: 2px;
18
18
  }
19
19
  .pagination ul > li > a {
20
- background: rgba(249,249,249,1);
20
+ background: rgba(245,248,250,1);
21
21
  border-radius: 500px;
22
- color: rgba(34,34,34,1);
22
+ color: rgba(42,44,48,1);
23
23
  min-width: 8px;
24
24
  padding: 9px 10px 7px 10px;
25
25
  text-decoration: none;
26
26
  text-align: center;
27
27
  }
28
28
  .pagination ul > li > a:hover,
29
- .pagination ul > li > a:focus { background: rgba(240,240,240,1); }
29
+ .pagination ul > li > a:focus { background: rgba(235,238,240,1); }
30
30
  .pagination ul > .active {
31
- background: rgba(34,34,34,1);
31
+ background: rgba(91,146,250,1);
32
32
  border-radius: 500px;
33
33
  color: rgba(255,255,255,1);
34
34
  min-width: 8px;
data/vendor/assets/stylesheets/panel.scss CHANGED
@@ -6,7 +6,7 @@
6
6
  ================================================== */
7
7
  .panel {
8
8
  background: rgba(255,255,255,1);
9
- border: 1px solid rgba(243,243,243,1);
9
+ border: 1px solid rgba(225,232,237,1);
10
10
  margin-bottom: 20px;
11
11
  }
12
12
  .panel > .list-group { margin-bottom: 0; }
@@ -22,33 +22,34 @@
22
22
  margin-bottom: 0;
23
23
  }
24
24
  .panel-header {
25
- background: rgba(249,249,249,1);
26
- border-bottom: 2px solid rgba(243,243,243,1);
25
+ background: rgba(245,248,250,1);
26
+ border-bottom: 1px solid rgba(225,232,237,1);
27
27
  padding: 16px 15px 14px 15px;
28
28
  }
29
29
  .panel-header > .btn { margin-top: -2px; }
30
30
  .panel-header > .btn-group { margin: -5px 0 -3px 0; }
31
- .panel-header > .dropdown .dropdown-toggle { color: rgba(34,34,34,1); }
31
+ .panel-header > .dropdown .dropdown-toggle { color: rgba(42,44,48,1); }
32
32
  .panel-title {
33
- color: rgba(34,34,34,1);
33
+ color: rgba(42,44,48,1);
34
34
  display: inline-block;
35
35
  font-size: 17px;
36
- letter-spacing: 1px;
37
36
  line-height: 17px;
38
37
  margin-bottom: 0;
39
38
  margin-top: 0;
40
- text-transform: uppercase;
41
39
  }
42
- .panel-title > a { color: rgba(34,34,34,1); }
43
- .panel-title > a:hover { color: rgba(15,135,226,1); }
40
+ .panel-title > a,
41
+ .panel-title > a.active,
42
+ .panel-title > a:active,
43
+ .panel-title > a:hover,
44
+ .panel-title > a:focus { color: rgba(42,44,48,1); }
44
45
  .panel-body { padding: 15px; }
45
46
  .panel-body-chart {
46
47
  margin-bottom: -10px;
47
48
  width: 100%;
48
49
  }
49
50
  .panel-footer {
50
- background: rgba(249,249,249,1);
51
- border-top: 2px solid rgba(243,243,243,1);
51
+ background: rgba(245,248,250,1);
52
+ border-top: 1px solid rgba(225,232,237,1);
52
53
  padding: 13px 15px 10px 15px;
53
54
  }
54
55
  .panel-group { margin-bottom: 20px; }
@@ -59,6 +60,6 @@
59
60
  }
60
61
  .panel-group .panel + .panel { margin-top: 5px; }
61
62
  .panel-group .panel-header { border-bottom: 0; }
62
- .panel-group .panel-header + .panel-collapse .panel-body { border-top: 1px solid rgba(243,243,243,1); }
63
+ .panel-group .panel-header + .panel-collapse .panel-body { border-top: 1px solid rgba(225,232,237,1); }
63
64
  .panel-group .panel-footer { border-top: 0; }
64
- .panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 1px solid rgba(243,243,243,1); }
65
+ .panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 1px solid rgba(225,232,237,1); }
data/vendor/assets/stylesheets/placeholder.scss CHANGED
@@ -8,7 +8,7 @@
8
8
  ================================================== */
9
9
  .placeholder { text-align: center; }
10
10
  .placeholder i {
11
- background: rgba(24,24,24,1);
11
+ background: rgba(91,146,250,1);
12
12
  border-radius: 500px;
13
13
  color: rgba(255,255,255,1);
14
14
  display: inline-block;
@@ -18,12 +18,12 @@
18
18
  width: 120px;
19
19
  }
20
20
  .placeholder h6 {
21
- color: rgba(100,100,100,1);
21
+ color: rgba(85,94,113,1);
22
22
  letter-spacing: 1px;
23
23
  text-transform: uppercase;
24
24
  }
25
25
  .placeholder p {
26
- color: rgba(200,200,200,1);
26
+ color: rgba(136,153,166,1);
27
27
  font-size: 14px;
28
28
  line-height: 22px;
29
29
  }
@@ -32,7 +32,7 @@
32
32
  ================================================== */
33
33
  .placeholder-large i {
34
34
  background: transparent;
35
- color: rgba(100,100,100,1);
35
+ color: rgba(85,94,113,1);
36
36
  display: inline-block;
37
37
  font-size: 256px;
38
38
  height: initial;
@@ -40,7 +40,7 @@
40
40
  width: initial;
41
41
  }
42
42
  .placeholder-divider {
43
- background: rgba(249,249,249,1);
43
+ background: rgba(245,248,250,1);
44
44
  border-radius: 500px;
45
45
  height: 8px;
46
46
  margin: 20px auto;
data/vendor/assets/stylesheets/popover.scss CHANGED
@@ -7,8 +7,8 @@
7
7
  .popover {
8
8
  background-clip: padding-box;
9
9
  background: rgba(255,255,255,1);
10
- border: 1px solid rgba(243,243,243,1);
11
- box-shadow: 0 0 3px rgba(220,220,220,1);
10
+ border: 1px solid rgba(225,232,237,1);
11
+ box-shadow: 0 0 3px rgba(225,232,237,1);
12
12
  display: none;
13
13
  float: none;
14
14
  font-style: normal;
@@ -28,9 +28,9 @@
28
28
  .popover.bottom { margin-top: 10px; }
29
29
  .popover.left { margin-left: -10px; }
30
30
  .popover-title {
31
- background: rgba(249,249,249,1);
32
- border-bottom: 2px solid rgba(243,243,243,1);
33
- color: rgba(34,34,34,1);
31
+ background: rgba(245,248,250,1);
32
+ border-bottom: 1px solid rgba(225,232,237,1);
33
+ color: rgba(42,44,48,1);
34
34
  font-weight: bold;
35
35
  font-size: 14px;
36
36
  letter-spacing: 0;
@@ -41,7 +41,7 @@
41
41
  .popover-title:empty { display: none; }
42
42
  .popover-content {
43
43
  background: rgba(255,255,255,1);
44
- color: rgba(34,34,34,1);
44
+ color: rgba(42,44,48,1);
45
45
  font-family: 'Gotham', 'Helvetica', Helvetica, Arial, sans-serif;
46
46
  font-weight: normal;
47
47
  font-size: 14px;
data/vendor/assets/stylesheets/progress.scss CHANGED
@@ -13,13 +13,13 @@
13
13
  to { background-position: 0 0; }
14
14
  }
15
15
  .progress {
16
- background: rgba(249,249,249,1);
16
+ background: rgba(245,248,250,1);
17
17
  border-radius: 500px;
18
18
  height: 25px;
19
19
  overflow: hidden;
20
20
  }
21
21
  .progress .bar {
22
- background: rgba(27,192,109,1);
22
+ background: rgba(91,146,250,1);
23
23
  box-sizing: border-box;
24
24
  color: rgba(255,255,255,1);
25
25
  float: left;
data/vendor/assets/stylesheets/reset.scss CHANGED
@@ -52,7 +52,7 @@ h6 {
52
52
  }
53
53
  abbr,
54
54
  acronym {
55
- border-bottom: 1px dotted rgba(34,34,34,1);
55
+ border-bottom: 1px dotted rgba(42,44,48,1);
56
56
  font-variant: normal;
57
57
  }
58
58
  caption,
@@ -74,7 +74,7 @@ select {
74
74
  }
75
75
  html,
76
76
  body {
77
- color: rgba(34,34,34,1);
77
+ color: rgba(42,44,48,1);
78
78
  font-family: 'Gotham', 'Helvetica', Helvetica, Arial, sans-serif;
79
79
  font-size: 100%;
80
80
  -webkit-font-smoothing: antialiased;
data/vendor/assets/stylesheets/sidebar.scss CHANGED
@@ -6,8 +6,8 @@
6
6
  /* # Sidebar
7
7
  ================================================== */
8
8
  .sidebar {
9
- background: rgba(249,249,249,1);
10
- border-left: 2px solid rgba(0,0,0,0.02);
9
+ background: rgba(42,44,48,1);
10
+ border-left: 4px solid rgba(0,0,0,0.2);
11
11
  box-sizing: border-box;
12
12
  height: 100%;
13
13
  min-width: 280px;
@@ -15,11 +15,11 @@
15
15
  width: 280px;
16
16
  }
17
17
  .sidebar-alt {
18
- border-right: 2px solid rgba(0,0,0,0.02);
18
+ border-right: 1px solid rgba(0,0,0,0.2);
19
19
  border-left: 0;
20
20
  }
21
21
  .sidebar-header {
22
- border-bottom: 1px solid rgba(0,0,0,0.04);
22
+ border-bottom: 1px solid rgba(0,0,0,0.15);
23
23
  font-size: 12px;
24
24
  line-height: 12px;
25
25
  padding: 12px 20px 10px 10px;
@@ -29,6 +29,7 @@
29
29
  padding-left: 20px;
30
30
  }
31
31
  .sidebar-header > h6 {
32
+ color: rgba(255,255,255,1);
32
33
  font-size: 12px;
33
34
  font-weight: normal;
34
35
  letter-spacing: 1px;
@@ -48,7 +49,7 @@
48
49
  padding-left: 20px;
49
50
  }
50
51
  .sidebar-scrollable {
51
- border-bottom: 1px solid rgba(243,243,243,1);
52
+ border-bottom: 1px solid rgba(0,0,0,0.15);
52
53
  height: auto;
53
54
  max-height: calc(50% - 60px);
54
55
  -webkit-overflow-scrolling: touch;
data/vendor/assets/stylesheets/spinner.scss CHANGED
@@ -82,7 +82,7 @@
82
82
  -webkit-animation: spinnerBeat 1.3s infinite ease-in-out;
83
83
  animation: spinnerBeat 1.3s infinite ease-in-out;
84
84
  background: rgba(255,255,255,1);
85
- border: 2px solid rgba(27,192,109,1);
85
+ border: 2px solid rgba(91,146,250,1);
86
86
  border-radius: 500px;
87
87
  -moz-box-sizing: border-box;
88
88
  box-sizing: border-box;
@@ -114,8 +114,8 @@
114
114
  .spinner-circle-container-3 > div {
115
115
  -webkit-animation: spinnerCircle 1.2s infinite ease-in-out;
116
116
  animation: spinnerCircle 1.2s infinite ease-in-out;
117
- background: rgba(27,192,109,1);
118
- border: 1px solid rgba(27,192,109,1);
117
+ background: rgba(91,146,250,1);
118
+ border: 1px solid rgba(91,146,250,1);
119
119
  border-radius: 500px;
120
120
  -moz-box-sizing: border-box;
121
121
  box-sizing: border-box;
@@ -232,8 +232,8 @@
232
232
  .spinner-chase-2 {
233
233
  -webkit-animation: spinnerChaseBounce 2.0s infinite ease-in-out;
234
234
  animation: spinnerChaseBounce 2.0s infinite ease-in-out;
235
- background: rgba(27,192,109,1);
236
- border: 1px solid rgba(27,192,109,1);
235
+ background: rgba(91,146,250,1);
236
+ border: 1px solid rgba(91,146,250,1);
237
237
  border-radius: 500px;
238
238
  -moz-box-sizing: border-box;
239
239
  box-sizing: border-box;
@@ -276,7 +276,7 @@
276
276
  .spinner-crescent {
277
277
  -webkit-animation: spinnerCrescent 1.2s infinite linear;
278
278
  animation: spinnerCrescent 1.2s infinite linear;
279
- border: 9px solid rgba(27,192,109,1);
279
+ border: 9px solid rgba(91,146,250,1);
280
280
  border-right-color: transparent;
281
281
  border-radius: 500px;
282
282
  -moz-box-sizing: border-box;
@@ -315,7 +315,7 @@
315
315
  .spinner-cube-9 {
316
316
  -webkit-animation: spinnerCube 1.3s infinite ease-in-out;
317
317
  animation: spinnerCube 1.3s infinite ease-in-out;
318
- background: rgba(27,192,109,1);
318
+ background: rgba(91,146,250,1);
319
319
  border: 1px solid rgba(255,255,255,1);
320
320
  border-radius: 500px;
321
321
  -moz-box-sizing: border-box;
@@ -388,8 +388,8 @@
388
388
  .spinner-double-bounce-2 {
389
389
  -webkit-animation: spinnerDoubleBounce 2.0s infinite ease-in-out;
390
390
  animation: spinnerDoubleBounce 2.0s infinite ease-in-out;
391
- background: rgba(27,192,109,1);
392
- border: 1px solid rgba(27,192,109,1);
391
+ background: rgba(91,146,250,1);
392
+ border: 1px solid rgba(91,146,250,1);
393
393
  border-radius: 50%;
394
394
  -moz-box-sizing: border-box;
395
395
  box-sizing: border-box;
@@ -409,13 +409,13 @@
409
409
  -webkit-transform: rotate(0deg);
410
410
  -ms-transform: rotate(0deg);
411
411
  transform: rotate(0deg);
412
- box-shadow: rgba(27,192,109,1) 0 0 23px 0, rgba(27,192,109,1) -20px -20px 0 0, rgba(27,192,109,1) 20px -20px 0 0, rgba(27,192,109,1) 20px 20px 0 0, rgba(27,192,109,1) -20px 20px 0 0;
412
+ box-shadow: rgba(91,146,250,1) 0 0 23px 0, rgba(91,146,250,1) -20px -20px 0 0, rgba(91,146,250,1) 20px -20px 0 0, rgba(91,146,250,1) 20px 20px 0 0, rgba(91,146,250,1) -20px 20px 0 0;
413
413
  }
414
414
  50% {
415
415
  -webkit-transform: rotate(1080deg);
416
416
  -ms-transform: rotate(1080deg);
417
417
  transform: rotate(1080deg);
418
- box-shadow: rgba(27,192,109,1) 0 0 23px 0, rgba(27,192,109,1) 20px 20px 0 0, rgba(27,192,109,1) -20px 20px 0 0, rgba(27,192,109,1) -20px -20px 0 0, rgba(27,192,109,1) 20px -20px 0 0;
418
+ box-shadow: rgba(91,146,250,1) 0 0 23px 0, rgba(91,146,250,1) 20px 20px 0 0, rgba(91,146,250,1) -20px 20px 0 0, rgba(91,146,250,1) -20px -20px 0 0, rgba(91,146,250,1) 20px -20px 0 0;
419
419
  }
420
420
  }
421
421
  @keyframes spinnerFlower {
@@ -423,13 +423,13 @@
423
423
  -webkit-transform: rotate(0deg);
424
424
  -ms-transform: rotate(0deg);
425
425
  transform: rotate(0deg);
426
- box-shadow: rgba(27,192,109,1) 0 0 23px 0, rgba(27,192,109,1) -20px -20px 0 0, rgba(27,192,109,1) 20px -20px 0 0, rgba(27,192,109,1) 20px 20px 0 0, rgba(27,192,109,1) -20px 20px 0 0;
426
+ box-shadow: rgba(91,146,250,1) 0 0 23px 0, rgba(91,146,250,1) -20px -20px 0 0, rgba(91,146,250,1) 20px -20px 0 0, rgba(91,146,250,1) 20px 20px 0 0, rgba(91,146,250,1) -20px 20px 0 0;
427
427
  }
428
428
  50% {
429
429
  -webkit-transform: rotate(1080deg);
430
430
  -ms-transform: rotate(1080deg);
431
431
  transform: rotate(1080deg);
432
- box-shadow: rgba(27,192,109,1) 0 0 23px 0, rgba(27,192,109,1) 20px 20px 0 0, rgba(27,192,109,1) -20px 20px 0 0, rgba(27,192,109,1) -20px -20px 0 0, rgba(27,192,109,1) 20px -20px 0 0;
432
+ box-shadow: rgba(91,146,250,1) 0 0 23px 0, rgba(91,146,250,1) 20px 20px 0 0, rgba(91,146,250,1) -20px 20px 0 0, rgba(91,146,250,1) -20px -20px 0 0, rgba(91,146,250,1) 20px -20px 0 0;
433
433
  }
434
434
  }
435
435
  .spinner-flower {
@@ -461,14 +461,14 @@
461
461
  .spinner-orbit {
462
462
  -webkit-animation: spinnerOrbit 1s linear infinite;
463
463
  animation: spinnerOrbit 1s linear infinite;
464
- border: 1px solid rgba(27,192,109,1);
464
+ border: 1px solid rgba(91,146,250,1);
465
465
  border-radius: 500px;
466
466
  height: 60px;
467
467
  width: 60px;
468
468
  }
469
469
  .spinner-orbit-1 {
470
- background: rgba(27,192,109,1);
471
- border: 1px solid rgba(27,192,109,1);
470
+ background: rgba(91,146,250,1);
471
+ border: 1px solid rgba(91,146,250,1);
472
472
  border-radius: 500px;
473
473
  -moz-box-sizing: border-box;
474
474
  box-sizing: border-box;
@@ -498,8 +498,8 @@
498
498
  .spinner-pulse {
499
499
  -webkit-animation: spinnerPulse 1.0s infinite ease-in-out;
500
500
  animation: spinnerPulse 1.0s infinite ease-in-out;
501
- background: rgba(27,192,109,1);
502
- border: 1px solid rgba(27,192,109,1);
501
+ background: rgba(91,146,250,1);
502
+ border: 1px solid rgba(91,146,250,1);
503
503
  border-radius: 500px;
504
504
  -moz-box-sizing: border-box;
505
505
  box-sizing: border-box;
@@ -531,8 +531,8 @@
531
531
  .spinner-rotating-plane {
532
532
  -webkit-animation: spinnerRotatingPlane 1.2s infinite ease-in-out;
533
533
  animation: spinnerRotatingPlane 1.2s infinite ease-in-out;
534
- background: rgba(27,192,109,1);
535
- border: 1px solid rgba(27,192,109,1);
534
+ background: rgba(91,146,250,1);
535
+ border: 1px solid rgba(91,146,250,1);
536
536
  -moz-box-sizing: border-box;
537
537
  box-sizing: border-box;
538
538
  height: 100px;
@@ -558,8 +558,8 @@
558
558
  .spinner-triple-bounce > div {
559
559
  -webkit-animation: spinnerTripleBounce 1.4s infinite ease-in-out;
560
560
  animation: spinnerTripleBounce 1.4s infinite ease-in-out;
561
- background: rgba(27,192,109,1);
562
- border: 1px solid rgba(27,192,109,1);
561
+ background: rgba(91,146,250,1);
562
+ border: 1px solid rgba(91,146,250,1);
563
563
  border-radius: 500px;
564
564
  -moz-box-sizing: border-box;
565
565
  box-sizing: border-box;
@@ -616,8 +616,8 @@
616
616
  .spinner-wander-2 {
617
617
  -webkit-animation: spinnerWander 1.8s infinite ease-in-out;
618
618
  animation: spinnerWander 1.8s infinite ease-in-out;
619
- background: rgba(27,192,109,1);
620
- border: 1px solid rgba(27,192,109,1);
619
+ background: rgba(91,146,250,1);
620
+ border: 1px solid rgba(91,146,250,1);
621
621
  -moz-box-sizing: border-box;
622
622
  box-sizing: border-box;
623
623
  height: 20px;
@@ -650,8 +650,8 @@
650
650
  .spinner-wave > div {
651
651
  -webkit-animation: spinnerWave 1.2s infinite ease-in-out;
652
652
  animation: spinnerWave 1.2s infinite ease-in-out;
653
- background: rgba(27,192,109,1);
654
- border: 1px solid rgba(27,192,109,1);
653
+ background: rgba(91,146,250,1);
654
+ border: 1px solid rgba(91,146,250,1);
655
655
  -moz-box-sizing: border-box;
656
656
  box-sizing: border-box;
657
657
  display: inline-block;
@@ -731,7 +731,7 @@
731
731
  97% { left: 104px; }
732
732
  }
733
733
  .spinner-wobbler {
734
- border: 1px solid rgba(27,192,109,1);
734
+ border: 1px solid rgba(91,146,250,1);
735
735
  border-radius: 500px;
736
736
  -moz-box-sizing: border-box;
737
737
  box-sizing: border-box;
@@ -741,8 +741,8 @@
741
741
  .spinner-wobbler::after {
742
742
  -webkit-animation: spinnerWobbler 15s infinite ease-in-out;
743
743
  animation: spinnerWobbler 15s infinite ease-in-out;
744
- background: rgba(27,192,109,1);
745
- border: 1px solid rgba(27,192,109,1);
744
+ background: rgba(91,146,250,1);
745
+ border: 1px solid rgba(91,146,250,1);
746
746
  border-radius: 500px;
747
747
  -moz-box-sizing: border-box;
748
748
  box-sizing: border-box;
data/vendor/assets/stylesheets/swoggle.scss CHANGED
@@ -14,10 +14,10 @@
14
14
  z-index: -1;
15
15
  }
16
16
  .swoggle {
17
- background: rgba(249,249,249,1);
17
+ background: rgba(245,248,250,1);
18
18
  border-radius: 500px;
19
- border: 1px solid rgba(249,249,249,1);
20
- color: rgba(34,34,34,1);
19
+ border: 1px solid rgba(245,248,250,1);
20
+ color: rgba(42,44,48,1);
21
21
  cursor: pointer;
22
22
  display: inline-block;
23
23
  -webkit-font-smoothing: antialiased;
@@ -86,12 +86,12 @@
86
86
  .swoggle.swoggle-on.swoggle-smoke,
87
87
  .swoggle.swoggle-on.swoggle-yellow { color: rgba(255,255,255,1); }
88
88
  .swoggle.swoggle-on.swoggle-black {
89
- background: rgba(56,67,81,1);
90
- border-color: rgba(6,17,31,1);
89
+ background: rgba(42,44,48,1);
90
+ border-color: rgba(42,44,48,1);
91
91
  }
92
92
  .swoggle.swoggle-on.swoggle-blue {
93
- background: rgba(76,143,202,1);
94
- border-color: rgba(76,143,202,1);
93
+ background: rgba(91,146,250,1);
94
+ border-color: rgba(91,146,250,1);
95
95
  }
96
96
  .swoggle.swoggle-on.swoggle-green {
97
97
  background: rgba(27,192,109,1);
@@ -102,20 +102,20 @@
102
102
  border-color: rgba(255,154,46,1);
103
103
  }
104
104
  .swoggle.swoggle-on.swoggle-purple {
105
- background: rgba(110,115,136,1);
106
- border-color: rgba(110,115,136,1);
105
+ background: rgba(81,68,95,1);
106
+ border-color: rgba(81,68,95,1);
107
107
  }
108
108
  .swoggle.swoggle-on.swoggle-red {
109
109
  background: rgba(225,80,80,1);
110
110
  border-color: rgba(225,80,80,1);
111
111
  }
112
112
  .swoggle.swoggle-on.swoggle-smoke {
113
- background: rgba(100,100,100,1);
114
- border-color: rgba(100,100,100,1);
113
+ background: rgba(85,94,113,1);
114
+ border-color: rgba(85,94,113,1);
115
115
  }
116
116
  .swoggle.swoggle-on.swoggle-yellow {
117
- background: rgba(255,235,0,1);
118
- border-color: rgba(255,235,0,1);
117
+ background: rgba(253,245,98,1);
118
+ border-color: rgba(253,245,98,1);
119
119
  }
120
120
  .swoggle.swoggle-animate > div {
121
121
  -webkit-transition: margin-left 0.5s;