titon-toolkit 1.0.0.rc.3 → 1.0.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 255f3100b0f5ad48091522c492aeab278e8c9ae6
+  data.tar.gz: 7a201853a7209808156e21aae0cff3d9721a7cf1
+SHA512:
+  metadata.gz: 48713dfe0731c1c10bfc555bcab6b4c9716be9ef87bd202f52fb9ca6f02e57150a154491599f2b2a8aa8bb3b40e8483ac58fdc4fa4ce6e0850541ad887a9eb5c
+  data.tar.gz: 1e892c3ee6f266d0c4d1a8020ef0c97350d1c29e4eb9c20f5613ef1e416a05ad1b2902e13c2129ceb48107866026e13a18bfe47e41de406ea1495921825bafa6

data/readme.md

@@ -1,4 +1,12 @@
-# Toolkit v1.0.0 RC3 #
+```
+                       ______  ______  ______  __      __  __   __  ______
+                      /\__  _\/\  __ \/\  __ \/\ \    /\ \/ /_ /\ \/\__  _\
+                      \/_/\ \/\ \ \/\ \ \ \/\ \ \ \___\ \  _  \\ \ \/_/\ \/
+                         \ \_\ \ \_____\ \_____\ \_____\ \_\ \_\\ \_\ \ \_\
+                          \/_/  \/_____/\/_____/\/_____/\/_/\/_/ \/_/  \/_/
+```
+
+# Toolkit v1.0.0 #
 
 Titon Toolkit is a collection of very powerful user interface components and utility classes.
 Each component represents encapsulated HTML, CSS and JS functionality for role specific page elements.
@@ -20,7 +28,7 @@ If any of these concepts align with your thought process or your projects requir
 * Animations and transitions purely with CSS
 
 #### Demo ####
-A temporary demo can be found here: http://titon.io/toolkit
+An interactive demo can be found here: http://titon.io/toolkit
 
 #### Requirements ####
 * **HTML5**
@@ -87,7 +95,7 @@ Titon also provides classes that build upon MooTools itself. These classes do no
 * `Typography` - Resets and default styles for typography
 
 #### UI ####
-* `Breadcrumbs` - Styles for bread crumb navigation trails
+* `Breadcrumb` - Styles for bread crumb navigation trails
 * `Button` - Styles for generic cross-browser compatible buttons
 * `ButtonGroup` - Allows for the grouping of multiple buttons into 1 visual styled button
 * `Grid` - Implements a fluid 12 column grid system with responsive support for all devices
@@ -96,7 +104,6 @@ Titon also provides classes that build upon MooTools itself. These classes do no
 * `Label` - Styles for inline tag labels
 * `Notice` - Styles for block level notification messages
 * `Pagination` - Styles for pagination lists
-* `Pin` - Animations for element pinning
 * `Progress` - Basic styles for progress bars
 * `Table` - Styles for tables
 
