active_frontend 10.3.0 → 11.0.0

data/vendor/assets/stylesheets/_typography.scss

@@ -15,96 +15,121 @@
 /* # Variables
 ================================================== */
 $colors: (
-  dark-black:   $color-dark-black,
-  black:        $color-black,
-  light-black:  $color-light-black,
-  dark-gray:    $color-dark-gray,
-  gray:         $color-gray,
-  light-gray:   $color-light-gray,
-  dark-haze:    $color-dark-haze,
-  haze:         $color-haze,
-  light-haze:   $color-light-haze,
-  white:        $color-white,
-  dark-lime:    $color-dark-lime,
-  lime:         $color-lime,
-  light-lime:   $color-light-lime,
-  dark-green:   $color-dark-green,
-  green:        $color-green,
-  light-green:  $color-light-green,
-  dark-teal:    $color-dark-teal,
-  teal:         $color-teal,
-  light-teal:   $color-light-teal,
-  dark-blue:    $color-dark-blue,
-  blue:         $color-blue,
-  light-blue:   $color-light-blue,
-  dark-indigo:  $color-dark-indigo,
-  indigo:       $color-indigo,
-  light-indigo: $color-light-indigo,
-  dark-purple:  $color-dark-purple,
-  purple:       $color-purple,
-  light-purple: $color-light-purple,
-  dark-pink:    $color-dark-pink,
-  pink:         $color-pink,
-  light-pink:   $color-light-pink,
-  dark-red:     $color-dark-red,
-  red:          $color-red,
-  light-red:    $color-light-red,
-  orange:       $color-orange,
-  dark-orange:  $color-dark-orange,
-  light-orange: $color-light-orange,
-  dark-yellow:  $color-dark-yellow,
-  yellow:       $color-yellow,
-  light-yellow: $color-light-yellow
+  dark-black: $color-dark-black,
+  black: $color-black,
+  light-black: $color-light-black,
+  dark-gray: $color-dark-gray,
+  gray: $color-gray,
+  light-gray: $color-light-gray,
+  dark-haze: $color-dark-haze,
+  haze: $color-haze,
+  light-haze: $color-light-haze,
+  white: $color-white,
+  lime: $color-lime,
+  green: $color-green,
+  teal: $color-teal,
+  blue: $color-blue,
+  indigo: $color-indigo,
+  purple: $color-purple,
+  pink: $color-pink,
+  red: $color-red,
+  orange: $color-orange,
+  yellow: $color-yellow,
+  primary: $color-primary,
+  secondary: $color-secondary,
+  tertiary: $color-tertiary
 );
 
 /* # Font-Face
 ================================================== */
-@font-face {
-  font-family: 'Gotham';
-  font-style: normal;
-  font-weight: normal;
-  src: url(font_path('gotham/gotham-book.eot'));
-  src: url(font_path('gotham/gotham-book.eot')) format('embedded-opentype'),
-       url(font_path('gotham/gotham-book.woff')) format('woff'),
-       url(font_path('gotham/gotham-book.ttf')) format('truetype'),
-       url(font_path('gotham/gotham-book.svg#GothamBookRegular')) format('svg');
-}
-@font-face {
-  font-family: 'Gotham';
-  font-style: normal;
-  font-weight: bold;
-  src: url(font_path('gotham/gotham-bold.eot'));
-  src: url(font_path('gotham/gotham-bold.eot')) format('embedded-opentype'),
-       url(font_path('gotham/gotham-bold.woff')) format('woff'),
-       url(font_path('gotham/gotham-bold.ttf')) format('truetype'),
-       url(font_path('gotham/gotham-bold.svg#GothamBoldRegular')) format('svg');
-}
-@font-face {
-  font-family: 'Gotham';
-  font-style: normal;
-  font-weight: 500;
-  src: url(font_path('gotham/gotham-medium.eot'));
-  src: url(font_path('gotham/gotham-medium.eot')) format('embedded-opentype'),
-       url(font_path('gotham/gotham-medium.woff')) format('woff'),
-       url(font_path('gotham/gotham-medium.ttf')) format('truetype'),
-       url(font_path('gotham/gotham-medium.svg#GothamMediumRegular')) format('svg');
-}
-@font-face {
-  font-family: 'Gotham';
-  font-style: normal;
-  font-weight: 200;
-  src: url(font_path('gotham/gotham-light.eot'));
-  src: url(font_path('gotham/gotham-light.eot')) format('embedded-opentype'),
-       url(font_path('gotham/gotham-light.woff')) format('woff'),
-       url(font_path('gotham/gotham-light.ttf')) format('truetype'),
-       url(font_path('gotham/gotham-light.svg#GothamLightRegular')) format('svg');
+@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');
+  }
 }
 
 /* # Typography
 ================================================== */
 h1, h2, h3, h4, h5, h6 {
-  color: $color-black;
-  font-family: 'Gotham', 'Helvetica', Helvetica, Arial, sans-serif;
+  font-family: $typography-sans-serif;
   font-weight: bold;
 }
 h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
