active_frontend 15.0.23 → 15.1.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: c43552cdc2d8aef703446ce327de0112d9419993825892f06424ed08f05af8c2
-  data.tar.gz: c681e6c898b76126627251ad762c80b76a0d4005b22bc09b9987b1b52ef958b5
+  metadata.gz: f047e9b1d4c79fa5903b3ce18b26c11a2dcc84108c15a33dc8f1efe3c6fb56e5
+  data.tar.gz: 7e1f65f61538461bfabba0f02586a4f470fb54d9b010ca222a7fb6401046d288
 SHA512:
-  metadata.gz: e451e1ab5e078e33dfdb951c3c92328d7aaee06a2cc165d48513a5527080c8aa34ca30191b22b26dc5deef93239afebf44605a9ad876f031b47bcad6268475eb
-  data.tar.gz: 7454d826d42506548e0b7b01382da38bdf7506ba241e53d09954de133f897c7488b87088888de940d4b25a36be428ca8d5c13d5ee10e6d5fd69cc889c785c90d
+  metadata.gz: f797c72363cf6dc3bd1ffacdf349b2b2f247c83f173344e27c2ec127e18a84640b1ec082c5ec70104e0ef17b4c3340f885ab95e68f632dbab22c23e64032e559
+  data.tar.gz: 1c4553288c8775c243808c67639009fb81f34824857df78085193ed964844621ef28ace6d66f91c2e4f70095123fe2ab1280bde533436ace01d9bf8b89803703

data/lib/active_frontend/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module ActiveFrontend
-  VERSION ||= '15.0.23'
+  VERSION ||= '15.1.0'
 end

data/vendor/assets/stylesheets/_variable.scss

@@ -1,5 +1,6 @@
 // Table of Contents
 // ==================================================
+// Options
 // Animation
 // Color
 // Common
@@ -7,6 +8,10 @@
 // Grid
 // Progress
 
