active_frontend 12.4.32 → 13.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (118) hide show
  1. checksums.yaml +4 -4
  2. data/.coveralls.yml +1 -1
  3. data/.gitignore +1 -1
  4. data/.rspec +1 -1
  5. data/.travis.yml +1 -1
  6. data/CODE_OF_CONDUCT.md +1 -1
  7. data/Gemfile +1 -1
  8. data/LICENSE.txt +1 -1
  9. data/README.md +1 -1
  10. data/Rakefile +1 -1
  11. data/active_frontend.gemspec +1 -1
  12. data/app/assets/fonts/dripicons/dripicons-weather.woff +0 -0
  13. data/app/assets/fonts/dripicons/dripicons.woff +0 -0
  14. data/app/assets/images/placeholders/camera-large.png +0 -0
  15. data/app/assets/images/placeholders/camera-small.png +0 -0
  16. data/app/assets/images/placeholders/camera.png +0 -0
  17. data/app/assets/images/placeholders/picture-large.png +0 -0
  18. data/app/assets/images/placeholders/picture-small.png +0 -0
  19. data/app/assets/images/placeholders/picture.png +0 -0
  20. data/app/assets/images/placeholders/store-large.png +0 -0
  21. data/app/assets/images/placeholders/store-small.png +0 -0
  22. data/app/assets/images/placeholders/store.png +0 -0
  23. data/app/assets/images/placeholders/user-large.png +0 -0
  24. data/app/assets/images/placeholders/user-small.png +0 -0
  25. data/app/assets/images/placeholders/user.png +0 -0
  26. data/app/helpers/active_frontend_helper.rb +2 -2
  27. data/lib/active_frontend/version.rb +2 -2
  28. data/lib/active_frontend.rb +1 -1
  29. data/lib/generators/active_frontend/install_generator.rb +1 -1
  30. data/lib/generators/active_frontend/templates/install.js +1 -1
  31. data/lib/generators/active_frontend/templates/install.scss +1 -1
  32. data/vendor/assets/javascripts/_affix.js +1 -1
  33. data/vendor/assets/javascripts/_alert.js +1 -1
  34. data/vendor/assets/javascripts/_animation.js +1 -1
  35. data/vendor/assets/javascripts/_button.js +1 -1
  36. data/vendor/assets/javascripts/_carousel.js +1 -1
  37. data/vendor/assets/javascripts/_chart.js +8 -8
  38. data/vendor/assets/javascripts/_collapse.js +1 -1
  39. data/vendor/assets/javascripts/_color_picker.js +1 -1
  40. data/vendor/assets/javascripts/_date_picker.js +1 -1
  41. data/vendor/assets/javascripts/_dropdown.js +1 -1
  42. data/vendor/assets/javascripts/_file_input.js +1 -1
  43. data/vendor/assets/javascripts/_hoverdown.js +1 -1
  44. data/vendor/assets/javascripts/_inputmask.js +1 -1
  45. data/vendor/assets/javascripts/_loader.js +1 -1
  46. data/vendor/assets/javascripts/_map.js +149 -10
  47. data/vendor/assets/javascripts/_modal.js +1 -1
  48. data/vendor/assets/javascripts/_popover.js +1 -1
  49. data/vendor/assets/javascripts/_scrollspy.js +1 -1
  50. data/vendor/assets/javascripts/_slider.js +1 -1
  51. data/vendor/assets/javascripts/_sort.js +1 -1
  52. data/vendor/assets/javascripts/_swoggle.js +1 -1
  53. data/vendor/assets/javascripts/_tab.js +1 -1
  54. data/vendor/assets/javascripts/_tablespy.js +1 -1
  55. data/vendor/assets/javascripts/_time_ago.js +1 -1
  56. data/vendor/assets/javascripts/_time_picker.js +1 -1
  57. data/vendor/assets/javascripts/_tooltip.js +1 -1
  58. data/vendor/assets/javascripts/_transition.js +1 -1
  59. data/vendor/assets/javascripts/_typeahead.js +1 -1
  60. data/vendor/assets/javascripts/active_frontend.js +1 -1
  61. data/vendor/assets/stylesheets/_ad.scss +2 -2
  62. data/vendor/assets/stylesheets/_affix.scss +1 -1
  63. data/vendor/assets/stylesheets/_alert.scss +3 -16
  64. data/vendor/assets/stylesheets/_animation.scss +1 -1
  65. data/vendor/assets/stylesheets/_breadcrumb.scss +3 -18
  66. data/vendor/assets/stylesheets/_button.scss +33 -39
  67. data/vendor/assets/stylesheets/_canvas.scss +1 -1
  68. data/vendor/assets/stylesheets/_carousel.scss +2 -2
  69. data/vendor/assets/stylesheets/_chart.scss +1 -1
  70. data/vendor/assets/stylesheets/_code.scss +3 -3
  71. data/vendor/assets/stylesheets/_collapse.scss +2 -2
  72. data/vendor/assets/stylesheets/_color.scss +2 -2
  73. data/vendor/assets/stylesheets/_colorpicker.scss +20 -5
  74. data/vendor/assets/stylesheets/_datepicker.scss +7 -5
  75. data/vendor/assets/stylesheets/_dropdown.scss +12 -9
  76. data/vendor/assets/stylesheets/_footer.scss +4 -5
  77. data/vendor/assets/stylesheets/_form.scss +51 -50
  78. data/vendor/assets/stylesheets/_grid.scss +1 -1
  79. data/vendor/assets/stylesheets/_header.scss +53 -497
  80. data/vendor/assets/stylesheets/_icon.scss +321 -1489
  81. data/vendor/assets/stylesheets/_image.scss +1 -1
  82. data/vendor/assets/stylesheets/_label_and_badge.scss +1 -1
  83. data/vendor/assets/stylesheets/_link.scss +41 -2
  84. data/vendor/assets/stylesheets/_list.scss +3 -3
  85. data/vendor/assets/stylesheets/_loader.scss +1 -1
  86. data/vendor/assets/stylesheets/_map.scss +1 -1
  87. data/vendor/assets/stylesheets/_missive.scss +1 -1
  88. data/vendor/assets/stylesheets/_mixin.scss +1 -1
  89. data/vendor/assets/stylesheets/_modal.scss +1 -1
  90. data/vendor/assets/stylesheets/_nav_and_tab.scss +1 -1
  91. data/vendor/assets/stylesheets/_navbar.scss +8 -16
  92. data/vendor/assets/stylesheets/_pagination.scss +9 -5
  93. data/vendor/assets/stylesheets/_panel.scss +4 -4
  94. data/vendor/assets/stylesheets/_placeholder.scss +3 -4
  95. data/vendor/assets/stylesheets/_popover.scss +2 -2
  96. data/vendor/assets/stylesheets/_progress.scss +1 -1
  97. data/vendor/assets/stylesheets/_reset.scss +6 -4
  98. data/vendor/assets/stylesheets/_sidebar.scss +9 -141
  99. data/vendor/assets/stylesheets/_slider.scss +9 -9
  100. data/vendor/assets/stylesheets/_spinner.scss +6 -4
  101. data/vendor/assets/stylesheets/_subheader.scss +19 -180
  102. data/vendor/assets/stylesheets/_swoggle.scss +3 -3
  103. data/vendor/assets/stylesheets/_table.scss +20 -11
  104. data/vendor/assets/stylesheets/_timepicker.scss +7 -10
  105. data/vendor/assets/stylesheets/_toolbar.scss +8 -21
  106. data/vendor/assets/stylesheets/_tooltip.scss +4 -3
  107. data/vendor/assets/stylesheets/_transition.scss +1 -1
  108. data/vendor/assets/stylesheets/_trunk.scss +16 -24
  109. data/vendor/assets/stylesheets/_typeahead.scss +2 -7
  110. data/vendor/assets/stylesheets/_typography.scss +1 -1
  111. data/vendor/assets/stylesheets/_variable.scss +1 -1
  112. data/vendor/assets/stylesheets/active_frontend.scss +1 -1
  113. metadata +15 -8
  114. data/app/assets/fonts/ionicons/ionicons.eot +0 -0
  115. data/app/assets/fonts/ionicons/ionicons.svg +0 -2232
  116. data/app/assets/fonts/ionicons/ionicons.ttf +0 -0
  117. data/app/assets/fonts/ionicons/ionicons.woff +0 -0
  118. data/app/assets/images/placeholders/person.png +0 -0
@@ -1429,4 +1429,4 @@ if (typeof exports == "object") {
1429
1429
  define(function(){ return require("list.js"); });
1430
1430
  } else {
1431
1431
  this["List"] = require("list.js");
1432
- }})();
1432
+ }})();
@@ -412,4 +412,4 @@
412
412
  return $.fn.swoggle.Constructor = swoggle;
413
413
  })(window.jQuery, window);
414
414
 
415
- }).call(this);
415
+ }).call(this);
@@ -143,4 +143,4 @@
143
143
  .on('click.bs.tab.data-api', '[data-toggle="tab"]', clickHandler)
144
144
  .on('click.bs.tab.data-api', '[data-toggle="pill"]', clickHandler)
145
145
 
146
- }(jQuery);
146
+ }(jQuery);
@@ -1880,4 +1880,4 @@
1880
1880
  }
1881
1881
  });
1882
1882
 
1883
- })(jQuery);
1883
+ })(jQuery);
@@ -203,4 +203,4 @@
203
203
  }
204
204
  };
205
205
 
206
- }).call(this);
206
+ }).call(this);
@@ -1084,4 +1084,4 @@
1084
1084
 
1085
1085
  $.fn.timepicker.Constructor = Timepicker;
1086
1086
 
1087
- })(jQuery, window, document);
1087
+ })(jQuery, window, document);
@@ -501,4 +501,4 @@
501
501
  return this
