active_frontend 11.1.0 → 12.0.0

data/vendor/assets/stylesheets/_tooltip.scss

@@ -1,10 +1,12 @@
 /* Table of Contents
 ==================================================
-# Tooltip */
+# Tooltip
+# Colors */
 
 /* # Tooltip
 ================================================== */
 .tooltip {
+  border-color: $color-black;
   color: $color-white;
   display: block;
   float: none;
@@ -45,7 +47,6 @@
 .tooltip-inner {
   background: $color-black;
   border-radius: 3px;
-  color: $color-white;
   letter-spacing: 0;
   max-width: 200px;
   padding: 5px 10px;
@@ -61,30 +62,43 @@
   width: 0;
 }
 .tooltip.top > .tooltip-arrow {
-  border-top-color: $color-black;
+  border-top-color: inherit;
   border-width: 5px 5px 0;
   bottom: 0;
   left: 50%;
   margin-left: -5px;
 }
 .tooltip.right > .tooltip-arrow {
-  border-right-color: $color-black;
+  border-right-color: inherit;
   border-width: 5px 5px 5px 0;
   left: 0;
   margin-top: -5px;
   top: 50%;
 }
 .tooltip.left > .tooltip-arrow {
-  border-left-color: $color-black;
+  border-left-color: inherit;
   border-width: 5px 0 5px 5px;
   margin-top: -5px;
   right: 0;
   top: 50%;
 }
 .tooltip.bottom > .tooltip-arrow {
-  border-bottom-color: $color-black;
+  border-bottom-color: inherit;
   border-width: 0 5px 5px;
   left: 50%;
   margin-left: -5px;
   top: 0;
-}
+}
+
+/* # Colors
+================================================== */
+.tooltip-light {
+  border-color: $color-light-haze;
+  color: $color-black;
+}
+.tooltip-white {
+  border-color: $color-white;
+  color: $color-black;
+}
+.tooltip-light > .tooltip-inner { background: $color-light-haze; }
+.tooltip-white > .tooltip-inner { background: $color-white; }

data/vendor/assets/stylesheets/_trunk.scss

@@ -8,17 +8,23 @@
 ================================================== */
 .trunk {
   background: $color-white;
-  border-bottom: 1px solid $color-haze;
+  border-bottom: 1px solid;
+  border-color: $color-haze;
+  color: $color-gray;
   left: 0;
   position: fixed;
   right: 0;
   top: 50px;
   z-index: 1040;
 }
-.trunk-buffer { padding: 30px 0; }
+.trunk-buffer {
+  border-color: inherit !important;
+  padding: 30px 0;
+}
 .trunk-nav,
 .trunk-user {
-  list-style-type: none;
+  border-color: inherit !important;
+  list-style: none;
   margin: 0;
   padding: 0;
 }
@@ -35,12 +41,14 @@
   margin: 5px;
 }
 .trunk-nav > li {
+  border-color: inherit;
   float: left;
   width: calc(33.333333% - 10px);
 }
 .trunk-nav > li.title,
 .trunk-nav > li.divider {
-  border-top: 1px solid $color-haze;
+  border-top: 1px solid;
+  border-color: inherit;
   box-sizing: border-box;
   display: block;
   float: none;
@@ -49,8 +57,8 @@
   width: calc(100% - 10px);
 }
 .trunk-nav > li.title {
-  border-bottom: 1px solid $color-haze;
-  color: $color-primary;
+  border-bottom: 1px solid;
+  border-color: inherit;
   font-size: 12px;
   letter-spacing: 1px;
   padding: 8px 10px;
@@ -66,7 +74,6 @@
 .trunk-user > li > a {
   @include appearance(none);
   border-radius: 2px;
-  color: $color-dark-gray;
   cursor: pointer;
   display: block;
   -webkit-font-smoothing: antialiased;
@@ -83,7 +90,10 @@
   vertical-align: middle;
   white-space: nowrap;
 }
-.trunk-nav > li > a { border: 1px solid $color-haze; }
+.trunk-nav > li > a {
+  border: 1px solid;
+  border-color: inherit;
+}
 .trunk-user > li > a { padding: 9px 0 8px 0; }
 .trunk-nav > li > a:hover,
 .trunk-nav > li > a:active,
@@ -118,39 +128,12 @@
 .trunk-dark {
   background: $color-black;
   border-color: $color-dark-black;
-}
-.trunk-dark .trunk-nav > li.title,
-.trunk-dark .trunk-nav > li > a,
-.trunk-dark .trunk-user > li > a { color: $color-gray; }
-.trunk-dark .trunk-nav > li.title,
-.trunk-dark .trunk-nav > li.divider,
-.trunk-dark .trunk-nav > li > a { border-color: $color-gray; }
-.trunk-dark .trunk-nav > li > a:hover,
-.trunk-dark .trunk-nav > li > a:active,
-.trunk-dark .trunk-nav > li > a.active,
-.trunk-dark .trunk-nav > li > a:focus,
-.trunk-dark .trunk-user > li > a:hover,
-.trunk-dark .trunk-user > li > a:active,
-.trunk-dark .trunk-user > li > a.active,
-.trunk-dark .trunk-user > li > a:focus {
-  border-color: $color-primary;
-  color: $color-primary;
+  color: $color-white;
 }
 .trunk-light {
   background: $color-light-haze;
   border-color: $color-dark-haze;
 }
-.trunk-light .trunk-nav > li.title,
-.trunk-light .trunk-nav > li.divider,
-.trunk-light .trunk-nav > li > a { border-color: $color-dark-haze; }
-.trunk-light .trunk-nav > li > a:hover,
-.trunk-light .trunk-nav > li > a:active,
-.trunk-light .trunk-nav > li > a.active,
-.trunk-light .trunk-nav > li > a:focus,
-.trunk-light .trunk-user > li > a:hover,
-.trunk-light .trunk-user > li > a:active,
-.trunk-light .trunk-user > li > a.active,
-.trunk-light .trunk-user > li > a:focus { border-color: $color-primary; }
 
 /* # Media Queries
 ================================================== */

data/vendor/assets/stylesheets/_typography.scss

@@ -42,88 +42,85 @@ $colors: (
 
 /* # Font-Face
 ================================================== */
-@if $typography-font == 'Gotham Round' {
-  @font-face {
-    font-family: 'Gotham Round';
-    font-style: normal;
-    font-weight: normal;
-    src: url(font_path('gotham/round/gothamrnd-book.eot'));
-    src: url(font_path('gotham/round/gothamrnd-book.eot')) format('embedded-opentype'),
-         url(font_path('gotham/round/gothamrnd-book.woff')) format('woff'),
-         url(font_path('gotham/round/gothamrnd-book.ttf')) format('truetype'),
-         url(font_path('gotham/round/gothamrnd-book.svg#GothamrndBookRegular')) format('svg');
-  }
-  @font-face {
-    font-family: 'Gotham Round';
-    font-style: normal;
-    font-weight: bold;
-    src: url(font_path('gotham/round/gothamrnd-bold.eot'));
-    src: url(font_path('gotham/round/gothamrnd-bold.eot')) format('embedded-opentype'),
-         url(font_path('gotham/round/gothamrnd-bold.woff')) format('woff'),
-         url(font_path('gotham/round/gothamrnd-bold.ttf')) format('truetype'),
-         url(font_path('gotham/round/gothamrnd-bold.svg#GothamrndBoldRegular')) format('svg');
-  }
-  @font-face {
-    font-family: 'Gotham Round';
-    font-style: normal;
-    font-weight: 500;
-    src: url(font_path('gotham/round/gothamrnd-medium.eot'));
-    src: url(font_path('gotham/round/gothamrnd-medium.eot')) format('embedded-opentype'),
-         url(font_path('gotham/round/gothamrnd-medium.woff')) format('woff'),
-         url(font_path('gotham/round/gothamrnd-medium.ttf')) format('truetype'),
-         url(font_path('gotham/round/gothamrnd-medium.svg#GothamrndMediumRegular')) format('svg');
-  }
-  @font-face {
-    font-family: 'Gotham Round';
-    font-style: normal;
-    font-weight: 200;
-    src: url(font_path('gotham/round/gothamrnd-light.eot'));
-    src: url(font_path('gotham/round/gothamrnd-light.eot')) format('embedded-opentype'),
-         url(font_path('gotham/round/gothamrnd-light.woff')) format('woff'),
-         url(font_path('gotham/round/gothamrnd-light.ttf')) format('truetype'),
-         url(font_path('gotham/round/gothamrnd-light.svg#GothamrndLightRegular')) format('svg');
-  }
-} @else {
-  @font-face {
-    font-family: 'Gotham';
-    font-style: normal;
-    font-weight: normal;
-    src: url(font_path('gotham/regular/gotham-book.eot'));
-    src: url(font_path('gotham/regular/gotham-book.eot')) format('embedded-opentype'),
-         url(font_path('gotham/regular/gotham-book.woff')) format('woff'),
-         url(font_path('gotham/regular/gotham-book.ttf')) format('truetype'),
-         url(font_path('gotham/regular/gotham-book.svg#GothamBookRegular')) format('svg');
-  }
-  @font-face {
-    font-family: 'Gotham';
-    font-style: normal;
-    font-weight: bold;
-    src: url(font_path('gotham/regular/gotham-bold.eot'));
-    src: url(font_path('gotham/regular/gotham-bold.eot')) format('embedded-opentype'),
-         url(font_path('gotham/regular/gotham-bold.woff')) format('woff'),
-         url(font_path('gotham/regular/gotham-bold.ttf')) format('truetype'),
-         url(font_path('gotham/regular/gotham-bold.svg#GothamBoldRegular')) format('svg');
-  }
-  @font-face {
-    font-family: 'Gotham';
-    font-style: normal;
-    font-weight: 500;
-    src: url(font_path('gotham/regular/gotham-medium.eot'));
-    src: url(font_path('gotham/regular/gotham-medium.eot')) format('embedded-opentype'),
-         url(font_path('gotham/regular/gotham-medium.woff')) format('woff'),
-         url(font_path('gotham/regular/gotham-medium.ttf')) format('truetype'),
-         url(font_path('gotham/regular/gotham-medium.svg#GothamMediumRegular')) format('svg');
-  }
-  @font-face {
-    font-family: 'Gotham';
-    font-style: normal;
-    font-weight: 200;
-    src: url(font_path('gotham/regular/gotham-light.eot'));
-    src: url(font_path('gotham/regular/gotham-light.eot')) format('embedded-opentype'),
-         url(font_path('gotham/regular/gotham-light.woff')) format('woff'),
-         url(font_path('gotham/regular/gotham-light.ttf')) format('truetype'),
-         url(font_path('gotham/regular/gotham-light.svg#GothamLightRegular')) format('svg');
-  }
+@font-face {
+  font-family: 'Gotham Round';
+  font-style: normal;
+  font-weight: normal;
+  src: url(font_path('gotham/round/gothamrnd-book.eot'));
+  src: url(font_path('gotham/round/gothamrnd-book.eot')) format('embedded-opentype'),
+       url(font_path('gotham/round/gothamrnd-book.woff')) format('woff'),
+       url(font_path('gotham/round/gothamrnd-book.ttf')) format('truetype'),
+       url(font_path('gotham/round/gothamrnd-book.svg#GothamrndBookRegular')) format('svg');
+}
+@font-face {
+  font-family: 'Gotham Round';
+  font-style: normal;
+  font-weight: bold;
+  src: url(font_path('gotham/round/gothamrnd-bold.eot'));
+  src: url(font_path('gotham/round/gothamrnd-bold.eot')) format('embedded-opentype'),
+       url(font_path('gotham/round/gothamrnd-bold.woff')) format('woff'),
+       url(font_path('gotham/round/gothamrnd-bold.ttf')) format('truetype'),
+       url(font_path('gotham/round/gothamrnd-bold.svg#GothamrndBoldRegular')) format('svg');
+}
+@font-face {
+  font-family: 'Gotham Round';
+  font-style: normal;
+  font-weight: 500;
+  src: url(font_path('gotham/round/gothamrnd-medium.eot'));
+  src: url(font_path('gotham/round/gothamrnd-medium.eot')) format('embedded-opentype'),
+       url(font_path('gotham/round/gothamrnd-medium.woff')) format('woff'),
+       url(font_path('gotham/round/gothamrnd-medium.ttf')) format('truetype'),
+       url(font_path('gotham/round/gothamrnd-medium.svg#GothamrndMediumRegular')) format('svg');
+}
+@font-face {
+  font-family: 'Gotham Round';
+  font-style: normal;
+  font-weight: 200;
+  src: url(font_path('gotham/round/gothamrnd-light.eot'));
+  src: url(font_path('gotham/round/gothamrnd-light.eot')) format('embedded-opentype'),
+       url(font_path('gotham/round/gothamrnd-light.woff')) format('woff'),
+       url(font_path('gotham/round/gothamrnd-light.ttf')) format('truetype'),
+       url(font_path('gotham/round/gothamrnd-light.svg#GothamrndLightRegular')) format('svg');
+}
+@font-face {
+  font-family: 'Gotham';
+  font-style: normal;
+  font-weight: normal;
+  src: url(font_path('gotham/regular/gotham-book.eot'));
+  src: url(font_path('gotham/regular/gotham-book.eot')) format('embedded-opentype'),
+       url(font_path('gotham/regular/gotham-book.woff')) format('woff'),
+       url(font_path('gotham/regular/gotham-book.ttf')) format('truetype'),
+       url(font_path('gotham/regular/gotham-book.svg#GothamBookRegular')) format('svg');
+}
+@font-face {
+  font-family: 'Gotham';
+  font-style: normal;
+  font-weight: bold;
+  src: url(font_path('gotham/regular/gotham-bold.eot'));
+  src: url(font_path('gotham/regular/gotham-bold.eot')) format('embedded-opentype'),
+       url(font_path('gotham/regular/gotham-bold.woff')) format('woff'),
+       url(font_path('gotham/regular/gotham-bold.ttf')) format('truetype'),
+       url(font_path('gotham/regular/gotham-bold.svg#GothamBoldRegular')) format('svg');
+}
+@font-face {
+  font-family: 'Gotham';
+  font-style: normal;
+  font-weight: 500;
+  src: url(font_path('gotham/regular/gotham-medium.eot'));
+  src: url(font_path('gotham/regular/gotham-medium.eot')) format('embedded-opentype'),
+       url(font_path('gotham/regular/gotham-medium.woff')) format('woff'),
+       url(font_path('gotham/regular/gotham-medium.ttf')) format('truetype'),
+       url(font_path('gotham/regular/gotham-medium.svg#GothamMediumRegular')) format('svg');
+}
+@font-face {
+  font-family: 'Gotham';
+  font-style: normal;
+  font-weight: 200;
+  src: url(font_path('gotham/regular/gotham-light.eot'));
+  src: url(font_path('gotham/regular/gotham-light.eot')) format('embedded-opentype'),
+       url(font_path('gotham/regular/gotham-light.woff')) format('woff'),
+       url(font_path('gotham/regular/gotham-light.ttf')) format('truetype'),
+       url(font_path('gotham/regular/gotham-light.svg#GothamLightRegular')) format('svg');
 }
 
 /* # Typography
@@ -240,6 +237,7 @@ strong { font-weight: 500; }
 
 /* # Scripts
 ================================================== */
+.text-heading { font-family: $typography-heading; }
 .text-monospace { font-family: $typography-monospace; }
 .text-sans-serif { font-family: $typography-sans-serif; }
 .text-serif { font-family: $typography-serif; }

data/vendor/assets/stylesheets/_variable.scss

@@ -0,0 +1,15 @@
+/* Table of Contents
+==================================================
+# Variable */
+
+/* # Variable
+================================================== */
+$color-primary: $color-blue;
+$color-secondary: $color-green;
+$color-tertiary: $color-red;
+$typography-base-font: 'Gotham Round';
+$typography-heading-font: 'Gotham';
+$typography-heading: $typography-heading-font, 'Helvetica', Helvetica, Arial, sans-serif;
+$typography-monospace: Monaco, Menlo, Consolas, 'Courier New', monospace;
+$typography-sans-serif: $typography-base-font, 'Helvetica', Helvetica, Arial, sans-serif;
+$typography-serif: 'Times New Roman', Times, serif;

data/vendor/assets/stylesheets/active_frontend.scss

@@ -1,23 +1,13 @@
 /* Table of Contents
 ==================================================
 # Required Imports
-# Required Variables
 # Optional Imports */
 
 /* # Required Imports
 ================================================== */
 @import 'mixin';
 @import 'color';
-
-/* # Required Variables
-================================================== */
-$color-primary: $color-blue;
-$color-secondary: $color-green;
-$color-tertiary: $color-red;
-$typography-font: 'Gotham Round';
-$typography-monospace: Monaco, Menlo, Consolas, 'Courier New', monospace;
-$typography-sans-serif: $typography-font, 'Helvetica', Helvetica, Arial, sans-serif;
-$typography-serif: 'Times New Roman', Times, serif;
+@import 'variable';
 
 /* # Optional Imports
 ================================================== */
@@ -49,7 +39,6 @@ $typography-serif: 'Times New Roman', Times, serif;
 @import 'map';
 @import 'missive';
 @import 'modal';
-@import 'aside';
 @import 'nav_and_tab';
 @import 'navbar';
 @import 'pagination';

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: active_frontend
 version: !ruby/object:Gem::Version
-  version: 11.1.0
+  version: 12.0.0
 platform: ruby
 authors:
 - Juan Gomez
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2015-11-04 00:00:00.000000000 Z
+date: 2015-11-11 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -191,7 +191,6 @@ files:
 - vendor/assets/stylesheets/_affix.scss
 - vendor/assets/stylesheets/_alert.scss
 - vendor/assets/stylesheets/_animation.scss
-- vendor/assets/stylesheets/_aside.scss
 - vendor/assets/stylesheets/_breadcrumb.scss
 - vendor/assets/stylesheets/_button.scss
 - vendor/assets/stylesheets/_canvas.scss
@@ -237,6 +236,7 @@ files:
 - vendor/assets/stylesheets/_trunk.scss
 - vendor/assets/stylesheets/_typeahead.scss
 - vendor/assets/stylesheets/_typography.scss
+- vendor/assets/stylesheets/_variable.scss
 - vendor/assets/stylesheets/active_frontend.scss
 homepage: https://github.com/drexed/active_frontend
 licenses:
@@ -258,7 +258,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.4.8
+rubygems_version: 2.5.0
 signing_key: 
 specification_version: 4
 summary: ActiveFrontend Responsive Web Framework

data/vendor/assets/stylesheets/_aside.scss

@@ -1,127 +0,0 @@
-/* Table of Contents
-==================================================
-# Aside
-# Colors
-# Media Queries */
-
-/* # Aside
-================================================== */
-.aside {
-  background: $color-white;
-  background-clip: padding-box;
-  box-shadow: 0 0 3px transparentize($color-dark-black, 0.7);
-  display: none;
-  height: 100%;
-  left: initial;
-  margin-left: 0;
-  outline: 0;
-  position: fixed;
-  right: 0;
-  top: 0;
-  width: 560px;
-  z-index: 1050;
-}
-.aside > form { height: 100%;}
-.aside-alt {
-  left: 0;
-  right: initial;
-}
-.aside.fade {
-  right: -100%;
-  @include transition((opacity 0.2s linear, right 0.4s ease-in-out));
-}
-.aside-alt.fade {
-  left: -100%;
-  right: 0;
-  @include transition((opacity 0.2s linear, left 0.4s ease-in-out));
-}
-.aside.fade.in { right: 0; }
-.aside-alt.fade.in {
-  left: 0;
-  right: initial;
-}
-.aside-header {
-  border-bottom: 1px solid $color-haze;
-  padding: 21px 15px 19px 15px;
-}
-.aside-header > h3 {
-  font-size: 14px;
-  letter-spacing: 1px;
-  line-height: 1;
-  margin: 0;
-  padding: 0;
-  text-align: center;
-  text-transform: uppercase;
-}
-.aside-body {
-  display: block;
-  height: calc(100% - 142px);
-  overflow-y: auto;
-  padding: 15px 18px;
-}
-.aside-body .container { width: 100%; }
-.aside-body p:last-child { margin-bottom: 0; }
-.aside-footer { border-top: 1px solid $color-haze; }
-.aside-footer:after { clear: both; }
-.aside-footer-btn {
-  @include appearance(none);
-  background: $color-transparent;
-  border: 0;
-  border-right: 1px solid $color-haze;
-  box-sizing: border-box;
-  color: inherit;
-  cursor: pointer;
-  float: left;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  font-size: 11px;
-  font-weight: bold;
-  line-height: 1;
-  margin: 0;
-  padding: 22px 0 23px 0;
-  text-align: center;
-  text-indent: 0;
-  text-rendering: geometricPrecision;
-  text-transform: uppercase;
-  touch-action: manipulation;
-  vertical-align: middle;
-  width: 100%;
-}
-.aside-footer-btn:last-child { border-right: 0; }
-.aside-footer-btn[disabled] {
-  color: $color-gray;
-  cursor: not-allowed;
-}
-.aside-footer-btn-group > .aside-footer-btn { width: 50%; }
-
-/* # Colors
-================================================== */
-.aside-dark {
-  background: $color-black;
-  color: $color-white;
-}
-.aside-light { background: $color-light-haze; }
-.aside-dark .aside-header,
-.aside-dark .aside-footer,
-.aside-dark .aside-footer-btn { border-color: $color-dark-black; }
-.aside-light .aside-header,
-.aside-light .aside-footer,
-.aside-light .aside-footer-btn { border-color: $color-dark-haze; }
-
-/* # Media Queries
-================================================== */
-@media only screen and (max-width: 767px) {
-  .aside { width: 300px; }
-}
-@media only screen and (min-width: 480px) and (max-width: 767px) {
-  .aside { width: 460px; }
-}
-@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) {
-  .aside-header > h3 { letter-spacing: 0.5px; }
-}