active_frontend 12.0.3 → 12.1.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: fe429bde754a31b7cf9d1c02523b6c3bf7d685e9
-  data.tar.gz: 1984cd4d712c1ca3c60941ac64513bb0155b1fd8
+  metadata.gz: 7fe8ce2265f1e04a5771d1fb4180ae2a6c05ed85
+  data.tar.gz: 860eb1e38fbf23dc2f84f9528517332733afa2d9
 SHA512:
-  metadata.gz: bec70ff3c7105102ead79bd12be2d78d5d9ff6d25ee94fb3a894cfdc2abe74e04ffdbdecb1bd4c9bf33657e085017723d6a370d1e59125430041275223f40516
-  data.tar.gz: 67674887dd9c4b93050c6990c98f812f435eb2225db1603320e42d10599760dcedfef540bccee1bddc5865fce9524749b7eadfbbc65f207c51576403b352b777
+  metadata.gz: 7d81153efe781485284a66fb2a9504d6c54ba6a1efe3f3f55504e3e4b8f745abe5ff3a2e1298b21d676629874914e405da9f92001fd015361d24ba10389836b9
+  data.tar.gz: 79029c6b9044f93f4ade821c1b04ec52725a1e1fc419a849125e9399e7e37c10c2ea736a4a596eeec3eb45591719e81fed020c3abeb66e871fd6127d03f0ce2c

data/lib/active_frontend/version.rb

@@ -1,3 +1,3 @@
 module ActiveFrontend
-  VERSION = "12.0.3"
+  VERSION = "12.1.0"
 end

data/vendor/assets/stylesheets/_alert.scss

@@ -3,7 +3,8 @@
 # Variables
 # Alert
 # Styles
-# Colors */
+# Colors
+# Media Queries */
 
 /* # Variables
 ================================================== */
@@ -102,4 +103,16 @@ $onwhite-colors: (
     background: $color;
     border-color: darken($color, 5%);
   }
+}
+
+/* # Media Queries
+================================================== */
+@media
+only screen and (-webkit-min-device-pixel-ratio: 2),
+only screen and (   min--moz-device-pixel-ratio: 2),
+only screen and (     -o-min-device-pixel-ratio: 2/1),
+only screen and (        min-device-pixel-ratio: 2),
+only screen and (                min-resolution: 192dpi),
+only screen and (                min-resolution: 2dppx) {
+  .alert { border-width: 0.5px; }
 }

data/vendor/assets/stylesheets/_canvas.scss

@@ -1,6 +1,7 @@
 /* Table of Contents
 ==================================================
 # Canvas
+# Canvas Alt
 # Media Queries */
 
 /* # Canvas
@@ -8,6 +9,10 @@
 .canvas {
   clear: both;
   display: block;
+  max-height: 100%;
+  height: 100%;
+  max-width: 100%;
+  width: 100%;
 }
 .canvas-content,
 .canvas-sidebar,
@@ -15,11 +20,12 @@
   box-sizing: border-box;
   display: block;
   float: left;
+  max-height: 100%;
   height: 100%;
-  min-height: 100%;
   @include overflow-scrolling(touch);
 }
 .canvas-content {
+  overflow: scroll;
   padding: 30px 0;
   max-width: 100%;
   width: 100%;
@@ -44,38 +50,30 @@
   max-width: 55px;
   width: 55px;
 }
-.canvas-with-header > .canvas-content,
-.canvas-with-header > .canvas-sidebar,
-.canvas-with-header > .canvas-toolbar,
-.canvas-with-header-and-footer > .canvas-content,
-.canvas-with-header-and-footer > .canvas-sidebar,
-.canvas-with-header-and-footer > .canvas-toolbar { margin-top: 60px; }
-.canvas-with-footer > .canvas-content,
-.canvas-with-header-and-footer > .canvas-content { padding-bottom: 60px; }
-.canvas-with-header > .canvas-content,
-.canvas-with-header > .canvas-sidebar,
-.canvas-with-header > .canvas-toolbar,
-.canvas-with-header > .canvas-sidebar > .sidebar,
-.canvas-with-header > .canvas-toolbar > .toolbar {
+.canvas-section-with-header,
+.canvas-section-with-header-and-footer { margin-top: 60px; }
+.canvas-section-with-header-condensed,
+.canvas-section-with-header-condensed-and-footer { margin-top: 50px; }
+.canvas-section-with-header {
   max-height: calc(100% - 60px);
   height: calc(100% - 60px);
 }
-.canvas-with-footer > .canvas-content,
-.canvas-with-footer > .canvas-sidebar,
-.canvas-with-footer > .canvas-toolbar,
-.canvas-with-footer > .canvas-sidebar > .sidebar,
-.canvas-with-footer > .canvas-toolbar > .toolbar {
-  max-height: calc(100% - 30px);
-  height: calc(100% - 30px);
+.canvas-section-with-header-condensed {
+  max-height: calc(100% - 50px);
+  height: calc(100% - 50px);
 }
-.canvas-with-header-and-footer > .canvas-content,
-.canvas-with-header-and-footer > .canvas-sidebar,
-.canvas-with-header-and-footer > .canvas-toolbar,
-.canvas-with-header-and-footer > .canvas-sidebar > .sidebar,
-.canvas-with-header-and-footer > .canvas-toolbar > .toolbar {
+.canvas-section-with-header-and-footer {
   max-height: calc(100% - 90px);
   height: calc(100% - 90px);
 }
+.canvas-section-with-header-condensed-and-footer {
+  max-height: calc(100% - 80px);
+  height: calc(100% - 80px);
+}
+.canvas-section-with-footer {
+  max-height: calc(100% - 30px);
+  height: calc(100% - 30px);
+}
 
 /* # Media Queries
 ================================================== */
@@ -127,10 +125,19 @@
     max-width: 100%;
     width: 100%;
   }
-  .canvas-with-header > .canvas-content,
-  .canvas-with-footer > .canvas-content,
-  .canvas-with-header-and-footer > .canvas-content {
-    margin-top: 50px;
-    padding-bottom: 140px;
+  .canvas-section-with-header,
+  .canvas-section-with-header-and-footer,
+  .canvas-section-with-header-and-navbar,
+  .canvas-section-with-header-condensed,
+  .canvas-section-with-header-condensed-and-footer,
+  .canvas-section-with-header-condensed-and-navbar { margin-top: 50px; }
+  .canvas-section-with-header-and-navbar,
+  .canvas-section-with-header-condensed-and-navbar {
+    max-height: calc(100% - 100px);
+    height: calc(100% - 100px);
+  }
+  .canvas-section-with-navbar {
+    max-height: calc(100% - 50px);
+    height: calc(100% - 50px);
   }
 }

data/vendor/assets/stylesheets/_color.scss

@@ -19,13 +19,13 @@ $color-white: rgba(255,255,255,1);
 
 /* # Base Colors
 ================================================== */
-$color-lime: rgba(161,200,32,1);
-$color-green: rgba(99,188,16,1);
-$color-teal: rgba(10,181,159,1);
-$color-blue: rgba(27,98,224,1);
-$color-indigo: rgba(85,71,235,1);
-$color-purple: rgba(78,60,140,1);
-$color-pink: rgba(254,87,121,1);
-$color-red: rgba(255,61,31,1);
-$color-orange: rgba(255,116,0,1);
+$color-lime: rgba(151,212,19,1);
+$color-green: rgba(75,173,8,1);
+$color-teal: rgba(59,187,178,1);
+$color-blue: rgba(0,102,255,1);
+$color-indigo: rgba(86,21,237,1);
+$color-purple: rgba(115,24,242,1);
+$color-pink: rgba(255,0,102,1);
+$color-red: rgba(240,35,17,1);
+$color-orange: rgba(255,102,0,1);
 $color-yellow: rgba(255,209,0,1);

data/vendor/assets/stylesheets/_footer.scss

@@ -15,6 +15,7 @@
   display: block;
   height: 30px;
   padding-top: 3px;
+  min-width: 100%;
   width: 100%;
 }
 .footer-nav {
@@ -40,9 +41,9 @@
 ================================================== */
 .footer-fixed {
   bottom: 0;
-  left: 0;
   position: fixed;
-  right: 0;
+  min-width: inherit;
+  width: inherit;
   z-index: 1030;
 }
 

data/vendor/assets/stylesheets/_header.scss

@@ -2,6 +2,7 @@
 ==================================================
 # Header
 # Styles
+# Sizes
 # Colors
 # Stripes
 # Media Queries */
@@ -15,6 +16,7 @@
   color: $color-black;
   height: 60px;
   padding-top: 15px;
+  min-width: 100%;
   width: 100%;
 }
 .header-brand {
@@ -31,7 +33,7 @@
 }
 .header-search {
   float: left;
-  margin: -7px 0 0 20px;
+  margin: -6px 0 0 20px;
   width: 280px;
 }
 .header-search button,
@@ -151,14 +153,22 @@
   margin-top: 3px;
 }
 