502
502
  }
503
503
 
504
- }(jQuery);
504
+ }(jQuery);
@@ -47,4 +47,4 @@
47
47
  }
48
48
  })
49
49
 
50
- }(jQuery);
50
+ }(jQuery);
@@ -363,4 +363,4 @@
363
363
  $this.typeahead($this.data());
364
364
  });
365
365
 
366
- }(window.jQuery);
366
+ }(window.jQuery);
@@ -31,4 +31,4 @@
31
31
  //= require _tooltip
32
32
  //= require _popover
33
33
  //= require _transition
34
- //= require _typeahead
34
+ //= require _typeahead
@@ -46,7 +46,7 @@
46
46
  border-color: $color-dark-black;
47
47
  }
48
48
  .ad-light {
49
- background: $color-light-haze;
49
+ background: lighten($color-light-haze, 2%);
50
50
  border-color: $color-dark-haze;
51
51
  }
52
52
 
@@ -60,4 +60,4 @@ only screen and ( min-device-pixel-ratio: 2),
60
60
  only screen and ( min-resolution: 192dpi),
61
61
  only screen and ( min-resolution: 2dppx) {
62
62
  .ad { border-width: 0.5px; }
63
- }
63
+ }
@@ -11,4 +11,4 @@
11
11
  .affix-bottom {
12
12
  position: absolute;
13
13
  top: auto;
14
- }
14
+ }
@@ -3,8 +3,7 @@
3
3
  # Variables
4
4
  # Alert
5
5
  # Styles
6
- # Colors
7
- # Media Queries */
6
+ # Colors */
8
7
 
9
8
  /* # Variables
10
9
  ================================================== */
@@ -43,7 +42,7 @@ $onwhite-colors: (
43
42
  ================================================== */
44
43
  .alert {
45
44
  background: $color-gray;
46
- border-bottom: 1px solid darken($color-gray, 5%);
45
+ border-bottom: 2px solid darken($color-gray, 5%);
47
46
  box-sizing: border-box;
48
47
  color: $color-white;
49
48
  display: block;
@@ -68,7 +67,7 @@ $onwhite-colors: (
68
67
  /* # Styles
69
68
  ================================================== */
70
69
  .alert-bordered {
71
- border: 1px solid darken($color-gray, 5%);
70
+ border: 2px solid darken($color-gray, 5%);
72
71
  padding-bottom: 10px;
73
72
  padding-top: 10px;
74
73
  }
@@ -112,15 +111,3 @@ $onwhite-colors: (
112
111
  border-color: darken($color, 5%);
113
112
  }
114
113
  }
115
-
116
- /* # Media Queries
117
- ================================================== */
118
- @media
119
- only screen and (-webkit-min-device-pixel-ratio: 2),
120
- only screen and ( min--moz-device-pixel-ratio: 2),
121
- only screen and ( -o-min-device-pixel-ratio: 2/1),
122
- only screen and ( min-device-pixel-ratio: 2),
123
- only screen and ( min-resolution: 192dpi),
124
- only screen and ( min-resolution: 2dppx) {
125
- .alert { border-width: 0.5px; }
126
- }
@@ -1367,4 +1367,4 @@
1367
1367
  .animation.animation-duration-default { @include animation-duration(1s); }
1368
1368
  .animation.animation-duration-slow { @include animation-duration(1.25s); }
1369
1369
  .animation.animation-duration-slower { @include animation-duration(1.5s); }
1370
- .animation.animation-duration-slowest { @include animation-duration(1.75s); }
1370
+ .animation.animation-duration-slowest { @include animation-duration(1.75s); }
@@ -2,8 +2,7 @@
2
2
  ==================================================
3
3
  # Breadcrumb
4
4
  # Styles
5
- # Colors
6
- # Media Queries */
5
+ # Colors */
7
6
 
8
7
  /* # Breadcrumb
9
8
  ================================================== */
@@ -15,7 +14,7 @@
15
14
  }
16
15
  .breadcrumb > li {
17
16
  display: inline-block;
18
- font-size: 13px;
17
+ font-size: 14px;
19
18
  font-weight: bold;
20
19
  }
21
20
  .breadcrumb > li > a:hover,
@@ -29,17 +28,15 @@
29
28
  .breadcrumb-flow {
30
29
  color: $color-dark-black;
31
30
  counter-reset: wizard;
32
- font-size: 12px;
31
+ font-size: 14px;
33
32
  font-style: normal;
34
33
  font-weight: bold;
35
- letter-spacing: 1px;
36
34
  line-height: 16px;
37
35
  list-style: none;
38
36
  margin: 0;
39
37
  overflow: hidden;
40
38
  padding: 0;
41
39
  position: relative;
42
- text-transform: uppercase;
43
40
  }
44
41
  .breadcrumb-flow > li {
45
42
  float: left;
@@ -101,15 +98,3 @@
101
98
  .breadcrumb-light.breadcrumb-flow > li.active ~ li:before { background: $color-light-haze; }
102
99
  .breadcrumb-light.breadcrumb-flow > li.active ~ li:before { border-color: $color-dark-haze; }
103
100
  .breadcrumb-light.breadcrumb-flow > li.active ~ li:after { background: $color-dark-haze; }
104
-
105
- /* # Media Queries
106
- ================================================== */
107
- @media
108
- only screen and (-webkit-min-device-pixel-ratio: 2),
109
- only screen and ( min--moz-device-pixel-ratio: 2),
110
- only screen and ( -o-min-device-pixel-ratio: 2/1),
111
- only screen and ( min-device-pixel-ratio: 2),
112
- only screen and ( min-resolution: 192dpi),
113
- only screen and ( min-resolution: 2dppx) {
114
- .breadcrumb-flow > li { letter-spacing: 0.5px; }
115
- }
@@ -48,7 +48,7 @@ $onwhite-colors: (
48
48
  .btn {
49
49
  @include appearance(none);
50
50
  background: $color-light-haze;
51
- border: 1px solid $color-light-haze;
51
+ border: 2px solid $color-light-haze;
52
52
  border-radius: 2px;
53
53
  box-sizing: border-box;
54
54
  color: $color-dark-black;
@@ -56,16 +56,15 @@ $onwhite-colors: (
56
56
  display: inline-block;
57
57
  -webkit-font-smoothing: antialiased;
58
58
  -moz-osx-font-smoothing: grayscale;
59
- font-size: 11px;
59
+ font-size: 14px;
60
60
  font-weight: bold;
61
61
  letter-spacing: 0;
62
62
  line-height: 1;
63
63
  margin: 0;
64
- padding: 15px 20px;
64
+ padding: 14px 20px 13px 20px;
65
65
  text-align: center;
66
66
  text-decoration: none;
67
67
  text-rendering: geometricPrecision;
68
- text-transform: uppercase;
69
68
  touch-action: manipulation;
70
69
  @include transition(all 0.3s ease-in-out);
71
70
  vertical-align: middle;
@@ -89,14 +88,20 @@ $onwhite-colors: (
89
88
  /* # Sizes
90
89
  ================================================== */
91
90
  .btn-large {
91
+ font-size: 16px;
92
+ padding: 16px 30px;
93
+ }
94
+ .btn-medium {
92
95
  font-size: 12px;
93
- padding: 19px 30px;
96
+ padding: 10px 15px;
97
+ }
98
+ .btn-small {
99
+ font-size: 10px;
100
+ padding: 8px 15px;
94
101
  }
95
- .btn-medium { padding: 10px 15px; }
96
- .btn-small { padding: 8px 15px; }
97
102
  .btn-mini {
98
- font-size: 9px;
99
- padding: 7px 10px 6px 10px;
103
+ font-size: 8px;
104
+ padding: 6px 10px;
100
105
  }
101
106
  .btn-block {
102
107
  display: block;
@@ -109,30 +114,29 @@ $onwhite-colors: (
109
114
  /* # Icons
110
115
  ================================================== */
111
116
  .btn-icon {
112
- font-size: 18px;
117
+ font-size: 22px;
113
118
  min-width: 42px;
114
- padding: 11px 15px 10px 15px;
119
+ padding: 10px 10px 9px 10px;
115
120
  }
116
121
  .btn-icon.btn-large {
117
- font-size: 23px;
118
- min-width: 52px;
119
- padding-bottom: 12px;
120
- padding-top: 13px;
122
+ font-size: 26px;
123
+ min-width: 54px;
124
+ padding: 12px 10px 10px 10px;
121
125
  }
122
126
  .btn-icon.btn-medium {
123
- font-size: 15px;
124
- min-width: 34px;
125
- padding: 8px 10px 7px 10px;
127
+ font-size: 18px;
128
+ min-width: 38px;
129
+ padding: 8px 5px 6px 5px;
126
130
  }
127
131
  .btn-icon.btn-small {
128
132
  font-size: 14px;
129
- min-width: 30px;
130
- padding: 6px 7px;
133
+ min-width: 32px;
134
+ padding: 7px 5px 5px 5px;
131
135
  }
132
136
  .btn-icon.btn-mini {
133
- font-size: 11px;
134
- min-width: 25px;
135
- padding: 5px 6px;
137
+ font-size: 10px;
138
+ min-width: 26px;
139
+ padding: 6px 5px 4px 5px;
136
140
  }
137
141
 
138
142
  /* # Colors
@@ -271,15 +275,15 @@ $onwhite-colors: (
271
275
  border-bottom-right-radius: 2px;
272
276
  border-top-right-radius: 2px;
273
277
  }
274
- .btn-group > .btn-outline { margin-left: -1px; }
275
- .btn-group > .btn-outline:first-child { margin-left: -1px; }
278
+ .btn-group > .btn-outline { margin-left: -2px; }
279
+ .btn-group > .btn-outline:first-child { margin-left: 0; }
276
280
  .btn-group-vertical > .btn {
277
281
  display: block;
278
282
  margin-left: 0;
279
283
  max-width: 100%;
280
284
  width: 100%;
281
285
  }
282
- .btn-group-vertical > .btn-outline { margin-top: -1px; }
286
+ .btn-group-vertical > .btn-outline { margin-top: -2px; }
283
287
  .btn-group-vertical > .btn-outline:first-child { margin-top: 0; }
284
288
  .btn-group-vertical > .btn:first-child {
285
289
  border-radius: 0;
@@ -318,7 +322,7 @@ $onwhite-colors: (
318
322
  }
319
323
  .btn-group-block > .btn-group .btn { width: 100%; }
320
324
  .btn-group-block > .btn { border-right-width: 0; }
321
- .btn-group-block > .btn:last-child { border-right-width: 1px; }
325
+ .btn-group-block > .btn:last-child { border-right-width: 2px; }
322
326
 
323
327
  /* # Toolbars
324
328
  ================================================== */
@@ -347,7 +351,7 @@ $onwhite-colors: (
347
351
  border-radius: 0;
348
352
  display: block;
349
353
  margin-left: 0;
350
- margin-top: -1px;
354
+ margin-top: -2px;
351
355
  max-width: 100%;
352
356
  width: 100%;
353
357
  }
@@ -362,7 +366,7 @@ $onwhite-colors: (
362
366
  }
363
367
  .btn-group-vertical-responsive > .btn {
364
368
  display: inline-block;
365
- margin-left: -1px;
369
+ margin-left: -2px;
366
370
  margin-top: 0;
367
371
  max-width: initial;
368
372
  width: initial;
@@ -378,13 +382,3 @@ $onwhite-colors: (
378
382
  border-top-right-radius: 2px;
379
383
  }
380
384
  }
381
- @media
382
- only screen and (-webkit-min-device-pixel-ratio: 2),
383
- only screen and ( min--moz-device-pixel-ratio: 2),
384
- only screen and ( -o-min-device-pixel-ratio: 2/1),
385
- only screen and ( min-device-pixel-ratio: 2),
386
- only screen and ( min-resolution: 192dpi),
387
- only screen and ( min-resolution: 2dppx) {
388
- .btn-group > .dropdown-toggle:not(:first-child) { border-left-width: 0.5px; }
389
- .btn-group-vertical > .dropdown-toggle:not(:first-child) { border-top-width: 0.5px; }
390
- }
@@ -179,4 +179,4 @@
179
179
  min-height: calc(100% - 49px) !important;
180
180
  height: calc(100% - 49px) !important;
181
181
  }
182
- }
182
+ }
@@ -106,7 +106,7 @@
106
106
  }
107
107
  .carousel-indicators > li {
108
108
  border-radius: 10px;
109
- border: 1px solid;
109
+ border: 2px solid;
110
110
  border-color: inherit;
111
111
  cursor: pointer;
112
112
  display: inline-block;
@@ -155,4 +155,4 @@
155
155
  }
156
156
  .carousel-caption { display: none !important; }
157
157
  .carousel-indicators { bottom: 20px; }
158
- }
158
+ }
@@ -12,4 +12,4 @@
12
12
 
13
13
  /* # Alignments
14
14
  ================================================== */
15
- .chart-center { margin: 0 auto; }
15
+ .chart-center { margin: 0 auto; }
@@ -41,8 +41,8 @@ pre {
41
41
  }
42
42
  .code-light,
43
43
  .pre-light {
44
- background: $color-light-haze;
45
- border-color: $color-dark-haze;
44
+ background: lighten($color-light-haze, 2%);
45
+ border-color: $color-haze;
46
46
  }
47
47
  .pre-dark .err { background: $color-gray; }
48
48
  .pre-dark .gp,
@@ -147,4 +147,4 @@ only screen and ( min-resolution: 192dpi),
147
147
  only screen and ( min-resolution: 2dppx) {
148
148
  code,
149
149
  pre { border-width: 0.5px; }
150
- }
150
+ }
@@ -10,5 +10,5 @@
10
10
  height: 0;
11
11
  overflow: hidden;
12
12
  position: relative;
13
- @include transition(height 0.35s ease);
14
- }
13
+ @include transition(height 0.35s ease-in-out);
14
+ }
@@ -30,7 +30,7 @@ $color-purple: rgba(124,39,243,1);
30
30
  $color-pink: rgba(255,0,102,1);
31
31
  $color-red: rgba(240,35,17,1);
32
32
  $color-orange: rgba(248,122,9,1);
33
- $color-yellow: rgba(255,209,0,1);
33
+ $color-yellow: rgba(245,200,0,1);
34
34
 
35
35
  /* # Alt Grayscale Colors
36
36
  ================================================== */
@@ -52,4 +52,4 @@ $color-purple-alt: rgba(140,75,251,1);
52
52
  $color-pink-alt: rgba(255,64,127,1);
53
53
  $color-red-alt: rgba(255,72,71,1);
54
54
  $color-orange-alt: rgba(254,152,72,1);
55
- $color-yellow-alt: rgba(252,232,73,1);
55
+ $color-yellow-alt: rgba(252,232,73,1);
@@ -1,6 +1,7 @@
1
1
  /* Table of Contents
2
2
  ==================================================
3
- # Colorpicker */
3
+ # Colorpicker
4
+ # Media Queries */
4
5
 
5
6
  /* # Colorpicker
6
7
  ================================================== */
@@ -12,7 +13,7 @@
12
13
  width: 26px;
13
14
  }
14
15
  .dropdown-colorpicker > .dropdown-menu {
15
- margin: 1px 0 0 -5px;
16
+ margin: 4px 0 0 -4px;
16
17
  min-width: 162px;
17
18
  padding: 4px;
18
19
  }
