active_frontend 4.0.1 → 4.5.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: ee0aee1962b6322f9b817f2bc908bcdb479e2d56
-  data.tar.gz: dd2cd73a1e8a47142e14ab0acbdb806cc613434c
+  metadata.gz: 1a435cea9e68d44f42cf54c9c92ee445839511ca
+  data.tar.gz: e72405f5eda8b81a22044cc4706915e51037a15e
 SHA512:
-  metadata.gz: 9f3ae849feda8a9b438cdb51b4665542cf5edb31a97646c10d96c453548c4876bd82877109d5bb81cb5d4cbe8a31963b68a23eae3a808825bcd4b50e82cb3423
-  data.tar.gz: 202ce19cf74ef7494f1e081f91737e70a8bbc2b49b4182c36024b7bb9f576a144d6c2b7bf4414b2e0069eff623c2777f6a7ea374a0a501056b6429b74e7bda68
+  metadata.gz: 8d4a8795414d867c4bc8e826e552814870a72218a1c4a8925394c016458142c01b5934e134ce0398059756840e5ad7c587a06e07bfe7fc4ab9f004a006e0f9da
+  data.tar.gz: 742e0c7f000302ab2aa18b3544e98af23ae934970ee556b6f1f5063a12649600261c6162533b380a08e324c30b83cb4c1b7e59b08326c97b0d58455e8a37a8ab

data/lib/active_frontend/version.rb

@@ -1,3 +1,3 @@
 module ActiveFrontend
-  VERSION = "4.0.1"
+  VERSION = "4.5.0"
 end

data/vendor/assets/stylesheets/canvas.scss

@@ -1,6 +1,7 @@
 /* Table of Contents
 ==================================================
 # Canvas
+# Alternate
 # Media Queries */
 
 /* # Canvas
@@ -20,7 +21,7 @@
   overflow-scrolling: touch;
 }
 .canvas-content {
-  padding: 30px 0 50px 0;
+  padding: 30px 0 0 0;
   max-width: 100%;
   width: 100%;
 }
@@ -40,6 +41,14 @@
   max-height: calc(100% - 60px);
 }
 
+/* # Alternate
+================================================== */
+.canvas-app.canvas-with-header > .canvas-sidebar { margin-top: 0; }
+.canvas-app.canvas-with-header .sidebar {
+  height: 100%;
+  max-height: 100%;
+}
+
 /* # Media Queries
 ================================================== */
 @media only screen and (max-width: 1365px) {
@@ -70,6 +79,9 @@
   .canvas-sidebar { display: none; }
 }
 @media only screen and (max-width: 767px) {
-  .canvas-with-header > .canvas-content { margin-top: 50px; }
+  .canvas-with-header > .canvas-content {
+    margin-top: 50px;
+    padding-bottom: 50px;
+  }
   .canvas-with-footer > .canvas-content { padding-bottom: 80px; }
 }

data/vendor/assets/stylesheets/footer.scss

@@ -1,7 +1,9 @@
 /* Table of Contents
 ==================================================
 # Footer
-# Alternate */
+# Alternate
+# Application
+# Media Queries */
 
 /* # Footer
 ================================================== */
@@ -65,4 +67,20 @@
 }
 .footer.footer-alt > .footer-brand > a { color: rgba(136,153,166,1); }
 .footer.footer-alt > .footer-nav > li > a { color: rgba(136,153,166,1); }
-.footer.footer-alt > .footer-footnote { color: rgba(136,153,166,1); }
+.footer.footer-alt > .footer-footnote { color: rgba(136,153,166,1); }
+
+/* # Application
+================================================== */
+.footer.footer-app { width: calc(100% - 280px); }
+
+/* # Media Queries
+================================================== */
+@media only screen and (max-width: 1365px) {
+  .footer.footer-app { width: calc(100% - 250px); }
+}
+@media only screen and (max-width: 1199px) {
+  .footer.footer-app { width: calc(100% - 220px); }
+}
+@media only screen and (max-width: 959px) {
+  .footer.footer-app { width: 100%; }
+}