+// Options
+// ==================================================
+$pseudo-elements: true;
+
 // Animation
 // ==================================================
 $animation-delays: (

data/vendor/assets/stylesheets/blocks/_button.scss

@@ -31,21 +31,23 @@
   vertical-align: middle;
   white-space: nowrap;
 
-  &:hover,
-  &.active,
-  &:focus {
-    background: darkish-color(haze);
-    box-shadow: inset 0 -2px dark-color(haze);
-  }
-  &:active,
-  &.disabled,
-  &[disabled] {
-    background: lightish-color(haze);
-    box-shadow: none;
-    color: transparentize(color(black), 0.35);
+  @if ($pseudo-elements) {
+    &:hover,
+    &.active,
+    &:focus {
+      background: darkish-color(haze);
+      box-shadow: inset 0 -2px dark-color(haze);
+    }
+    &:active,
+    &.disabled,
+    &[disabled] {
+      background: lightish-color(haze);
+      box-shadow: none;
+      color: transparentize(color(black), 0.35);
+    }
+    &.disabled,
+    &[disabled] { cursor: not-allowed; }
   }
-  &.disabled,
-  &[disabled] { cursor: not-allowed; }
 
   .badge,
   .label {
@@ -73,41 +75,47 @@
     &.btn-link,
     &.btn-outline { color: color($name); }
     &.btn-link {
-      &:hover,
-      &.active,
-      &:focus { color: darkish-color($name); }
-      &:active,
-      &.disabled,
-      &[disabled] { color: lightish-color($name); }
+      @if ($pseudo-elements) {
+        &:hover,
+        &.active,
+        &:focus { color: darkish-color($name); }
+        &:active,
+        &.disabled,
+        &[disabled] { color: lightish-color($name); }
+      }
     }
     &.btn-outline {
       border-color: color($name);
 
+      @if ($pseudo-elements) {
+        &:hover,
+        &:active,
+        &.active,
+        &:focus,
+        &.disabled,
+        &[disabled] {
+          border-color: darker-color($name);
+          color: text-color-on($name);
+        }
+        &.disabled,
+        &[disabled] { color: color($name); }
+      }
+    }
+
+    @if ($pseudo-elements) {
       &:hover,
-      &:active,
       &.active,
-      &:focus,
+      &:focus {
+        background: darkish-color($name);
+        box-shadow: inset 0 -2px dark-color($name);
+      }
+      &:active,
       &.disabled,
       &[disabled] {
-        border-color: darker-color($name);
-        color: text-color-on($name);
+        background: lightish-color($name);
+        box-shadow: none;
+        color: transparentize(text-color-on($name), 0.35);
       }
-      &.disabled,
-      &[disabled] { color: color($name); }
-    }
-
-    &:hover,
-    &.active,
-    &:focus {
-      background: darkish-color($name);
-      box-shadow: inset 0 -2px dark-color($name);
-    }
-    &:active,
-    &.disabled,
-    &[disabled] {
-      background: lightish-color($name);
-      box-shadow: none;
-      color: transparentize(text-color-on($name), 0.35);
     }
   }
 }
@@ -118,22 +126,26 @@
 .btn-outline {
   background: color(transparent);
 
-  .disabled,
-  &[disabled] { background: inherit; }
+  @if ($pseudo-elements) {
+    .disabled,
+    &[disabled] { background: inherit; }
+  }
 }
 .btn-link {
   border-color: color(transparent);
   border-radius: 0;
   padding: 0;
 
-  &:hover,
-  &:active,
-  &.active,
-  &:focus,
-  &.disabled,
-  &[disabled] {
-    background: inherit;
-    box-shadow: none;
+  @if ($pseudo-elements) {
+    &:hover,
+    &:active,
+    &.active,
+    &:focus,
+    &.disabled,
+    &[disabled] {
+      background: inherit;
+      box-shadow: none;
+    }
   }
 }
 .btn-block {

data/vendor/assets/stylesheets/blocks/_common.scss

@@ -32,14 +32,18 @@
     border-radius: 999px;
     width: 6px;
   }
-  &::-webkit-scrollbar:hover { background: rgba(color(transparent), 0.15); }
+  @if ($pseudo-elements) {
+    &::-webkit-scrollbar:hover { background: rgba(color(transparent), 0.15); }
+  }
   &::-webkit-scrollbar-thumb {
     background: rgba(color(transparent), 0.5);
     border-radius: 999px;
   }
-  &::-webkit-scrollbar-thumb:active {
-    background: rgba(color(transparent), 0.6);
-    border-radius: 999px;
+  @if ($pseudo-elements) {
+    &::-webkit-scrollbar-thumb:active {
+      background: rgba(color(transparent), 0.6);
+      border-radius: 999px;
+    }
   }
 }
 

data/vendor/assets/stylesheets/blocks/_form.scss

@@ -372,9 +372,11 @@ textarea {
     text-align: center;
     width: 100%;
 
-    &:hover {
-      background: color(haze);
-      box-shadow: none !important;
+    @if ($pseudo-elements) {
+      &:hover {
+        background: color(haze);
+        box-shadow: none !important;
+      }
     }
   }
   input[type='checkbox'],
@@ -426,7 +428,9 @@ textarea {
       background: color(light-black);
       box-shadow: inset 0 2px 0 0 dark-color(light-black);
 
-      &:hover { background: color(dark-black); }
+      @if ($pseudo-elements) {
+        &:hover { background: color(dark-black); }
+      }
     }
 
     input[type='checkbox'],
@@ -439,7 +443,9 @@ textarea {
       background: color(light-haze);
       box-shadow: inset 0 2px 0 0 darker-color(light-haze);
 
-      &:hover { background: color(dark-haze); }
+      @if ($pseudo-elements) {
+        &:hover { background: color(dark-haze); }
+      }
     }
 
     input[type='checkbox'],

data/vendor/assets/stylesheets/blocks/_list.scss

@@ -30,14 +30,16 @@ ul {
     > li:nth-child(even) { background: color(haze); }
   }
 }
-.list-hover {
-  > li:hover { background: color(haze); }
+@if ($pseudo-elements) {
+  .list-hover {
+    > li:hover { background: color(haze); }
 
-  &.dark {
-    > li:hover { background: background-hover-color(black); }
-  }
-  &.light {
-    > li:hover { background: background-hover-color(haze); }
+    &.dark {
+      > li:hover { background: background-hover-color(black); }
+    }
+    &.light {
+      > li:hover { background: background-hover-color(haze); }
+    }
   }
 }
 .list-inline {

data/vendor/assets/stylesheets/blocks/_multimedia.scss

@@ -51,11 +51,13 @@ svg:not(:root) {
 
   &.dark { border-color: color(dark-black); }
 }
-@each $name, $color in $colors {
-  .img-avatar-hover-#{$name} {
-    &:hover,
-    &:active,
-    &:focus { border-color: $color; }
+@if ($pseudo-elements) {
+  @each $name, $color in $colors {
+    .img-avatar-hover-#{$name} {
+      &:hover,
+      &:active,
+      &:focus { border-color: $color; }
+    }
   }
 }
 

data/vendor/assets/stylesheets/blocks/_table.scss

@@ -64,46 +64,48 @@ thead {
     }
   }
 }
-.table-hover {
-  tbody {
-    tr:hover {
-      td { background: color(haze); }
-    }
-  }
-
-  &.dark {
+@if ($pseudo-elements) {
+  .table-hover {
     tbody {
       tr:hover {
-        td { background: background-hover-color(black); }
+        td { background: color(haze); }
       }
     }
-  }
-  &.light {
-    tbody {
-      tr:hover {
-        td { background: background-hover-color(haze); }
+
+    &.dark {
+      tbody {
+        tr:hover {
+          td { background: background-hover-color(black); }
+        }
       }
     }
-  }
-}
-.table-highlight {
-  tbody {
-    tr {
-      td:hover { background: color(haze); }
+    &.light {
+      tbody {
+        tr:hover {
+          td { background: background-hover-color(haze); }
+        }
+      }
     }
   }
-
-  &.dark {
+  .table-highlight {
     tbody {
       tr {
-        td:hover { background: background-hover-color(black); }
+        td:hover { background: color(haze); }
       }
     }
-  }
-  &.light {
-    tbody {
-      tr {
-        td:hover { background: background-hover-color(haze); }
+
+    &.dark {
+      tbody {
+        tr {
+          td:hover { background: background-hover-color(black); }
+        }
+      }
+    }
+    &.light {
+      tbody {
+        tr {
+          td:hover { background: background-hover-color(haze); }
+        }
       }
     }
   }

data/vendor/assets/stylesheets/blocks/_typography.scss

@@ -160,14 +160,16 @@ sup { vertical-align: text-top; }
 // ==================================================
 @each $name, $color in $colors {
   .text-color-#{$name} { color: $color; }
-  .text-color-hover-#{$name} {
-    &:hover { color: $color; }
-  }
-  .text-color-focus-#{$name} {
-    &:focus { color: $color; }
-  }
-  .text-color-active-#{$name} {
-    &:active { color: $color; }
+  @if ($pseudo-elements) {
+    .text-color-hover-#{$name} {
+      &:hover { color: $color; }
+    }
+    .text-color-focus-#{$name} {
+      &:focus { color: $color; }
+    }
+    .text-color-active-#{$name} {
+      &:active { color: $color; }
+    }
   }
 }
 

data/vendor/assets/stylesheets/components/_breadcrumb.scss

@@ -15,19 +15,23 @@
 
     &.divider { margin: 0 5px; }
 
-    > a {
-      &:hover,
-      &:active,
-      &:focus { color: color(primary); }
+    @if ($pseudo-elements) {
+      > a {
+        &:hover,
+        &:active,
+        &:focus { color: color(primary); }
+      }
     }
   }
 
-  @each $name, $color in $colors-global {
-    &.#{$name} {
-      > li {
-        &:hover,
-        &:active,
-        &:focus { color: color($name); }
+  @if ($pseudo-elements) {
+    @each $name, $color in $colors-global {
+      &.#{$name} {
+        > li {
+          &:hover,
+          &:active,
+          &:focus { color: color($name); }
+        }
       }
     }
   }

data/vendor/assets/stylesheets/components/_calendar.scss

@@ -52,8 +52,10 @@
     display: inline-block;
     margin-top: 5px;
 
-    &:hover,
-    &:active { color: color(primary); }
+    @if ($pseudo-elements) {
+      &:hover,
+      &:active { color: color(primary); }
+    }
   }
 }
 .calendar-header-left {

data/vendor/assets/stylesheets/components/_carousel.scss

@@ -50,11 +50,13 @@
   top: 0;
   width: 70px;
 
-  &:hover,
-  &:active,
-  &:focus {
-    opacity: 1;
-    outline: none;
+  @if ($pseudo-elements) {
+    &:hover,
+    &:active,
+    &:focus {
+      opacity: 1;
+      outline: none;
+    }
   }
 
   &.right {

data/vendor/assets/stylesheets/components/_datepicker.scss

@@ -20,12 +20,14 @@
       padding: 8px 6px;
       text-align: center;
     }
-    th:not(.dow) {
-      &:hover,
-      &:focus {
-        background: color(gray);
-        color: color(white);
-        cursor: pointer;
+    @if ($pseudo-elements) {
+      th:not(.dow) {
+        &:hover,
+        &:focus {
+          background: color(gray);
+          color: color(white);
+          cursor: pointer;
+        }
       }
     }
     td {
@@ -35,32 +37,34 @@
         background: color(light-black);
         color: color(primary);
       }
-      &.day,
-      &.today {
-        &:hover,
-        &:focus {
-          background: color(gray);
-          color: color(white);
-          cursor: pointer;
-        }
-        &:active,
-        &.active {
-          background: color(primary);
-          color: color(white);
+      @if ($pseudo-elements) {
+        &.day,
+        &.today {
+          &:hover,
+          &:focus {
+            background: color(gray);
+            color: color(white);
+            cursor: pointer;
+          }
+          &:active,
+          &.active {
+            background: color(primary);
+            color: color(white);
+          }
         }
-      }
-      &.old,
-      &.new {
-        color: color(light-gray);
+        &.old,
+        &.new {
+          color: color(light-gray);
 
-        &:hover,
-        &:focus { color: color(white); }
-      }
-      &.disabled {
-        background: color(transparent) !important;
-        color: color(dark-gray) !important;
-        cursor: not-allowed !important;
-        text-decoration: line-through;
+          &:hover,
+          &:focus { color: color(white); }
+        }
+        &.disabled {
+          background: color(transparent) !important;
+          color: color(dark-gray) !important;
+          cursor: not-allowed !important;
+          text-decoration: line-through;
+        }
       }
 
       span {
@@ -71,24 +75,26 @@
         padding: 13px 0;
         width: 23%;
 
-        &:hover,
-        &.focus,
-        &.focused {
-          background: color(gray);
-          color: color(white);
-          cursor: pointer;
-        }
-        &:active,
-        &.active,
-        &.focused {
-          background: color(primary);
-          color: color(white);
-        }
-        &.disabled {
-          background: color(transparent) !important;
-          color: color(dark-gray) !important;
-          cursor: not-allowed !important;
-          text-decoration: line-through;
+        @if ($pseudo-elements) {
+          &:hover,
+          &.focus,
+          &.focused {
+            background: color(gray);
+            color: color(white);
+            cursor: pointer;
+          }
+          &:active,
+          &.active,
+          &.focused {
+            background: color(primary);
+            color: color(white);
+          }
+          &.disabled {
+            background: color(transparent) !important;
+            color: color(dark-gray) !important;
+            cursor: not-allowed !important;
+            text-decoration: line-through;
+          }
         }
       }
     }

data/vendor/assets/stylesheets/components/_nav_and_tab.scss

@@ -127,12 +127,14 @@
       border-radius: border-radius(b);
       padding: 8px 10px;
 
-      &:hover,
-      &:focus { background: color(haze); }
-      &:active {
-        background: color(primary);
-        border-color: darker-color(primary);
-        color: color(white);
+      @if ($pseudo-elements) {
+        &:hover,
+        &:focus { background: color(haze); }
+        &:active {
+          background: color(primary);
+          border-color: darker-color(primary);
+          color: color(white);
+        }
       }
     }
 
@@ -153,8 +155,10 @@
         background: color(black);
         border-color: dark-color(black);
 
-        &:hover,
-        &:focus { background: color(light-black); }
+        @if ($pseudo-elements) {
+          &:hover,
+          &:focus { background: color(light-black); }
+        }
       }
     }
   }
@@ -163,8 +167,10 @@
       > a {
         background: color(white);
 
-        &:hover,
-        &:focus { background: color(light-haze); }
+        @if ($pseudo-elements) {
+          &:hover,
+          &:focus { background: color(light-haze); }
+        }
       }
     }
   }
@@ -208,9 +214,11 @@
       border-bottom: 2px solid color(transparent);
       padding-bottom: 15px;
 
-      &:hover,
-      &:active,
-      &:focus { border-color: inherit; }
+      @if ($pseudo-elements) {
+        &:hover,
+        &:active,
+        &:focus { border-color: inherit; }
+      }
     }
 
     &.pull-right {

data/vendor/assets/stylesheets/components/_navbar.scss

@@ -27,18 +27,20 @@
     vertical-align: middle;
     width: 1%;
 
-    &:hover,
-    &.active,
-    &:active,
-    &:focus { color: color(primary); }
-
-    &.primary {
+    @if ($pseudo-elements) {
       &:hover,
       &.active,
       &:active,
-      &:focus {
-        background: darkish-color(primary);
-        color: color(white);
+      &:focus { color: color(primary); }
+
+      &.primary {
+        &:hover,
+        &.active,
+        &:active,
+        &:focus {
+          background: darkish-color(primary);
+          color: color(white);
+        }
       }
     }
 

data/vendor/assets/stylesheets/components/_pagination.scss

@@ -27,10 +27,15 @@
       text-align: center;
     }
 
-    a { background: color(haze); }
-    a:hover,
-    a:focus { background: darkish-color(haze); }
-    a:active { background: lightish-color(haze); }
+    a {
+      background: color(haze);
+
+      @if ($pseudo-elements) {
+        &:hover,
+        &:focus { background: darkish-color(haze); }
+        &:active { background: lightish-color(haze); }
+      }
+    }
 
     &.active {
       background: color(primary);
@@ -62,18 +67,28 @@
   &.white { background: color(transparent); }
   &.dark {
     li {
-      a { background: color(light-black); }
-      a:hover,
-      a:focus { background: darkish-color(light-black); }
-      a:active { background: lightish-color(light-black); }
+      a {
+        background: color(light-black);
+
+        @if ($pseudo-elements) {
+          &:hover,
+          &:focus { background: darkish-color(light-black); }
+          &:active { background: lightish-color(light-black); }
+        }
+      }
     }
   }
   &.light {
     li {
-      a { background: color(dark-haze); }
-      a:hover,
-      a:focus { background: darkish-color(dark-haze); }
-      a:active { background: lightish-color(dark-haze); }
+      a {
+        background: color(dark-haze);
+
+        @if ($pseudo-elements) {
+          &:hover,
+          &:focus { background: darkish-color(dark-haze); }
+          &:active { background: lightish-color(dark-haze); }
+        }
+      }
     }
   }
 }

data/vendor/assets/stylesheets/components/_timepicker.scss

@@ -23,9 +23,11 @@
         color: color(gray);
         font-size: 24px;
 
-        &:hover,
-        &:active,
-        &:focus { color: color(primary); }
+        @if ($pseudo-elements) {
+          &:hover,
+          &:active,
+          &:focus { color: color(primary); }
+        }
       }
     }
   }

data/vendor/assets/stylesheets/components/_wysiwyg.scss

@@ -351,10 +351,12 @@
         a {
           i { display: none; }
 
-          &.checked,
-          &:hover,
-          &:active,
-          &:focus { color: color(primary); }
+          @if ($pseudo-elements) {
+            &.checked,
+            &:hover,
+            &:active,
+            &:focus { color: color(primary); }
+          }
         }
       }
     }
@@ -371,7 +373,9 @@
         padding: 0;
         width: 20px;
 
-        &:hover { border: 1px solid color(black); }
+        @if ($pseudo-elements) {
+          &:hover { border: 1px solid color(black); }
+        }
       }
     }
   }
@@ -482,19 +486,21 @@
         display: block !important;
         padding: 3px;
 
-        &:hover,
-        &.active,
-        &:active,
-        &:focus {
-          background: #428bca;
-          clear: both;
-          color: color(white);
-          cursor: pointer;
-          display: block;
-          font-weight: text-weight(normal);
-          outline: 0;
-          text-decoration: none;
-          white-space: nowrap;
+        @if ($pseudo-elements) {
+          &:hover,
+          &.active,
+          &:active,
+          &:focus {
+            background: #428bca;
+            clear: both;
+            color: color(white);
+            cursor: pointer;
+            display: block;
+            font-weight: text-weight(normal);
+            outline: 0;
+            text-decoration: none;
+            white-space: nowrap;
+          }
         }
       }
     }

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: active_frontend
 version: !ruby/object:Gem::Version
-  version: 15.0.23
+  version: 15.1.0
 platform: ruby
 authors:
 - Juan Gomez
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2017-12-05 00:00:00.000000000 Z
+date: 2017-12-07 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails