active_frontend 12.4.32 → 13.0.0

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 (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
+ }