titon-toolkit 0.12.0 → 0.13.2

data/scss/toolkit/ui/breadcrumbs.scss

@@ -38,14 +38,12 @@
 
     a {
         display: block;
-        padding: $medium-padding;
         line-height: 100%;
-        font-size: $medium-size;
+        @include size-medium;
     }
 
-    // Sizes
-    &.small a { padding: $small-padding; font-size: $small-size; }
-    &.large a { padding: $large-padding; font-size: $large-size; }
+    &.small a { @include size-small; }
+    &.large a { @include size-large; }
 
     @include clear-fix;
 }

data/scss/toolkit/ui/button-group.scss

@@ -34,7 +34,6 @@
         border-radius: 0;
     }
 
-    // Shape: round
     &.round {
         border-radius: $round;
 
@@ -53,47 +52,6 @@
         }
     }
 
-    // Shape: pill
-    &.pill {
-        border-radius: $pill;
-
-        > li:first-child .button,
-        > .button:first-child,
-        > .button.first {
-            border-top-left-radius: $pill;
-            border-bottom-left-radius: $pill;
-        }
-
-        > li:last-child .button,
-        > .button:last-child,
-        > .button.last {
-            border-top-right-radius: $pill;
-            border-bottom-right-radius: $pill;
-        }
-    }
-
-    // Shape: skew
-    &.skew {
-        border-top-left-radius: $skew;
-        border-top-right-radius: $skew;
-        border-bottom-left-radius: 0;
-        border-bottom-right-radius: 0;
-
-        > li:first-child .button,
-        > .button:first-child,
-        > .button.first {
-            border-top-left-radius: $skew;
-            border-bottom-left-radius: 0;
-        }
-
-        > li:last-child .button,
-        > .button:last-child,
-        > .button.last {
-            border-top-right-radius: $skew;
-            border-bottom-right-radius: 0;
-        }
-    }
-
     @include clear-fix;
 }
 
@@ -119,7 +77,6 @@
         &:hover { z-index: 1; }
     }
 
-    // Reset radius
     &.round,
     &.pill,
     &.skew,
@@ -127,7 +84,6 @@
         .button { border-radius: 0; }
     }
 
-    // Shape: round
     &.round {
         > li:first-child .button,
         > .button:first-child {
@@ -141,56 +97,6 @@
             border-bottom-right-radius: $round;
         }
     }