@@ -106,10 +113,6 @@ Titon also provides classes that build upon MooTools itself. These classes do no
 ## Authors ##
 * [Miles Johnson](https://github.com/milesj)
 
-#### Third Party ####
-* `Normalize.css` provided by Nicolas Gallagher
-* `Iconic` icon set provided by P.J. Onori
-
 ## Known Issues ##
 * Zepto is currently not supported (too different of an API)
 * Slide in modal animations do not work correctly in Chrome/IE

data/roadmap.md

@@ -5,6 +5,7 @@ All releases will contain bug fixing and polishing for current features.
 ### 1.1.0 - December 2013 ###
 * Marquee - A component that displays multiple slides at once and allows for cycling through a variable amount. A sister component to the carousel.
 * Mask - A component that will mask a target element with a blackout.
+* Improvements for Input by adding custom select dropdowns and multi-select support
 
 ### 1.2.0 - January 2014 ###
 * Step - A component that highlights a step in a series of consecutive steps (represented by an arrow based navigation).
@@ -19,7 +20,6 @@ All releases will contain bug fixing and polishing for current features.
 * Drop IE 8/9 support and upgrade to jQuery 2.
 * Replace JS option callbacks with namespaced element events.
 * Refactor the JS component layer and reduce complex implementation.
-* Move component options from the jQuery plugin to the Toolkit component.
 * Separate component transitions into a stand alone layer that can be used anywhere.
 * Refactor in-between loading states. Possibly into a new component? CSS or JS based?
 * Replace examples with unit tests.

data/scss/toolkit.scss

@@ -15,7 +15,7 @@
 
 // Then basic UI styles
 @import "toolkit/components/grid";
-@import "toolkit/components/breadcrumbs";
+@import "toolkit/components/breadcrumb";
 @import "toolkit/components/button";
 @import "toolkit/components/button-group";
 @import "toolkit/components/dropdown";
@@ -23,11 +23,8 @@
 @import "toolkit/components/input";
 @import "toolkit/components/input-group";
 @import "toolkit/components/label";
-@import "toolkit/components/lazy-load";
-@import "toolkit/components/matrix";
 @import "toolkit/components/notice";
 @import "toolkit/components/pagination";
-@import "toolkit/components/pin";
 @import "toolkit/components/progress";
 @import "toolkit/components/table";
 
@@ -36,7 +33,10 @@
 @import "toolkit/components/blackout";
 @import "toolkit/components/carousel";
 @import "toolkit/components/flyout";
+@import "toolkit/components/lazy-load";
+@import "toolkit/components/matrix";
 @import "toolkit/components/modal";
+@import "toolkit/components/pin";
 @import "toolkit/components/popover";
 @import "toolkit/components/showcase";
 @import "toolkit/components/tabs";

data/scss/toolkit/_common.scss

@@ -23,6 +23,16 @@ $foreground-color: #2d2d2d !default;
 //-------------------- Sizes --------------------//
 
 $base-size: 14px !default;
+$base-line-height: 1.25em !default;
+
+$h1-size: 3rem !default;
+$h2-size: 2.5rem !default;
+$h3-size: 2.1rem !default;
+$h4-size: 1.8rem !default;
+$h5-size: 1.5rem !default;
+$h6-size: 1.2rem !default;
+
+//-------------------- Spacing --------------------//
 
 $padding: .75rem !default;
 $margin: 1.25rem !default;
@@ -95,7 +105,7 @@ $progress-transition: $default-transition !default;
 $showcase-transition: $default-transition !default;
 $tooltip-transition: $default-transition !default;
 
-//-------------------- Transitions --------------------//
+//-------------------- Animations --------------------//
 
 $icon-animation: 1.5s !default;
 

data/scss/toolkit/components/{breadcrumbs.scss → breadcrumb.scss}

@@ -6,7 +6,7 @@
 
 @import "../common";
 
-.breadcrumbs {
+.breadcrumb {
     text-align: left;
     margin: $margin 0;
     background: $gray;

data/scss/toolkit/components/grid.scss

@@ -4,7 +4,7 @@
  * @link        http://titon.io
  */
 
-@import "../_common";
+@import "../common";
 
 .grid,
 .row {

data/scss/toolkit/components/modal.scss

@@ -64,10 +64,10 @@
 //-------------------- Modifiers --------------------//
 
 .modal.is-fullscreen {
-    width: 100%;
     top: 0;
     left: 0;
     margin: 0;
+    width: 100%;
     max-width: 100%;
     max-height: auto;
     border-radius: 0;

data/scss/toolkit/layout/base.scss

@@ -7,7 +7,7 @@
 @import "../common";
 
 // Use border-box for everything
-*, *:after, *:before { @include box-sizing("border-box"); }
+*, *:after, *:before { @include box-sizing(border-box); }
 
 // Alignment
 .align-left { text-align: left; }

data/scss/toolkit/layout/form.scss

@@ -14,7 +14,7 @@ fieldset {
     border: 0;
     border-top: 1px solid $gray-dark;
 
-    &.legendless {
+    &.is-legendless {
         border: 0;
         padding: 0;
     }
@@ -34,8 +34,9 @@ input::-moz-focus-inner {
     border: 0;
 }
 
+// Override normalize
 input[type="search"] {
-    @include box-sizing("border-box");
+    @include box-sizing(border-box);
 }
 
 // Required values to match browser restrictions
@@ -53,8 +54,10 @@ label,
 .input-checkbox {
     @include reset-inline-block;
     border: 1px solid $gray-dark;
-    font-size: $medium-size;
-    padding: $medium-padding;
+    @include size-medium;
+
+    &.small { @include size-small; }
+    &.large { @include size-large; }
 }
 
 .input {
@@ -88,8 +91,8 @@ label,
 .input-checkbox {
     background: transparent;
     border-color: transparent;
-    padding-left: 0;
-    padding-right: 0;
+    padding-left: 0 !important;
+    padding-right: 0 !important;
 }
 
 .input-radio,

data/scss/toolkit/layout/typography.scss

@@ -6,19 +6,19 @@
 
 @import "../common";
 
-html { font-size: $base-size; }
+html { font-size: $base-size; line-height: $base-line-height; }
 
-h1 { font-size: 3rem; }
-h2 { font-size: 2.5rem; }
-h3 { font-size: 2.1rem; }
-h4 { font-size: 1.8rem; }
-h5 { font-size: 1.5rem; }
-h6 { font-size: 1.2rem; }
+h1 { font-size: $h1-size; }
+h2 { font-size: $h2-size; }
+h3 { font-size: $h3-size; }
+h4 { font-size: $h4-size; }
+h5 { font-size: $h5-size; }
+h6 { font-size: $h6-size; }
 
 h1, h2, h3, h4, h5, h6 {
     margin: 0;
     padding: 0;
-    line-height: 1.25em;
+    line-height: $base-line-height;
     font-weight: normal;
 }
 

data/scss/toolkit/themes/titon.scss

@@ -50,7 +50,7 @@ mark { background: lighten($warning-light, 25%); }
 
 //-------------------- Breadcrumbs --------------------//
 
-.breadcrumbs {
+.breadcrumb {
     border: 1px solid $gray-dark;
 }
 
@@ -312,6 +312,10 @@ mark { background: lighten($warning-light, 25%); }
     box-shadow: 5px 5px black(.25);
 }
 
+.modal-head {
+    background: $gray-lightest;
+}
+
 .modal-body {
     background: #fff;
     border-top: 1px solid $gray-dark;
@@ -319,7 +323,6 @@ mark { background: lighten($warning-light, 25%); }
 }
 
 .modal-foot {
-    background: $gray-lightest;
     text-align: center;
 }
 

data/version.md

@@ -1 +1 @@
-1.0.0-rc.3
+1.0.0

metadata

@@ -1,8 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: titon-toolkit
 version: !ruby/object:Gem::Version
-  version: 1.0.0.rc.3
-  prerelease: 6
+  version: 1.0.0
 platform: ruby
 authors:
 - Titon
@@ -10,38 +9,34 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2013-11-26 00:00:00.000000000 Z
+date: 2013-12-04 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 collection of extensible front-end UI components for the responsive
@@ -53,9 +48,10 @@ extra_rdoc_files: []
 files:
 - lib/titon-toolkit.rb
 - scss/normalize.scss
+- scss/toolkit/_common.scss
 - scss/toolkit/components/accordion.scss
 - scss/toolkit/components/blackout.scss
-- scss/toolkit/components/breadcrumbs.scss
+- scss/toolkit/components/breadcrumb.scss
 - scss/toolkit/components/button-group.scss
 - scss/toolkit/components/button.scss
 - scss/toolkit/components/carousel.scss
@@ -95,7 +91,6 @@ files:
 - scss/toolkit/mixins/_state.scss
 - scss/toolkit/mixins/_unit.scss
 - scss/toolkit/themes/titon.scss
-- scss/toolkit/_common.scss
 - scss/toolkit.scss
 - license.md
 - readme.md
@@ -104,26 +99,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: 1.3.1
+      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: []