@@ -173,7 +198,7 @@ address.mini {
   line-height: 20px;
 }
 blockquote {
-  border-left: 5px solid $color-black;
+  border-left: 5px solid $color-primary;
   padding: 5px 0 5px 10px;
 }
 blockquote > p { margin-bottom: 5px; }
@@ -215,9 +240,9 @@ strong { font-weight: 500; }
 
 /* # Scripts
 ================================================== */
-.text-monospace { font-family: Monaco, Menlo, Consolas, "Courier New", monospace; }
-.text-sans-serif { font-family: 'Gotham', 'Helvetica', Helvetica, Arial, sans-serif; }
-.text-serif { font-family: 'Times New Roman', Times, serif; }
+.text-monospace { font-family: $typography-monospace; }
+.text-sans-serif { font-family: $typography-sans-serif; }
+.text-serif { font-family: $typography-serif; }
 
 /* # Style
 ================================================== */

data/vendor/assets/stylesheets/active_frontend.scss

@@ -6,13 +6,18 @@
 
 /* # Required Imports
 ================================================== */
+@import 'mixin';
 @import 'color';
 
 /* # Required Variables
 ================================================== */
-$color-primary:   $color-blue;
+$color-primary: $color-blue;
 $color-secondary: $color-green;
-$color-tertiary:  $color-red;
+$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;
 
 /* # Optional Imports
 ================================================== */
@@ -55,7 +60,6 @@ $color-tertiary:  $color-red;
 @import 'sidebar';
 @import 'slider';
 @import 'spinner';
-@import 'stripe';
 @import 'swoggle';
 @import 'table';
 @import 'timepicker';

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: active_frontend
 version: !ruby/object:Gem::Version
-  version: 10.3.0
+  version: 11.0.0
 platform: ruby
 authors:
 - Juan Gomez
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2015-10-24 00:00:00.000000000 Z
+date: 2015-11-04 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -112,22 +112,38 @@ files:
 - README.md
 - Rakefile
 - active_frontend.gemspec
-- app/assets/fonts/gotham/gotham-bold.eot
-- app/assets/fonts/gotham/gotham-bold.svg
-- app/assets/fonts/gotham/gotham-bold.ttf
-- app/assets/fonts/gotham/gotham-bold.woff
-- app/assets/fonts/gotham/gotham-book.eot
-- app/assets/fonts/gotham/gotham-book.svg
-- app/assets/fonts/gotham/gotham-book.ttf
-- app/assets/fonts/gotham/gotham-book.woff
-- app/assets/fonts/gotham/gotham-light.eot
-- app/assets/fonts/gotham/gotham-light.svg
-- app/assets/fonts/gotham/gotham-light.ttf
-- app/assets/fonts/gotham/gotham-light.woff
-- app/assets/fonts/gotham/gotham-medium.eot
-- app/assets/fonts/gotham/gotham-medium.svg
-- app/assets/fonts/gotham/gotham-medium.ttf
-- app/assets/fonts/gotham/gotham-medium.woff
+- app/assets/fonts/gotham/regular/gotham-bold.eot
+- app/assets/fonts/gotham/regular/gotham-bold.svg
+- app/assets/fonts/gotham/regular/gotham-bold.ttf
+- app/assets/fonts/gotham/regular/gotham-bold.woff
+- app/assets/fonts/gotham/regular/gotham-book.eot
+- app/assets/fonts/gotham/regular/gotham-book.svg
+- app/assets/fonts/gotham/regular/gotham-book.ttf
+- app/assets/fonts/gotham/regular/gotham-book.woff
+- app/assets/fonts/gotham/regular/gotham-light.eot
+- app/assets/fonts/gotham/regular/gotham-light.svg
+- app/assets/fonts/gotham/regular/gotham-light.ttf
+- app/assets/fonts/gotham/regular/gotham-light.woff
+- app/assets/fonts/gotham/regular/gotham-medium.eot
+- app/assets/fonts/gotham/regular/gotham-medium.svg
+- app/assets/fonts/gotham/regular/gotham-medium.ttf
+- app/assets/fonts/gotham/regular/gotham-medium.woff
+- app/assets/fonts/gotham/round/gothamrnd-bold.eot
+- app/assets/fonts/gotham/round/gothamrnd-bold.svg
+- app/assets/fonts/gotham/round/gothamrnd-bold.ttf
+- app/assets/fonts/gotham/round/gothamrnd-bold.woff
+- app/assets/fonts/gotham/round/gothamrnd-book.eot
+- app/assets/fonts/gotham/round/gothamrnd-book.svg
+- app/assets/fonts/gotham/round/gothamrnd-book.ttf
+- app/assets/fonts/gotham/round/gothamrnd-book.woff
+- app/assets/fonts/gotham/round/gothamrnd-light.eot
+- app/assets/fonts/gotham/round/gothamrnd-light.svg
+- app/assets/fonts/gotham/round/gothamrnd-light.ttf
+- app/assets/fonts/gotham/round/gothamrnd-light.woff
+- app/assets/fonts/gotham/round/gothamrnd-medium.eot
+- app/assets/fonts/gotham/round/gothamrnd-medium.svg
+- app/assets/fonts/gotham/round/gothamrnd-medium.ttf
+- app/assets/fonts/gotham/round/gothamrnd-medium.woff
 - app/assets/fonts/ionicons/ionicons.eot
 - app/assets/fonts/ionicons/ionicons.svg
 - app/assets/fonts/ionicons/ionicons.ttf
@@ -199,6 +215,7 @@ files:
 - vendor/assets/stylesheets/_loader.scss
 - vendor/assets/stylesheets/_map.scss
 - vendor/assets/stylesheets/_missive.scss
+- vendor/assets/stylesheets/_mixin.scss
 - vendor/assets/stylesheets/_modal.scss
 - vendor/assets/stylesheets/_nav_and_tab.scss
 - vendor/assets/stylesheets/_navbar.scss
@@ -211,7 +228,6 @@ files:
 - vendor/assets/stylesheets/_sidebar.scss
 - vendor/assets/stylesheets/_slider.scss
 - vendor/assets/stylesheets/_spinner.scss
-- vendor/assets/stylesheets/_stripe.scss
 - vendor/assets/stylesheets/_swoggle.scss
 - vendor/assets/stylesheets/_table.scss
 - vendor/assets/stylesheets/_timepicker.scss

data/vendor/assets/stylesheets/_stripe.scss

@@ -1,30 +0,0 @@
-/* Table of Contents
-==================================================
-# Stripe
-# Styles */
-
-/* # Stripe
-================================================== */
-.stripe {
-  background: $color-primary;
-  height: 3px;
-  left: 0;
-  position: fixed;
-  right: 0;
-  top: 0;
-  width: 100%;
-  z-index: 1050;
-}
-
-/* # Styles
-================================================== */
-.stripe-two {
-  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%);
-}
-.stripe-three {
-  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%);
-}