titon-toolkit 1.0.2 → 1.0.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 89f46ffb01286e3d8c0d4f4289488dfc6317406f
-  data.tar.gz: 5db5be3f888f3b9d457771188719a1e33b0913fe
+  metadata.gz: 193ea0548bb212597019412a810e1a5dd72f4c4e
+  data.tar.gz: f717e67f29fbf3dab96391bb0f887bae217fed8d
 SHA512:
-  metadata.gz: 66fd73f1e551df75751b34e86e0fd595eacca68bca951c0632baa49b61a4ae0b20723b1d2d5439727c2a16870741b456ff0246c9e06087f94c7c283cdaa7515b
-  data.tar.gz: 5419683e1a09e80ff936a504f9cd37d88ceb44ac1cb6cefb7cc9c386c9e0ed3120c18ded2ffa610021c2c07b5c116aba94bf5ddeabcedc65c531412afe95ed28
+  metadata.gz: 4d62d194d4881250449b8301bfe89581ed389b297e51cd833fe170922382695675dd52c999eb05d21ef16c2bbd3cf985d920f2d293c9e4fe2c4c8ac0cdae7830
+  data.tar.gz: f5bef3161ce546fcb41007fde80738381a0beb47568dffb9286c6d432df7fd22f2ab8241d5b3e90ab9d2498304196ff30a689760a2f31b34126aac8497ed6224

data/changelog.md

@@ -0,0 +1,28 @@
+# Changelog #
+
+### 1.0.4 ###
+* Added `.vertical-center` class
+* Added `!important` to Responsive display properties
+* Changed `.arrow` classes to use the `bigtriangleup` entity
+* Removed Responsive conditionals to allow all classes
+* Updated `pre code` to display block
+
+### 1.0.3 ###
+* Changed default Tooltip position to `topCenter`
+* Removed `stopPropagation()` calls
+
+### 1.0.2 ###
+* Changed bower package name
+* Fixed Modal not loading the correct content
+* Updated MooTools to not use `$` functions
+
+### 1.0.1 ###
+* Added variables for prefixing classes with vendor names and state prefixes
+* Added missing Input component to manifest
+* Fixed incorrect methods being called in jQuery Modal
+* Fixed a Modal bug where switching between AJAX and DOM loading caused issues
+* Updated Matrix deferred loading to render immediately if no images are found
+* Updated Modal target reading by swapping href to last
+
+### 1.0.0 ###
+* Released! Aww yiisss

data/readme.md

