active_frontend 6.2.0 → 6.3.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 0a64110a2af8a18702d3151ff0d5e78f94db5cbe
-  data.tar.gz: d84108c89eda405fe58d31bd197085108033e0a2
+  metadata.gz: 0b76d774f8e3211387e19fe3c3a70ba11508f8e7
+  data.tar.gz: 9a3222a789b4148f523e8f69f0f698065610b13c
 SHA512:
-  metadata.gz: dc93f245bfded1f29907c8131e88c8a88eeda7ed4c9e17fa4a2839242a6478432c67da10fd5b75e0dac0b23871b4a517394de7e887e691adf7278df5b92d1e73
-  data.tar.gz: ffbc709a10170705f47e4999f112af3142e07f05f392fd9306cbd92677663043832aabe4114f37906f133d836663f429b53ebd92e1a78fe37fc19991c8cd9026
+  metadata.gz: f66ea0b03134d3a4ef3a6384b4e9b5514cd4536080e29051e2fae4c37bd503dd540b6850ed6136c75dfc139477a60b4e31bbeddc493b628693644c2d3e6d3512
+  data.tar.gz: 60e427bd97d0d0a201559d38061d5b78882eee9df2a507ea902e2853829e134666afbba2cdef285d4734bcff5c71c66492774ce0cbd6029615252f6cb42d67e3

data/lib/active_frontend/version.rb

@@ -1,3 +1,3 @@
 module ActiveFrontend
-  VERSION = "6.2.0"
+  VERSION = "6.3.0"
 end

data/vendor/assets/stylesheets/_animation.scss

@@ -11,8 +11,6 @@
   animation-duration: 1s;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
-  -webkit-backface-visibility: hidden !important;
-  backface-visibility: hidden !important;
   -webkit-perspective: 1000;
   perspective: 1000;
   position: relative;

data/vendor/assets/stylesheets/_aside.scss

@@ -56,7 +56,7 @@
   width: 100%;
   z-index: 1051;
 }
-.aside-header h3 {
+.aside-header > h3 {
   color: rgba(255,255,255,1);
   font-size: 14px;
   letter-spacing: 1px;
@@ -74,7 +74,7 @@
   top: 0;
   z-index: 1051;
 }
-.aside-body p:last-child { margin-bottom: 0; }
+.aside-body > p:last-child { margin-bottom: 0; }
 .aside-footer {
   background: rgba(255,255,255,1);
   border-top: 1px solid rgba(230,237,242,1);
@@ -89,7 +89,7 @@
 button.aside-footer-btn,
 input.aside-footer-btn {
   -webkit-appearance: none;
-  -moz-appearance: none;
+  appearance: none;
   background: rgba(255,255,255,1);
   border-radius: 0;
   border: 0;

data/vendor/assets/stylesheets/_breadcrumb.scss

@@ -6,13 +6,13 @@
 ================================================== */
 .breadcrumb {
   list-style: none;
-  margin-bottom: 10px;
+  margin: 0 0 10px 0;
   padding: 0;
 }
 .breadcrumb > li {
   display: inline-block;
-  font-weight: bold;
   font-size: 13px;
+  font-weight: bold;
 }
 .breadcrumb > li > a { color: rgba(35,41,55,1); }
 .breadcrumb > li > a:hover { color: $primary-color; }

data/vendor/assets/stylesheets/_button.scss

@@ -16,7 +16,7 @@
 ================================================== */
 .btn {
   -webkit-appearance: none;
-  -moz-appearance: none;
+  appearance: none;
   background: rgba(245,248,250,1);
   border: 1px solid rgba(245,248,250,1);
   border-radius: 2px;
@@ -35,24 +35,29 @@
   text-decoration: none;
   text-rendering: geometricPrecision;
   text-transform: uppercase;
+  touch-action: manipulation;
   -webkit-transition: all 0.3s linear;
   transition: all 0.3s linear;
   vertical-align: middle;
   white-space: nowrap;
 }
-.btn:active,
-.btn.active,
 .btn:hover,
 .btn:focus,
+.btn:active,
+.btn.active,
 .btn[disabled],
 .btn[disabled]:hover,
+.btn[disabled]:focus,
+.btn[disabled]:active,
 .open > .dropdown-toggle.btn {
   background: rgba(240,243,245,1);
   border-color: rgba(240,243,245,1);
   text-decoration: none;
 }
 .btn[disabled],
-.btn[disabled]:hover {
+.btn[disabled]:hover,
+.btn[disabled]:focus,
+.btn[disabled]:active {
   cursor: not-allowed;
   pointer-events: none;
 }
@@ -84,17 +89,26 @@ input.btn-block {
 
 /* # Colors
 ================================================== */
+.btn-black,
+.btn-blue,
+.btn-green,
+.btn-orange,
+.btn-purple,
+.btn-red,
+.btn-smoke,
+.btn-yellow { color: rgba(255,255,255,1); }
 .btn-black {
   background: rgba(35,41,55,1);
   border-color: rgba(35,41,55,1);
-  color: rgba(255,255,255,1) !important;
 }
-.btn-black[disabled],
-.btn-black[disabled]:hover,
-.btn-black:active,
-.btn-black.active,
 .btn-black:hover,
 .btn-black:focus,
+.btn-black:active,
+.btn-black.active,
+.btn-black[disabled],
+.btn-black[disabled]:hover,
+.btn-black[disabled]:focus,
+.btn-black[disabled]:active,
 .open > .dropdown-toggle.btn.btn-black {
   background: rgba(25,31,45,1);
   border-color: rgba(25,31,45,1);
@@ -102,14 +116,15 @@ input.btn-block {
 .btn-blue {
   background: rgba(0,102,255,1);
   border-color: rgba(0,102,255,1);
-  color: rgba(255,255,255,1) !important;
 }
-.btn-blue[disabled],
-.btn-blue[disabled]:hover,
-.btn-blue:active,
-.btn-blue.active,
 .btn-blue:hover,
 .btn-blue:focus,
+.btn-blue:active,
+.btn-blue.active,
+.btn-blue[disabled],
+.btn-blue[disabled]:hover,
+.btn-blue[disabled]:focus,
+.btn-blue[disabled]:active,
 .open > .dropdown-toggle.btn.btn-blue {
   background: rgba(0,92,245,1);
   border-color: rgba(0,92,245,1);
@@ -117,14 +132,15 @@ input.btn-block {
 .btn-green {
   background: rgba(0,200,0,1);
   border-color: rgba(0,200,0,1);
-  color: rgba(255,255,255,1) !important;
 }
-.btn-green[disabled],
-.btn-green[disabled]:hover,
-.btn-green:active,
-.btn-green.active,
 .btn-green:hover,
 .btn-green:focus,
+.btn-green:active,
+.btn-green.active,
+.btn-green[disabled],
+.btn-green[disabled]:hover,
+.btn-green[disabled]:focus,
+.btn-green[disabled]:active,
 .open > .dropdown-toggle.btn.btn-green {
   background: rgba(0,190,0,1);
   border-color: rgba(0,190,0,1);
@@ -132,14 +148,15 @@ input.btn-block {
 .btn-orange {
   background: rgba(255,82,0,1);
   border-color: rgba(255,82,0,1);
-  color: rgba(255,255,255,1) !important;
 }
-.btn-orange[disabled],
-.btn-orange[disabled]:hover,
-.btn-orange:active,
-.btn-orange.active,
 .btn-orange:hover,
 .btn-orange:focus,
+.btn-orange:active,
+.btn-orange.active,
+.btn-orange[disabled],
+.btn-orange[disabled]:hover,
+.btn-orange[disabled]:focus,
+.btn-orange[disabled]:active,
 .open > .dropdown-toggle.btn.btn-orange {
   background: rgba(245,72,0,1);
   border-color: rgba(245,72,0,1);
@@ -147,14 +164,15 @@ input.btn-block {
 .btn-purple {
   background: rgba(128,0,255,1);
   border-color: rgba(128,0,255,1);
-  color: rgba(255,255,255,1) !important;
 }
-.btn-purple[disabled],
-.btn-purple[disabled]:hover,
-.btn-purple:active,
-.btn-purple.active,
 .btn-purple:hover,
 .btn-purple:focus,
+.btn-purple:active,
+.btn-purple.active,
+.btn-purple[disabled],
+.btn-purple[disabled]:hover,
+.btn-purple[disabled]:focus,
+.btn-purple[disabled]:active,
 .open > .dropdown-toggle.btn.btn-purple {
   background: rgba(118,0,255,1);
   border-color: rgba(118,0,255,1);
@@ -162,14 +180,15 @@ input.btn-block {
 .btn-red {
   background: rgba(240,35,17,1);
   border-color: rgba(240,35,17,1);
-  color: rgba(255,255,255,1) !important;
 }
-.btn-red[disabled],
-.btn-red[disabled]:hover,
-.btn-red:active,
-.btn-red.active,
 .btn-red:hover,
 .btn-red:focus,
+.btn-red:active,
+.btn-red.active,
+.btn-red[disabled],
+.btn-red[disabled]:hover,
+.btn-red[disabled]:focus,
+.btn-red[disabled]:active,
 .open > .dropdown-toggle.btn.btn-red {
   background: rgba(230,25,7,1);
   border-color: rgba(230,25,7,1);
@@ -177,14 +196,15 @@ input.btn-block {
 .btn-smoke {
   background: rgba(85,94,113,1);
   border-color: rgba(85,94,113,1);
-  color: rgba(255,255,255,1) !important;
 }
-.btn-smoke[disabled],
-.btn-smoke[disabled]:hover,
-.btn-smoke:active,
-.btn-smoke.active,
 .btn-smoke:hover,
 .btn-smoke:focus,
+.btn-smoke:active,
+.btn-smoke.active,
+.btn-smoke[disabled],
+.btn-smoke[disabled]:hover,
+.btn-smoke[disabled]:focus,
+.btn-smoke[disabled]:active,
 .open > .dropdown-toggle.btn.btn-smoke {
   background: rgba(75,84,103,1);
   border-color: rgba(75,84,103,1);
@@ -193,12 +213,14 @@ input.btn-block {
   background: rgba(255,255,255,1);
   border-color: rgba(255,255,255,1);
 }
-.btn-white[disabled],
-.btn-white[disabled]:hover,
-.btn-white:active,
-.btn-white.active,
 .btn-white:hover,
 .btn-white:focus,
+.btn-white:active,
+.btn-white.active,
+.btn-white[disabled],
+.btn-white[disabled]:hover,
+.btn-white[disabled]:focus,
+.btn-white[disabled]:active,
 .open > .dropdown-toggle.btn.btn-white {
   background: rgba(240,243,245,1);
   border-color: rgba(240,243,245,1);
@@ -206,14 +228,15 @@ input.btn-block {
 .btn-yellow {
   background: rgba(255,245,0,1);
   border-color: rgba(255,245,0,1);
-  color: rgba(255,255,255,1) !important;
 }
-.btn-yellow[disabled],
-.btn-yellow[disabled]:hover,
-.btn-yellow:active,
-.btn-yellow.active,
 .btn-yellow:hover,
 .btn-yellow:focus,
+.btn-yellow:active,
+.btn-yellow.active,
+.btn-yellow[disabled],
+.btn-yellow[disabled]:hover,
+.btn-yellow[disabled]:focus,
+.btn-yellow[disabled]:active,
 .open > .dropdown-toggle.btn.btn-yellow {
   background: rgba(245,235,0,1);
   border-color: rgba(245,235,0,1);
@@ -225,19 +248,20 @@ input.btn-block {
   background: transparent;
   border-color: transparent;
   border-radius: 0;
-  box-shadow: none;
-  color: rgba(136,153,166,1) !important;
+  color: rgba(136,153,166,1);
   padding: 0;
 }
-.btn-link:active,
-.btn-link.active,
 .btn-link:hover,
 .btn-link:focus,
+.btn-link:active,
+.btn-link.active,
 .btn-link[disabled],
-.btn-link[disabled]:hover {
+.btn-link[disabled]:hover,
+.btn-link[disabled]:focus,
+.btn-link[disabled]:active {
   background: transparent;
   border-color: transparent;
-  color: rgba(85,94,113,1) !important;
+  color: rgba(85,94,113,1);
 }
 
 /* # Icons
@@ -277,117 +301,156 @@ input.btn-block {
 ================================================== */
 .btn-outline,
 .btn-outline[disabled],
-.btn-outline[disabled]:hover {
+.btn-outline[disabled]:hover,
+.btn-outline[disabled]:focus,
+.btn-outline[disabled]:active {
   background: transparent;
-  color: rgba(85,94,113,1) !important;
+  color: rgba(85,94,113,1);
 }
-.btn-outline:active,
-.btn-outline.active,
 .btn-outline:hover,
 .btn-outline:focus,
+.btn-outline:active,
+.btn-outline.active,
 .open > .dropdown-toggle.btn.btn-outline {
   background: rgba(240,243,245,1);
-  color: rgba(35,41,55,1) !important;
+  color: rgba(35,41,55,1);
 }
 .btn-outline.btn-black,
 .btn-outline.btn-black[disabled],
-.btn-outline.btn-black[disabled]:hover { color: rgba(35,41,55,1) !important; }
-.btn-outline.btn-black:active,
-.btn-outline.btn-black.active,
-.btn-outline.btn-black:hover,
-.btn-outline.btn-black:focus,
-.open > .dropdown-toggle.btn.btn-outline.btn-black {
-  background: rgba(25,31,45,1);
-  color: rgba(255,255,255,1) !important;
-}
+.btn-outline.btn-black[disabled]:hover,
+.btn-outline.btn-black[disabled]:focus,
+.btn-outline.btn-black[disabled]:active { color: rgba(35,41,55,1); }
 .btn-outline.btn-blue,
 .btn-outline.btn-blue[disabled],
-.btn-outline.btn-blue[disabled]:hover { color: rgba(0,102,255,1) !important; }
-.btn-outline.btn-blue:active,
-.btn-outline.btn-blue.active,
-.btn-outline.btn-blue:hover,
-.btn-outline.btn-blue:focus,
-.open > .dropdown-toggle.btn.btn-outline.btn-blue {
-  background: rgba(0,92,245,1);
-  color: rgba(255,255,255,1) !important;
-}
+.btn-outline.btn-blue[disabled]:hover,
+.btn-outline.btn-blue[disabled]:focus,
+.btn-outline.btn-blue[disabled]:active { color: rgba(0,102,255,1); }
 .btn-outline.btn-green,
 .btn-outline.btn-green[disabled],
-.btn-outline.btn-green[disabled]:hover { color: rgba(0,204,0,1) !important; }
-.btn-outline.btn-green:active,
-.btn-outline.btn-green.active,
-.btn-outline.btn-green:hover,
-.btn-outline.btn-green:focus,
-.open > .dropdown-toggle.btn.btn-outline.btn-green {
-  background: rgba(0,190,0,1);
-  color: rgba(255,255,255,1) !important;
-}
+.btn-outline.btn-green[disabled]:hover,
+.btn-outline.btn-green[disabled]:focus,
+.btn-outline.btn-green[disabled]:active { color: rgba(0,204,0,1); }
 .btn-outline.btn-orange,
 .btn-outline.btn-orange[disabled],
-.btn-outline.btn-orange[disabled]:hover { color: rgba(255,82,0,1) !important; }
-.btn-outline.btn-orange:active,
-.btn-outline.btn-orange.active,
-.btn-outline.btn-orange:hover,
-.btn-outline.btn-orange:focus,
-.open > .dropdown-toggle.btn.btn-outline.btn-orange {
-  background: rgba(245,72,0,1);
-  color: rgba(255,255,255,1) !important;
-}
+.btn-outline.btn-orange[disabled]:hover,
+.btn-outline.btn-orange[disabled]:focus,
+.btn-outline.btn-orange[disabled]:active { color: rgba(255,82,0,1); }
 .btn-outline.btn-purple,
 .btn-outline.btn-purple[disabled],
-.btn-outline.btn-purple[disabled]:hover { color: rgba(128,0,255,1) !important; }
-.btn-outline.btn-purple:active,
-.btn-outline.btn-purple.active,
-.btn-outline.btn-purple:hover,
-.btn-outline.btn-purple:focus,
-.open > .dropdown-toggle.btn.btn-outline.btn-purple {
-  background: rgba(118,0,255,1);
-  color: rgba(255,255,255,1) !important;
-}
+.btn-outline.btn-purple[disabled]:hover,
+.btn-outline.btn-purple[disabled]:focus,
+.btn-outline.btn-purple[disabled]:active { color: rgba(128,0,255,1); }
 .btn-outline.btn-red,
 .btn-outline.btn-red[disabled],
-.btn-outline.btn-red[disabled]:hover { color: rgba(240,35,17,1) !important; }
-.btn-outline.btn-red:active,
-.btn-outline.btn-red.active,
-.btn-outline.btn-red:hover,
-.btn-outline.btn-red:focus,
-.open > .dropdown-toggle.btn.btn-outline.btn-red {
-  background: rgba(230,25,7,1);
-  color: rgba(255,255,255,1) !important;
-}
+.btn-outline.btn-red[disabled]:hover,
+.btn-outline.btn-red[disabled]:focus,
+.btn-outline.btn-red[disabled]:active { color: rgba(240,35,17,1); }
 .btn-outline.btn-smoke,
 .btn-outline.btn-smoke[disabled],
-.btn-outline.btn-smoke[disabled]:hover { color: rgba(85,94,113,1) !important; }
+.btn-outline.btn-smoke[disabled]:hover,
+.btn-outline.btn-smoke[disabled]:focus,
+.btn-outline.btn-smoke[disabled]:active { color: rgba(85,94,113,1); }
+.btn-outline.btn-white,
+.btn-outline.btn-white[disabled],
+.btn-outline.btn-white[disabled]:hover,
+.btn-outline.btn-white[disabled]:focus,
+.btn-outline.btn-white[disabled]:active { color: rgba(255,255,255,1); }
+.btn-outline.btn-yellow,
+.btn-outline.btn-yellow[disabled],
+.btn-outline.btn-yellow[disabled]:hover,
+.btn-outline.btn-yellow[disabled]:focus,
+.btn-outline.btn-yellow[disabled]:active { color: rgba(255,245,0,1); }
+
+
+
+.btn-outline.btn-black:hover,
+.btn-outline.btn-black:focus,
+.btn-outline.btn-black:active,
+.btn-outline.btn-black.active,
+.open > .dropdown-toggle.btn.btn-outline.btn-black,
+.btn-outline.btn-blue:hover,
+.btn-outline.btn-blue:focus,
+.btn-outline.btn-blue:active,
+.btn-outline.btn-blue.active,
+.open > .dropdown-toggle.btn.btn-outline.btn-blue,
+.btn-outline.btn-green:hover,
+.btn-outline.btn-green:focus,
+.btn-outline.btn-green:active,
+.btn-outline.btn-green.active,
+.open > .dropdown-toggle.btn.btn-outline.btn-green,
+.btn-outline.btn-orange:hover,
+.btn-outline.btn-orange:focus,
+.btn-outline.btn-orange:active,
+.btn-outline.btn-orange.active,
+.open > .dropdown-toggle.btn.btn-outline.btn-orange,
+.btn-outline.btn-purple:hover,
+.btn-outline.btn-purple:focus,
+.btn-outline.btn-purple:active,
+.btn-outline.btn-purple.active,
+.open > .dropdown-toggle.btn.btn-outline.btn-purple,
+.btn-outline.btn-red:hover,
+.btn-outline.btn-red:focus,
+.btn-outline.btn-red:active,
+.btn-outline.btn-red.active,
+.open > .dropdown-toggle.btn.btn-outline.btn-red,
+.btn-outline.btn-smoke:hover,
+.btn-outline.btn-smoke:focus,
 .btn-outline.btn-smoke:active,
 .btn-outline.btn-smoke.active,
+.open > .dropdown-toggle.btn.btn-outline.btn-smoke,
+.btn-outline.btn-yellow:hover,
+.btn-outline.btn-yellow:focus,
+.btn-outline.btn-yellow:active,
+.btn-outline.btn-yellow.active,
+.open > .dropdown-toggle.btn.btn-outline.btn-yellow { color: rgba(255,255,255,1); }
+.btn-outline.btn-black:hover,
+.btn-outline.btn-black:focus,
+.btn-outline.btn-black:active,
+.btn-outline.btn-black.active,
+.open > .dropdown-toggle.btn.btn-outline.btn-black { background: rgba(25,31,45,1); }
+.btn-outline.btn-blue:hover,
+.btn-outline.btn-blue:focus,
+.btn-outline.btn-blue:active,
+.btn-outline.btn-blue.active,
+.open > .dropdown-toggle.btn.btn-outline.btn-blue { background: rgba(0,92,245,1); }
+.btn-outline.btn-green:hover,
+.btn-outline.btn-green:focus,
+.btn-outline.btn-green:active,
+.btn-outline.btn-green.active,
+.open > .dropdown-toggle.btn.btn-outline.btn-green { background: rgba(0,190,0,1); }
+.btn-outline.btn-orange:hover,
+.btn-outline.btn-orange:focus,
+.btn-outline.btn-orange:active,
+.btn-outline.btn-orange.active,
+.open > .dropdown-toggle.btn.btn-outline.btn-orange { background: rgba(245,72,0,1); }
+.btn-outline.btn-purple:hover,
+.btn-outline.btn-purple:focus,
+.btn-outline.btn-purple:active,
+.btn-outline.btn-purple.active,
+.open > .dropdown-toggle.btn.btn-outline.btn-purple { background: rgba(118,0,255,1); }
+.btn-outline.btn-red:hover,
+.btn-outline.btn-red:focus,
+.btn-outline.btn-red:active,
+.btn-outline.btn-red.active,
+.open > .dropdown-toggle.btn.btn-outline.btn-red { background: rgba(230,25,7,1); }
 .btn-outline.btn-smoke:hover,
 .btn-outline.btn-smoke:focus,
-.open > .dropdown-toggle.btn.btn-outline.btn-smoke {
-  background: rgba(75,84,103,1);
-  color: rgba(255,255,255,1) !important;
-}
-.btn-outline.btn-white,
-.btn-outline.btn-white[disabled],
-.btn-outline.btn-white[disabled]:hover { color: rgba(255,255,255,1) !important; }
-.btn-outline.btn-white:active,
-.btn-outline.btn-white.active,
+.btn-outline.btn-smoke:active,
+.btn-outline.btn-smoke.active,
+.open > .dropdown-toggle.btn.btn-outline.btn-smoke { background: rgba(75,84,103,1); }
 .btn-outline.btn-white:hover,
 .btn-outline.btn-white:focus,
+.btn-outline.btn-white:active,
+.btn-outline.btn-white.active,
 .open > .dropdown-toggle.btn.btn-outline.btn-white {
   background: rgba(240,243,245,1);
-  color: rgba(35,41,55,1) !important;
+  color: rgba(35,41,55,1);
 }
-.btn-outline.btn-yellow,
-.btn-outline.btn-yellow[disabled],
-.btn-outline.btn-yellow[disabled]:hover { color: rgba(255,245,0,1) !important; }
-.btn-outline.btn-yellow:active,
-.btn-outline.btn-yellow.active,
 .btn-outline.btn-yellow:hover,
 .btn-outline.btn-yellow:focus,
-.open > .dropdown-toggle.btn.btn-outline.btn-yellow {
-  background: rgba(245,235,0,1);
-  color: rgba(255,255,255,1) !important;
-}
+.btn-outline.btn-yellow:active,
+.btn-outline.btn-yellow.active,
+.open > .dropdown-toggle.btn.btn-outline.btn-yellow { background: rgba(245,235,0,1); }
 
 /* # Styles
 ================================================== */