data/vendor/assets/stylesheets/header.scss

@@ -2,6 +2,7 @@
 ==================================================
 # Header
 # Alternate
+# Application
 # Media Queries */
 
 /* # Header
@@ -14,8 +15,8 @@
   z-index: 1030;
 }
 .header {
-  background: rgba(91,146,250,1);
-  border-bottom: 4px solid rgba(0,0,0,0.1);
+  background: rgba(255,255,255,1);
+  border-bottom: 4px solid rgba(245,248,250,1);
   box-sizing: border-box;
   height: 65px;
   padding: 15px 0;
@@ -23,7 +24,7 @@
 }
 .header-brand { float: left; }
 .header-brand > a {
-  color: rgba(255,255,255,1);
+  color: rgba(91,146,250,1);
   font-size: 30px;
   line-height: 40px;
   text-decoration: none;
@@ -39,6 +40,7 @@
 }
 .header-search > input { margin: 0; }
 .header-nav {
+  color: rgba(85,94,113,1);
   float: left;
   list-style-type: none;
   margin: 5px 0 0 20px;
@@ -55,7 +57,7 @@
 }
 .header-nav > li.btn-group + li.btn-group { margin-left: 0; }
 .header-nav > li > a {
-  color: rgba(42,44,48,1);
+  color: rgba(85,94,113,1);
   font-size: 12px;
   font-weight: 500;
   letter-spacing: 1px;
@@ -66,7 +68,7 @@
 .header-nav > li > a.active,
 .header-nav > li > a:active,
 .header-nav > li > a:hover,
-.header-nav > li > a:focus { color: rgba(255,255,255,1); }
+.header-nav > li > a:focus { color: rgba(91,146,250,1); }
 .header-nav-alt {
   float: right;
   list-style-type: none;
@@ -74,6 +76,7 @@
   padding: 0;
 }
 .header-nav-alt > li {
+  color: rgba(85,94,113,1);
   display: inline-block;
   font-size: 12px;
   font-weight: 500;
@@ -86,7 +89,7 @@
 .header-nav-alt > li.btn-group + li.btn-group { margin-left: 0; }
 .header-nav-alt > li.btn-group { margin-top: 2px; }
 .header-nav-alt > li > a {
-  color: rgba(255,255,255,1);
+  color: rgba(85,94,113,1);
   letter-spacing: 1px;
   padding: 15px 0 13px 0;
   text-transform: uppercase;
@@ -94,17 +97,17 @@
 .header-nav-alt > li > a.active,
 .header-nav-alt > li > a:active,
 .header-nav-alt > li > a:hover,
-.header-nav-alt > li > a:focus { color: rgba(42,44,48,1); }
+.header-nav-alt > li > a:focus { color: rgba(91,146,250,1); }
 .header-nav-alt > li.inverse > a {
-  background: rgba(255,255,255,1);
+  background: rgba(91,146,250,1);
   border-radius: 500px;
-  color: rgba(42,44,48,1);
+  color: rgba(255,255,255,1);
   padding-left: 20px;
   padding-right: 20px;
 }
 .header-nav-alt > li.inverse > a:hover {
+  background: rgba(85,94,113,1);
   color: rgba(255,255,255,1);
-  background: rgba(0,0,0,0.1);
 }
 .header-toolchain {
   float: right;
@@ -119,7 +122,7 @@
 .header-toolchain > li:first-child { margin: 0; }
 .header-toolchain > li.btn-group + li.btn-group { margin-left: 0; }
 .header-toolchain > li > a {
-  color: rgba(42,44,48,1);
+  color: rgba(85,94,113,1);
   font-size: 30px;
   line-height: 30px;
   text-decoration: none;
@@ -127,21 +130,21 @@
 .header-toolchain > li > a.active,
 .header-toolchain > li > a:active,
 .header-toolchain > li > a:hover,
-.header-toolchain > li > a:focus { color: rgba(255,255,255,1); }
+.header-toolchain > li > a:focus { color: rgba(91,146,250,1); }
 .header-user {
   float: right;
   font-size: 13px;
   margin: -1px 0 0 20px;
 }
 .header-user > a {
-  color: rgba(255,255,255,1);
+  color: rgba(85,94,113,1);
   text-decoration: none;
 }
 .header-user img,
 .header-user-placeholder {
-  background: rgba(255,255,255,1);
+  background: rgba(85,94,113,1);
   border-radius: 500px;
-  color: rgba(42,44,48,1);
+  color: rgba(255,255,255,1);
   display: inline-block;
   height: 36px;
   margin: 0;
@@ -156,7 +159,7 @@
 }
 .header-user > ul.dropdown-menu { margin: -5px 10px 0 0; }
 .header-toggle > a {
-  color: rgba(255,255,255,1);
+  color: rgba(91,146,250,1);
   float: right;
   font-size: 40px;
   padding: 4px 0px 3px 14px;
@@ -165,44 +168,23 @@
 
 /* # Alternate
 ================================================== */
