titon-toolkit 2.1.1 → 2.1.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 6b31d77f519e8a690bd84d4e42505c452fdfba5c
-  data.tar.gz: 079156933036f477f9aa43acb5724d2803110df6
+  metadata.gz: 306698615fac936feca0bf97213f505b6c8d69db
+  data.tar.gz: 1b6240d7d164515365db51b76e137582eb5cf286
 SHA512:
-  metadata.gz: 1887713bb8b73c1ff86ebe94d66dfad40cc63593ad22b129ff6548b75073764dc456ff730749f6d020158bfa25871914c7398b5b0ceccb149880bc09c9598742
-  data.tar.gz: b21232ebd7f16f53e97e27bc34740b69e99edb525ec0a9f73cdf405222cb130a3a6fdf47abcd9d4e58556edeffdd64fec5f1504ac9608e8e2a8b1059c9fc05ed
+  metadata.gz: aa8a7e923724a74b1ce8c477f017445d7aa3e347bcd771108bbb0991d0ac0481a0436a1988837b9521db233e4890f8d39bd6d4e23dc477ec2fe367988206cc3e
+  data.tar.gz: 1376453c8f6a1b51737e438b67fbebcac4be0ca2901a52081fbe0738068048ec4a66f12c85f834140542ba6467bc1245821a9c9bf5101a6981b9003b8051bc01

data/changelog.md

@@ -2,6 +2,14 @@
 
 Older versions can be found in the documentation changelogs.
 
+## 2.1.2 ##
+* Updated NPM packages and improved Gulp workflow
+* Components
+    * Grid
+        * Fixed an issue where `.end` capping would not work correctly on collapsed columns
+    * Modal, OffCanvas, Showcase
+        * Fixed an issue where `stopScroll` would not work on mobile devices
+
 ## 2.1.1 ##
 * Components
     * Grid

data/readme.md

@@ -6,7 +6,7 @@
     \/_/   \/_____/ \/_____/ \/_____/ \/_/\/_/ \/_/   \/_/
 ```
 
-# Titon Toolkit v2.1.1 #
+# Titon Toolkit v2.1.2 #
 [![Project Titon](https://img.shields.io/badge/project-titon-82667d.svg?style=flat)](http://titon.io)
 [![Build Status](https://img.shields.io/travis/titon/toolkit.svg?style=flat)](https://travis-ci.org/titon/toolkit)
 [![NPM Version](https://img.shields.io/npm/v/titon-toolkit.svg?style=flat)](https://npmjs.com/package/titon-toolkit)

data/scss/normalize.scss

@@ -37,7 +37,6 @@ figcaption,
 figure,
 footer,
 header,
-hgroup,
 main,
 menu,
 nav,

data/scss/toolkit/_common.scss

@@ -24,6 +24,17 @@ $modules-exported: () !global;
     $modules-excluded: ();
 }
 
+//-------------------- Text Direction --------------------//
+
+$text-direction: ltr !default;
+$align-direction: left;
+$align-opposite-direction: right;
+
+@if ($text-direction == rtl) {
+    $align-direction: right;
+    $align-opposite-direction: left;
+}
+
 //-------------------- Colors --------------------//
 
 $gray-lightest: #fbfbfb !default;
@@ -47,17 +58,6 @@ $default-transition: .3s !default;
 $bem-element-separator: "-" !default;
 $bem-modifier-separator: "--" !default;
 
-//-------------------- Text Direction --------------------//
-
-$text-direction: ltr !default;
-$align-direction: left;
-$align-opposite-direction: right;
-
-@if ($text-direction == rtl) {
-    $align-direction: right;
-    $align-opposite-direction: left;
-}
-
 //-------------------- Spacing --------------------//
 
 $padding: .75rem !default;

data/scss/toolkit/base.scss

@@ -30,7 +30,6 @@ bdo[dir="rtl"] { direction: rtl; unicode-bidi: bidi-override; }
 // Display
 .shown { display: block; }
 .hidden { display: none; }
-.no-scroll { overflow: hidden !important; }
 .no-transition { transition: none !important; }
 
 .fluid {
@@ -61,6 +60,15 @@ bdo[dir="rtl"] { direction: rtl; unicode-bidi: bidi-override; }
     }
 }
 
+// Disable Scrolling
+.no-scroll { overflow: hidden !important; }
+
+// #111 - https://github.com/titon/toolkit/issues/111
+// Mobile devices require a fixed positioning for this to work correctly.
+// This is a janky hack but there's really no better solution, as we don't want to use JS.
+// Furthermore, this will cause the page to jump to the top, no fix for that either.
+.touch body.no-scroll { position: fixed; }
+
 // Layout
 .vertical-center {
     position: absolute;
@@ -106,7 +114,7 @@ bdo[dir="rtl"] { direction: rtl; unicode-bidi: bidi-override; }
 
 // Bullets
 .bullets {
-    @include reset-list();
+    @include reset-list;
     line-height: 100%;
 
     li {

data/scss/toolkit/components/blackout.scss

@@ -8,7 +8,7 @@
 
 @include export("blackout") {
     #{$blackout-class} {
-        @include full-screen();
+        @include full-screen;
         z-index: $blackout-zindex;
         opacity: 0;
         visibility: hidden;

data/scss/toolkit/components/code.scss

@@ -11,7 +11,7 @@
     var,
     kbd,
     pre {
-        font: normal .8rem/115% Consolas, Monaco, 'Andale Mono', monospace;
+        font: normal .8rem/115% Consolas, Monaco, "Andale Mono", monospace;
     }
 
     code,

data/scss/toolkit/components/flex.scss

@@ -8,7 +8,7 @@
 
 @include export("flex") {
     #{$flex-class-region} {
-        @include flex-region();
+        @include flex-region;
 
         // Alignment
         &.flow-top,
@@ -26,8 +26,8 @@
     }
 
     #{$flex-class-block} {
-        @include flex-block();
-        @include flex-block-order();
+        @include flex-block;
+        @include flex-block-order;
 
         // Override parent alignment
         &.self-top,
@@ -104,7 +104,7 @@
     // Wrap blocks onto the next line instead of trying to squish into 1 line
     @if index($flex-modifiers, "wrap") {
         #{$flex-class-modifier-wrap} {
-            @include flex-region-wrap();
+            @include flex-region-wrap;
         }
     }
 }

data/scss/toolkit/components/grid.scss

@@ -9,12 +9,12 @@
 @include export("grid") {
     // Row wrapper
     #{$grid-class} {
-        @include grid-row();
+        @include grid-row;
     }
 
     // These should be the same for all sizes
     #{$grid-class-column}[class*="span-"] {
-        @include grid-column();
+        @include grid-column;
     }
 
     // Global Push and pull classes
@@ -48,10 +48,4 @@
             }
         }
     }
-
-    // End capping
-    #{$grid-class-column}#{$grid-class-end} {
-        margin-#{$align-opposite-direction}: 0 !important;
-        float: $align-opposite-direction !important;
-    }
 }

data/scss/toolkit/components/modal.scss

@@ -8,7 +8,7 @@
 
 @include export("modal") {
     #{$modal-class} {
-        @include full-screen();
+        @include full-screen;
         opacity: 0;
         visibility: hidden;
         z-index: $modal-zindex;

data/scss/toolkit/components/switch.scss

@@ -30,7 +30,7 @@
             }
         }
 
-        @include is-small() {
+        @include is-small {
             width: 70px;
 
             #{$switch-class-bar} {
@@ -47,7 +47,7 @@
             }
         }
 
-        @include is-large() {
+        @include is-large {
             width: 130px;
 
             #{$switch-class-bar} {

data/scss/toolkit/mixins/_grid.scss

@@ -26,4 +26,13 @@
             margin-#{$align-direction}: gutter($width, $gutter);
         }
     }
+
+    // End capping
+    &#{$grid-class-end} {
+        @if $gutter {
+            margin-#{$align-opposite-direction}: 0 !important;
+        }
+
+        float: $align-opposite-direction !important;
+    }
 }

data/scss/toolkit/mixins/_responsive.scss

@@ -99,7 +99,7 @@
 
 // Within 2 ranges
 @mixin in-range($range) {
-    @if type-of($range) != 'list' {
+    @if type-of($range) != "list" {
         @warn "in-range() requires a list with a min and max value";
     }
 
@@ -151,4 +151,4 @@
     @include in-range($breakpoint-range-xsmall) {
         @content;
     }
-}
+}

data/scss/toolkit/mixins/_unit.scss

@@ -8,14 +8,14 @@
 @function to-pixel($from) {
     $from-unit: unit($from);
 
-    @if $from-unit == 'px' {
+    @if $from-unit == "px" {
         @return $from;
 
-    } @else if $from-unit == '%' or $from-unit == 'em' or $from-unit == 'rem' {
+    } @else if $from-unit == "%" or $from-unit == "em" or $from-unit == "rem" {
         @return (strip-unit($from) * $base-size);
 
     } @else {
-        @warn 'Unknown pixel conversion unit type.';
+        @warn "Unknown pixel conversion unit type.";
     }
 
     @return $from;
@@ -25,14 +25,14 @@
 @function to-percent($from) {
     $from-unit: unit($from);
 
-    @if $from-unit == '%' {
+    @if $from-unit == "%" {
         @return $from;
 
-    } @else if $from-unit == 'px' or $from-unit == 'em' or $from-unit == 'rem' {
+    } @else if $from-unit == "px" or $from-unit == "em" or $from-unit == "rem" {
         @return percentage((to-pixel($from) / $base-size) / 100);
 
     } @else {
-        @warn 'Unknown percentage conversion unit type.';
+        @warn "Unknown percentage conversion unit type.";
     }
 
     @return $from;
@@ -42,14 +42,14 @@
 @function to-rem($from) {
     $from-unit: unit($from);
 
-    @if $from-unit == 'rem' {
+    @if $from-unit == "rem" {
         @return $from;
 
-    } @else if $from-unit == 'px' or $from-unit == '%' or $from-unit == 'em' {
+    } @else if $from-unit == "px" or $from-unit == "%" or $from-unit == "em" {
         @return (to-pixel($from) / $base-size) * 1rem;
 
     } @else {
-        @warn 'Unknown rem conversion unit type.';
+        @warn "Unknown rem conversion unit type.";
     }
 
     @return $from;
@@ -59,15 +59,15 @@
 @function to-em($from) {
     $from-unit: unit($from);
 
-    @if $from-unit == 'em' {
+    @if $from-unit == "em" {
         @return $from;
 
-    } @else if $from-unit == 'px' or $from-unit == '%' or $from-unit == 'rem' {
+    } @else if $from-unit == "px" or $from-unit == "%" or $from-unit == "rem" {
         @return (to-pixel($from) / $base-size) * 1em;
 
     } @else {
-        @warn 'Unknown em conversion unit type.';
+        @warn "Unknown em conversion unit type.";
     }
 
     @return $from;
-}
+}

data/version.md

@@ -1 +1 @@
-2.1.1
+2.1.2

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: titon-toolkit
 version: !ruby/object:Gem::Version
-  version: 2.1.1
+  version: 2.1.2
 platform: ruby
 authors:
 - Project Titon
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2015-03-17 00:00:00.000000000 Z
+date: 2015-04-07 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sass
@@ -121,7 +121,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.4.1
+rubygems_version: 2.4.5
 signing_key: 
 specification_version: 4
 summary: Provides Titon Toolkit Sass files for use in projects.