@@ -6,7 +6,7 @@
                           \/_/  \/_____/\/_____/\/_____/\/_/\/_/ \/_/  \/_/
 ```
 
-# Toolkit v1.0.2 #
+# Toolkit v1.0.4 #
 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.
 

data/roadmap.md

@@ -2,20 +2,20 @@
 
 All releases will contain bug fixing and polishing for current features.
 
-### 1.1.0 - December 2013 ###
+### 1.1.0 ###
 * 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 ###
+### 1.2.0 ###
 * Step - A component that highlights a step in a series of consecutive steps (represented by an arrow based navigation).
 * Dialog - A component that prompts the user for an action. Sister to the modal component.
 
-### 1.3.0 - February 2014 ###
+### 1.3.0 ###
 * Guide - A component that displays introduction guides (popovers) in a sequential order. Useful for show casing new features and functionality.
 * Divider - A component for dividing content horizontally or vertically.
 
-### 2.0.0 - TBD ###
+### 2.0.0 ###
 * Remove the MooTools port.
 * Drop IE 8/9 support and upgrade to jQuery 2.
 * Replace JS option callbacks with namespaced element events.

data/scss/toolkit/layout/base.scss

@@ -43,6 +43,13 @@
     padding: 0;
 }
 
+.vertical-center {
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    @include transform(translate(-50%, -50%));
+}
+
 // Styles
 .round { border-radius: $round; }
 .#{$state-is-prefix}draggable { cursor: move; }
@@ -86,21 +93,12 @@
 .arrow-right:before {
     display: inline-block;
     position: relative;
+    content: "\025B3"; /* bigtriangleup */
 }
 
-.arrow-up:before,
-.arrow-left:before { content: "\000AB"; /* laquo */ }
-.arrow-down:before,
-.arrow-right:before { content: "\000BB"; /* raquo */ }
-
-.arrow-left:before,
-.arrow-right:before { top: -2px; }
-
-.arrow-up:before,
-.arrow-down:before {
-    right: -2px;
-    @include transform(rotate(90deg));
-}
+.arrow-right:before { @include transform(rotate(90deg)); }
+.arrow-left:before { @include transform(rotate(-90deg)); }
+.arrow-down:before { @include transform(rotate(180deg)); }
 
 // Bullets
 .bullets {

data/scss/toolkit/layout/code.scss

@@ -42,6 +42,7 @@ pre {
         white-space: pre-wrap;
         background: transparent;
         border: none;
+        display: block;
     }
 
     &.#{$state-is-prefix}scrollable {

data/scss/toolkit/layout/responsive.scss

@@ -13,78 +13,76 @@ img, video, canvas {
 }
 
 .show-retina,
-.show-print { display: none; }
+.show-print { display: none !important; }
 
-@if $responsive-size == "device" or $responsive-size == "both" {
-    // Desktop states
-    @include in-desktop {
-        .show-tablet,
-        .show-mobile,
-        .hide-desktop { display: none; }
-    }
+// Desktop states
+@include in-desktop {
+    .show-tablet,
+    .show-mobile,
+    .hide-desktop { display: none !important; }
+}
 
-    // Tablet states
-    @include in-tablet {
-        .show-desktop,
-        .show-mobile,
-        .hide-tablet { display: none; }
-    }
+// Tablet states
+@include in-tablet {
+    .show-desktop,
+    .show-mobile,
+    .hide-tablet { display: none !important; }
+}
 
-    // Mobile states
-    @include in-mobile  {
-        .show-desktop,
-        .show-tablet,
-        .hide-mobile { display: none; }
-    }
+// Mobile states
+@include in-mobile  {
+    .show-desktop,
+    .show-tablet,
+    .hide-mobile { display: none !important; }
 }
 
-@if $responsive-size == "size" or $responsive-size == "both" {
-    // Large states
-    @include in-large {
-        .show-medium,
-        .show-small,
-        .hide-large { display: none; }
-    }
+// Large states
+@include in-large {
+    .show-medium,
+    .show-small,
+    .hide-large { display: none !important; }
+}
 
-    // Medium states
-    @include in-medium {
-        .show-large,
-        .show-small,
-        .hide-medium { display: none; }
-    }
+// Medium states
+@include in-medium {
+    .show-large,
+    .show-small,
+    .hide-medium { display: none !important; }
+}
 
-    // Small states
-    @include in-small  {
-        .show-large,
-        .show-medium,
-        .hide-small { display: none; }
-    }
+// Small states
+@include in-small  {
+    .show-large,
+    .show-medium,
+    .hide-small { display: none !important; }
 }
 
 // Orientation states
 @include if-portrait {
     .show-landscape,
-    .hide-portrait { display: none; }
+    .hide-portrait { display: none !important; }
 }
 
 @include if-landscape {
     .show-portrait,
-    .hide-landscape { display: none; }
+    .hide-landscape { display: none !important; }
 }
 
 // Type states
 @include if-retina {
-    .hide-retina { display: none; }
-    .show-retina { display: block; }
-    tr.show-retina { display: table-row; }
+    .hide-retina { display: none !important; }
+    .show-retina { display: block !important; }
+    table.show-retina { display: table !important; }
+    tr.show-retina { display: table-row !important; }
     td.show-retina,
-    th.show-retina { display: table-cell; }
+    th.show-retina { display: table-cell !important; }
 }
 
 @media print {
-    .hide-print { display: none; }
-    .show-print { display: block; }
-    tr.show-print { display: table-row; }
+    .hide-print { display: none !important; }
+    .show-print { display: block !important; }
+    table.show-print { display: table !important; }
+    tr.show-print { display: table-row !important; }
     td.show-print,
-    th.show-print { display: table-cell; }
+    th.show-print { display: table-cell !important; }
 }

data/scss/toolkit/layout/typography.scss

@@ -6,7 +6,10 @@
 
 @import "../common";
 
-html { font-size: $base-size; line-height: $base-line-height; }
+html {
+    font-size: $base-size;
+    line-height: $base-line-height;
+}
 
 h1 { font-size: $h1-size; }
 h2 { font-size: $h2-size; }

data/version.md

@@ -1 +1 @@
-1.0.2
+1.0.4

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: titon-toolkit
 version: !ruby/object:Gem::Version
-  version: 1.0.2
+  version: 1.0.4
 platform: ruby
 authors:
 - Titon
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2013-12-18 00:00:00.000000000 Z
+date: 2013-12-30 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sass
@@ -92,6 +92,7 @@ files:
 - scss/toolkit/mixins/_unit.scss
 - scss/toolkit/themes/titon.scss
 - scss/toolkit.scss
+- changelog.md
 - license.md
 - readme.md
 - roadmap.md