-.header.header-alt {
-  background: rgba(255,255,255,1);
-  border-color: rgba(255,255,255,1);
-}
-.header.header-alt .header-brand > a { color: rgba(91,146,250,1) }
-.header.header-alt .header-nav > li > a { color: rgba(85,94,113,1); }
-.header.header-alt .header-nav > li > a.active,
-.header.header-alt .header-nav > li > a:active,
-.header.header-alt .header-nav > li > a:hover,
-.header.header-alt .header-nav > li > a:focus { color: rgba(91,146,250,1); }
-.header.header-alt .header-nav-alt > li > a { color: rgba(85,94,113,1); }
-.header.header-alt .header-nav-alt > li > a.active,
-.header.header-alt .header-nav-alt > li > a:active,
-.header.header-alt .header-nav-alt > li > a:hover,
-.header.header-alt .header-nav-alt > li > a:focus { color: rgba(91,146,250,1); }
-.header.header-alt .header-nav-alt > li.inverse > a {
- background: rgba(91,146,250,1);
- color: rgba(255,255,255,1);
-}
-.header.header-alt .header-nav-alt > li.inverse > a:hover {
-  background: rgba(245,248,250,1);
-  color: rgba(42,44,48,1);
-}
-.header.header-alt .header-toolchain > li > a { color: rgba(85,94,113,1); }
-.header.header-alt .header-toolchain > li > a.active,
-.header.header-alt .header-toolchain > li > a:active,
-.header.header-alt .header-toolchain > li > a:hover,
-.header.header-alt .header-toolchain > li > a:focus { color: rgba(91,146,250,1); }
-.header.header-alt .header-user > a { color: rgba(85,94,113,1); }
-.header.header-alt .header-user img,
-.header.header-alt .header-user-placeholder {
-  background: rgba(85,94,113,1);
-  color: rgba(255,255,255,1);
-}
-.header.header-alt .header-toggle > a { color: rgba(91,146,250,1); }
+.header.header-alt { border-bottom-color: rgba(255,255,255,1); }
+
+/* # Application
+================================================== */
+.header.header-app { width: calc(100% - 280px); }
 
 /* # Media Queries
 ================================================== */
+@media only screen and (max-width: 1365px) {
+  .header.header-app { width: calc(100% - 250px); }
+}
+@media only screen and (max-width: 1199px) {
+  .header.header-app { width: calc(100% - 220px); }
+}
+@media only screen and (max-width: 959px) {
+  .header.header-app { width: 100%; }
+}
 @media only screen and (max-width: 767px) {
   .header {
     height: 50px;

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: active_frontend
 version: !ruby/object:Gem::Version
-  version: 4.0.1
+  version: 4.5.0
 platform: ruby
 authors:
 - Juan Gomez
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2015-06-06 00:00:00.000000000 Z
+date: 2015-06-10 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -170,7 +170,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.4.7
+rubygems_version: 2.4.8
 signing_key: 
 specification_version: 4
 summary: ActiveFrontend Responsive Web Framework