@@ -24,7 +25,9 @@
24
25
  width: 26px;
25
26
  }
26
27
  .dropdown-colorpicker > .dropdown-menu > li > .colorpicker-swatch {
28
+ border: 1px solid rgba(0,0,0,0.1);
27
29
  border-radius: 2px;
30
+ box-sizing: border-box;
28
31
  display: block;
29
32
  height: 26px;
30
33
  margin: 0;
@@ -36,13 +39,25 @@
36
39
  }
37
40
  .dropdown-colorpicker > .dropdown-menu > li > .colorpicker-swatch.selected:after {
38
41
  color: $color-white;
39
- content: "\f3fe";
42
+ content: "\53";
40
43
  display: inline-block;
41
- font-family: "Ionicons";
44
+ font-family: "dripicons";
42
45
  font-size: 16px;
43
46
  left: 0;
44
47
  line-height: 26px;
45
48
  position: absolute;
46
49
  right: 0;
47
50
  text-align: center;
48
- }
51
+ }
52
+
53
+ /* # Media Queries
54
+ ================================================== */
55
+ @media
56
+ only screen and (-webkit-min-device-pixel-ratio: 2),
57
+ only screen and ( min--moz-device-pixel-ratio: 2),
58
+ only screen and ( -o-min-device-pixel-ratio: 2/1),
59
+ only screen and ( min-device-pixel-ratio: 2),
60
+ only screen and ( min-resolution: 192dpi),
61
+ only screen and ( min-resolution: 2dppx) {
62
+ .dropdown-colorpicker > .dropdown-menu > li > .colorpicker-swatch { border-width: 0.5px; }
63
+ }
@@ -7,15 +7,17 @@
7
7
  .datepicker {
8
8
  left: 0;
9
9
  margin-top: 1px;
10
+ position: fixed;
10
11
  top: 0;
11
12
  z-index: 1060;
12
13
  }
13
14
  .datepicker-dropdown.dropdown-menu {
14
- display: none;
15
- opacity: 1;
15
+ @include animation-duration(0.5s);
16
+ @include animation-fill-mode(both);
17
+ @include animation-name(animation-bounce-in);
18
+ display: block;
16
19
  padding: 0;
17
- @include transition(none);
18
- visibility: visible;
20
+ position: fixed;
19
21
  }
20
22
  .datepicker:before {
21
23
  border-bottom: 7px solid;
@@ -117,4 +119,4 @@
117
119
  .datepicker table td.day.disabled:focus {
118
120
  background: $color-transparent;
119
121
  cursor: not-allowed;
120
- }
122
+ }
@@ -20,7 +20,7 @@
20
20
  border-radius: 3px;
21
21
  box-sizing: border-box;
22
22
  color: $color-dark-black;
23
- display: block;
23
+ display: none;
24
24
  float: left;
25
25
  font-size: 12px;
26
26
  font-weight: bold;
@@ -29,14 +29,12 @@
29
29
  list-style: none;
30
30
  margin: 2px 0 0 0;
31
31
  min-width: 180px;
32
- opacity: 0;
33
32
  padding: 8px 0;
34
33
  position: absolute;
35
34
  text-align: left;
36
35
  text-transform: none;
37
36
  @include transition(all 0.09s ease-in-out);
38
37
  top: 100%;
39
- visibility: hidden;
40
38
  z-index: 1040;
41
39
  }
42
40
  .dropdown-menu.pull-right {
@@ -91,9 +89,10 @@
91
89
  padding: 4px 6px;
92
90
  }
93
91
  .open > .dropdown-menu {
92
+ @include animation-duration(0.5s);
93
+ @include animation-fill-mode(both);
94
+ @include animation-name(animation-bounce-in);
94
95
  display: block;
95
- opacity: 1;
96
- visibility: visible;
97
96
  }
98
97
  .pull-right > .dropdown-menu {
99
98
  left: auto;
@@ -140,10 +139,14 @@
140
139
  margin-top: -6px;
141
140
  top: 0;
142
141
  }
143
- .dropdown-submenu:hover > .dropdown-menu {
142
+ .dropdown-submenu:hover > .dropdown-menu,
143
+ .dropdown-submenu:active > .dropdown-menu,
144
+ .dropdown-submenu.active > .dropdown-menu,
145
+ .dropdown-submenu:focus > .dropdown-menu {
146
+ @include animation-duration(0.5s);
147
+ @include animation-fill-mode(both);
148
+ @include animation-name(animation-bounce-in);
144
149
  display: block;
145
- opacity: 1;
146
- visibility: visible;
147
150
  }
148
151
  .dropdown-submenu > a:after {
149
152
  content: " ";
@@ -242,4 +245,4 @@ only screen and ( min-resolution: 2dppx) {
242
245
  .dropdown-menu > .title,
243
246
  .dropdown-menu > li > a { border-width: 0.5px; }
244
247
  .dropdown-menu > .title { letter-spacing: 0.5px; }
245
- }
248
+ }
@@ -25,10 +25,9 @@
25
25
  }
26
26
  .footer-nav > li {
27
27
  float: left;
28
- font-size: 9px;
29
- font-weight: 500;
28
+ font-size: 10px;
29
+ font-weight: bold;
30
30
  margin: 0 5px;
31
- text-transform: uppercase;
32
31
  }
33
32
  .footer-nav > li:first-child { margin-left: 0; }
34
33
  .footer-nav > li:last-child { margin-right: 0; }
@@ -55,7 +54,7 @@
55
54
  color: $color-white;
56
55
  }
57
56
  .footer-light {
58
- background: $color-light-haze;
57
+ background: lighten($color-light-haze, 2%);
59
58
  border-color: $color-dark-haze;
60
59
  }
61
60
 
@@ -69,4 +68,4 @@ only screen and ( min-device-pixel-ratio: 2),
69
68
  only screen and ( min-resolution: 192dpi),
70
69
  only screen and ( min-resolution: 2dppx) {
71
70
  .footer { border-width: 0.5px; }
72
- }
71
+ }