-
-    // Shape: pill
-    &.pill {
-        border-radius: $pill;
-
-        > li:first-child .button,
-        > .button:first-child {
-            border-top-left-radius: $pill;
-            border-top-right-radius: $pill;
-        }
-
-        > li:last-child .button,
-        > .button:last-child {
-            border-bottom-left-radius: $pill;
-            border-bottom-right-radius: $pill;
-        }
-    }
-
-    // Shape: skew
-    &.skew {
-        border-top-left-radius: $skew-y 1.5rem;
-        border-bottom-left-radius: $skew-y 1.5rem;
-
-        > li:first-child .button,
-        > .button:first-child {
-            border-top-left-radius: $skew-reverse;
-        }
-
-        > li:last-child .button,
-        > .button:last-child {
-            border-bottom-left-radius: $skew-reverse;
-            border-top-right-radius: 0;
-        }
-    }
-
-    // Shape: skew-reverse
-    &.skew-reverse {
-        border-top-right-radius: $skew-y 1.25rem;
-        border-bottom-right-radius: $skew-y 1.25rem;
-
-        > li:first-child .button,
-        > .button:first-child {
-            border-top-right-radius: $skew-reverse;
-        }
-
-        > li:last-child .button,
-        > .button:last-child {
-            border-bottom-right-radius: $skew-reverse;
-        }
-    }
 }
 
 .button-group.button-group--justified {

data/scss/toolkit/ui/button.scss

@@ -13,6 +13,7 @@
 
 .button {
     @include reset-inline-block;
+    @include size-medium;
     cursor: pointer;
     text-align: center;
     overflow: hidden;
@@ -20,21 +21,13 @@
     line-height: normal;
     user-select: none;
     white-space: nowrap;
-    @include size-medium;
     background: $gray;
     border: 1px solid $gray-dark;
 
-    // Sizes
     &.small, .small & { @include size-small; }
     &.large, .large & { @include size-large; }
-
-    // Shapes
     &.round { border-radius: $round; }
-    &.pill { border-radius: $pill; }
-    &.oval { border-radius: #{$oval-x} / #{$oval-y}; }
-    &.skew { border-radius: #{$skew-x $skew-x} 0 0 / #{$skew-y $skew-y} 0 0; }
 
-    // State
     @include disabled-state {
         cursor: not-allowed;
         pointer-events: none;

data/scss/toolkit/ui/dropdown.scss

@@ -6,6 +6,8 @@
 
 @import "../common";
 
+$dropdown-transition: $default-transition !default;
+
 /**
  *    <ul class="dropdown">
  *        <li class="heading>Heading</li>

data/scss/toolkit/ui/lazy-load.scss

@@ -6,6 +6,8 @@
 
 @import "../common";
 
+$lazyLoad-transition: $default-transition !default;
+
 /**
  * Will hide background images and defer image loading until they are within viewport.
  * Should be used in conjunction with the JavaScript Titon.LazyLoad component.
@@ -13,5 +15,5 @@
 
 .lazy-load {
     background-image: none !important;
-    @include transition(background-image .3s);
+    @include transition(background-image $lazyLoad-transition);
 }

data/scss/toolkit/ui/matrix.scss

@@ -6,6 +6,8 @@
 
 @import "../common";
 
+$matrix-transition: $default-transition !default;
+
 /**
  * Should be used in conjunction with the JavaScript Titon.Matrix component.
  */
@@ -27,7 +29,7 @@
     margin: 0;
     padding: 0;
     position: absolute;
-    @include transition(top .3s, left .3s, bottom .3s, right .3s, opacity .3s);
+    @include transition(top $matrix-transition, left $matrix-transition, bottom $matrix-transition, right $matrix-transition, opacity $matrix-transition);
 
     img {
         max-width: 100%;

data/scss/toolkit/ui/pagination.scss

@@ -54,7 +54,8 @@
         margin-right: 0;
 
         &:first-child { margin-left: 0; }
-        &:hover, .button:hover { z-index: 1; }
+        &:hover,
+        .button:hover { z-index: 1; }
 
         .button {
             margin: 0;
@@ -62,7 +63,6 @@
         }
     }
 
-    // Shape: round
     &.round {
         ul {
             border-radius: $round;
@@ -78,51 +78,4 @@
             border-bottom-right-radius: $round;
         }
     }
-
-    // Shape: pill
-    &.pill {
-        ul {
-            border-radius: $pill;
-        }
-
-        li:first-child .button {
-            border-top-left-radius: $pill;
-            border-bottom-left-radius: $pill;
-        }
-
-        li:last-child .button {
-            border-top-right-radius: $pill;
-            border-bottom-right-radius: $pill;
-        }
-    }
-
-    // Shape: oval
-    &.oval {
-        ul {
-            border-radius: #{$oval-x} / #{$oval-y};
-        }
-
-        li:first-child .button {
-            border-radius: #{$oval-x} 0 0 #{$oval-x} / #{$oval-y} 0 0 #{$oval-y};
-        }
-
-        li:last-child .button {
-            border-radius: 0 #{$oval-x} #{$oval-x} 0 / 0 #{$oval-y} #{$oval-y} 0;
-        }
-    }
-
-    // Shape: skew
-    &.skew {
-        ul {
-            border-radius: #{$skew-x $skew-x} 0 0 / #{$skew-y $skew-y} 0 0;
-        }
-
-        li:first-child .button {
-            border-radius: #{$skew-x} 0 0 0 / #{$skew-y} 0 0 0;
-        }
-
-        li:last-child .button {
-            border-radius: 0 #{$skew-x} 0 0 / 0 #{$skew-y} 0 0;
-        }
-    }
 }

data/scss/toolkit/ui/progress.scss

@@ -6,6 +6,8 @@
 
 @import "../common";
 
+$progress-transition: $default-transition !default;
+
 /**
  *    <div class="progress">
  *        <div class="progress-bar" style="width: 50%">50%</div>
@@ -30,5 +32,5 @@
     font-size: .7rem;
     background: $gray-darkest;
     float: left;
-    @include transition(width .6s, background .3s);
+    @include transition(width .6s, background $progress-transition);
 }

data/version.md

@@ -1 +1 @@
-0.12.0
+0.13.2

metadata

@@ -1,8 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: titon-toolkit
 version: !ruby/object:Gem::Version
-  version: 0.12.0
-  prerelease: 
+  version: 0.13.2
 platform: ruby
 authors:
 - Titon
@@ -10,38 +9,34 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2013-09-22 00:00:00.000000000 Z
+date: 2013-10-21 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sass
   requirement: !ruby/object:Gem::Requirement
-    none: false
     requirements:
-    - - ! '>='
+    - - '>='
       - !ruby/object:Gem::Version
         version: 3.2.0
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
-    none: false
     requirements:
-    - - ! '>='
+    - - '>='
       - !ruby/object:Gem::Version
         version: 3.2.0
 - !ruby/object:Gem::Dependency
   name: compass
   requirement: !ruby/object:Gem::Requirement
-    none: false
     requirements:
-    - - ! '>='
+    - - '>='
       - !ruby/object:Gem::Version
         version: '0.11'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
-    none: false
     requirements:
-    - - ! '>='
+    - - '>='
       - !ruby/object:Gem::Version
         version: '0.11'
 description: A powerful front-end UI and component toolkit. Provides Sass files for
@@ -52,7 +47,13 @@ extensions: []
 extra_rdoc_files: []
 files:
 - lib/titon-toolkit.rb
+- scss/ie8.scss
 - scss/normalize.scss
+- scss/toolkit/_common.scss
+- scss/toolkit/_variables.scss
+- scss/toolkit/effects/oval.scss
+- scss/toolkit/effects/pill.scss
+- scss/toolkit/effects/skew.scss
 - scss/toolkit/effects/visual.scss
 - scss/toolkit/layout/base.scss
 - scss/toolkit/layout/code.scss
@@ -90,8 +91,6 @@ files:
 - scss/toolkit/ui/pagination.scss
 - scss/toolkit/ui/pin.scss
 - scss/toolkit/ui/progress.scss
-- scss/toolkit/_common.scss
-- scss/toolkit/_variables.scss
 - scss/toolkit.scss
 - license.md
 - readme.md
@@ -99,26 +98,25 @@ files:
 homepage: http://titon.io
 licenses:
 - BSD-2
+metadata: {}
 post_install_message: 
 rdoc_options: []
 require_paths:
 - lib
 required_ruby_version: !ruby/object:Gem::Requirement
-  none: false
   requirements:
-  - - ! '>='
+  - - '>='
     - !ruby/object:Gem::Version
       version: '0'
 required_rubygems_version: !ruby/object:Gem::Requirement
-  none: false
   requirements:
-  - - ! '>='
+  - - '>='
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 1.8.23
+rubygems_version: 2.0.3
 signing_key: 
-specification_version: 3
+specification_version: 4
 summary: Provides Titon Toolkit Sass files for use in projects.
 test_files: []