+/* # Sizes
+================================================== */
+.header-condensed {
+  height: 50px;
+  padding-top: 10px;
+}
+.header-condensed .header-nav > li.lined > a { padding-bottom: 16px; }
+
 /* # Styles
 ================================================== */
 .header-borderless { border-bottom-color: $color-transparent; }
 .header-fixed {
-  left: 0;
   position: fixed;
-  right: 0;
   top: 0;
+  min-width: inherit;
+  width: inherit;
   z-index: 1030;
 }
 
@@ -178,43 +188,130 @@
   background: $color-light-haze;
   border-color: $color-dark-haze;
 }
-.header-invisible .header-brand > a { color: $color-white; }
-.header-invisible .header-nav-alt > li.inverse > a {
+.header-primary {
+  background: $color-primary;
+  border-color: darken($color-primary, 5%);
+  color: $color-white;
+}
+.header-white-on-black,
+.header-white-on-black .header-brand > a,
+.header-white-on-black .header-toggle > a { color: $color-white; }
+.header-white-on-black .header-search,
+.header-white-on-black .header-nav > li > a:hover,
+.header-white-on-black .header-nav > li > a.active,
+.header-white-on-black .header-nav > li > a:active,
+.header-white-on-black .header-nav > li > a:focus,
+.header-white-on-black .header-nav > li.lined.active > a,
+.header-white-on-black .header-nav-alt > li > a:hover,
+.header-white-on-black .header-nav-alt > li > a.active,
+.header-white-on-black .header-nav-alt > li > a:active,
+.header-white-on-black .header-nav-alt > li > a:focus,
+.header-white-on-black .header-toolchain > li > a:hover,
+.header-white-on-black .header-toolchain > li > a.active,
+.header-white-on-black .header-toolchain > li > a:active,
+.header-white-on-black .header-toolchain > li > a:focus,
+.header-white-on-black .header-user > a:hover,
+.header-white-on-black .header-user > a.active,
+.header-white-on-black .header-user > a:active,
+.header-white-on-black .header-user > a:focus { color: $color-black; }
+.header-white-on-black .header-nav > li.lined > a:hover,
+.header-white-on-black .header-nav > li.lined > a.active,
+.header-white-on-black .header-nav > li.lined > a:active,
+.header-white-on-black .header-nav > li.lined > a:focus,
+.header-white-on-black .header-nav > li.lined.active > a { border-color: $color-black; }
+.header-white-on-black .header-nav-alt > li.inverse > a {
   background: $color-white;
   border-color: $color-white;
   color: $color-black;
 }
-.header-invisible .header-nav-alt > li.inverse.outline > a {
+.header-white-on-black .header-nav-alt > li.inverse.outline > a {
   background: $color-transparent;
   color: $color-white;
 }
-.header-invisible .header-nav-alt > li.inverse > a:hover,
-.header-invisible .header-nav-alt > li.inverse > a.active,
-.header-invisible .header-nav-alt > li.inverse > a:active,
-.header-invisible .header-nav-alt > li.inverse > a:focus {
+.header-white-on-black .header-nav-alt > li.inverse > a:hover,
+.header-white-on-black .header-nav-alt > li.inverse > a.active,
+.header-white-on-black .header-nav-alt > li.inverse > a:active,
+.header-white-on-black .header-nav-alt > li.inverse > a:focus {
   background: darken($color-white, 2%);
   border-color: darken($color-white, 2%);
   color: $color-black;
 }
+.header-black-on-white,
+.header-black-on-white .header-brand > a,
+.header-black-on-white .header-toggle > a,
+.header-black-on-white .header-search { color: $color-black; }
+.header-black-on-white .header-nav > li > a:hover,
+.header-black-on-white .header-nav > li > a.active,
+.header-black-on-white .header-nav > li > a:active,
+.header-black-on-white .header-nav > li > a:focus,
+.header-black-on-white .header-nav > li.lined.active > a,
+.header-black-on-white .header-nav-alt > li > a:hover,
+.header-black-on-white .header-nav-alt > li > a.active,
+.header-black-on-white .header-nav-alt > li > a:active,
+.header-black-on-white .header-nav-alt > li > a:focus,
+.header-black-on-white .header-toolchain > li > a:hover,
+.header-black-on-white .header-toolchain > li > a.active,
+.header-black-on-white .header-toolchain > li > a:active,
+.header-black-on-white .header-toolchain > li > a:focus,
+.header-black-on-white .header-user > a:hover,
+.header-black-on-white .header-user > a.active,
+.header-black-on-white .header-user > a:active,
+.header-black-on-white .header-user > a:focus { color: $color-white; }
+.header-black-on-white .header-nav > li.lined > a:hover,
+.header-black-on-white .header-nav > li.lined > a.active,
+.header-black-on-white .header-nav > li.lined > a:active,
+.header-black-on-white .header-nav > li.lined > a:focus,
+.header-black-on-white .header-nav > li.lined.active > a { border-color: $color-white; }
+.header-black-on-white .header-nav-alt > li.inverse > a {
+  background: $color-black;
+  border-color: $color-black;
+  color: $color-white;
+}
+.header-black-on-white .header-nav-alt > li.inverse.outline > a {
+  background: $color-transparent;
+  color: $color-black;
+}
+.header-black-on-white .header-nav-alt > li.inverse > a:hover,
+.header-black-on-white .header-nav-alt > li.inverse > a.active,
+.header-black-on-white .header-nav-alt > li.inverse > a:active,
+.header-black-on-white .header-nav-alt > li.inverse > a:focus {
+  background: darken($color-black, 2%);
+  border-color: darken($color-black, 2%);
+  color: $color-white;
+}
 
 /* # Stripes
 ================================================== */
 .header-stripe {
   background: $color-primary;
   height: 2px;
-  left: 0;
   position: fixed;
-  right: 0;
   top: 0;
-  width: 100%;
+  min-width: inherit;
+  width: inherit;
   z-index: 1050;
 }
-.header-stripe-two {
+.header-stripe-secondary { background: $color-secondary; }
+.header-stripe-tertiary { background: $color-tertiary; }
+.header-stripe-dark { background: $color-black; }
+.header-stripe-light { background: $color-light-haze; }
+.header-stripe-white { background: $color-white; }
+.header-stripe-primary-and-secondary {
   background: -webkit-linear-gradient(45deg, $color-primary 0%, $color-secondary 100%);
   background:     -ms-linear-gradient(45deg, $color-primary 0%, $color-secondary 100%);
   background:         linear-gradient(45deg, $color-primary 0%, $color-secondary 100%);
 }
-.header-stripe-three {
+.header-stripe-primary-and-tertiary {
+  background: -webkit-linear-gradient(45deg, $color-primary 0%, $color-tertiary 100%);
+  background:     -ms-linear-gradient(45deg, $color-primary 0%, $color-tertiary 100%);
+  background:         linear-gradient(45deg, $color-primary 0%, $color-tertiary 100%);
+}
+.header-stripe-secondary-and-tertiary {
+  background: -webkit-linear-gradient(45deg, $color-secondary 0%, $color-tertiary 100%);
+  background:     -ms-linear-gradient(45deg, $color-secondary 0%, $color-tertiary 100%);
+  background:         linear-gradient(45deg, $color-secondary 0%, $color-tertiary 100%);
+}
+.header-stripe-primary-secondary-and-tertiary {
   background: -webkit-linear-gradient(45deg, $color-tertiary 0%, $color-primary 50%, $color-secondary 100%);
   background:     -ms-linear-gradient(45deg, $color-tertiary 0%, $color-primary 50%, $color-secondary 100%);
   background:         linear-gradient(45deg, $color-tertiary 0%, $color-primary 50%, $color-secondary 100%);

data/vendor/assets/stylesheets/_loader.scss

@@ -29,7 +29,7 @@
   z-index: 9999;
 }
 .loader-backdrop {
-  height: 3px;
+  height: 2px;
   background: $color-light-haze;
 }
 .loader-bar { background: $color-primary; }

data/vendor/assets/stylesheets/_reset.scss

@@ -93,6 +93,7 @@ body {
   @include tap-highlight-color($color-transparent);
   text-rendering: optimizeLegibility;
   @include text-size-adjust(100%);
+  width: 100%;
 }
 ::-moz-selection {
   background: $color-primary;

data/vendor/assets/stylesheets/_sidebar.scss

@@ -12,9 +12,10 @@
   border-color: $color-haze;
   box-sizing: border-box;
   color: $color-black;
+  display: block;
+  max-height: 100%;
   height: 100%;
-  min-width: 280px;
-  position: fixed;
+  max-width: 280px;
   width: 280px;
 }
 .sidebar-alt {

data/vendor/assets/stylesheets/_toolbar.scss

@@ -11,9 +11,10 @@
   border-right: 1px solid;
   border-color: $color-haze;
   box-sizing: border-box;
+  display: block;
+  max-height: 100%;
   height: 100%;
-  min-width: 55px;
-  position: fixed;
+  max-width: 55px;
   width: 55px;
 }
 .toolbar-alt {

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: active_frontend
 version: !ruby/object:Gem::Version
-  version: 12.0.3
+  version: 12.1.0
 platform: ruby
 authors:
 - Juan Gomez
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2015-11-13 00:00:00.000000000 Z
+date: 2015-11-16 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails