demo.scss in titon-toolkit-1.4.0

- old
+ new

@@ -1,8 +1,8 @@
 /**
- * @copyright   2010-2013, The Titon Project
- * @license     http://opensource.org/licenses/bsd-license.php
+ * @copyright   2010-2014, The Titon Project
+ * @license     http://opensource.org/licenses/BSD-3-Clause
  * @link        http://titon.io
  */
 
 @import "../common";
 
@@ -89,11 +89,11 @@
 .button {
     color: #fff;
     background: $gray;
     font-weight: bold;
     text-shadow: 1px 1px black(.2);
-    transition: all .2s;
+    transition: color .2s, border .2s, background .2s;
     @include button-style($default, $default-light, $default-dark);
 
     &:active {
         top: 1px;
     }
@@ -124,18 +124,10 @@
         color: #fff;
         font-size: 2rem;
     }
 
     &:hover { opacity: 1; }
-
-    // Large icons for large resolutions
-    @include if-tablet-landscape {
-        .arrow-left,
-        .arrow-right {
-            font-size: 3rem;
-        }
-    }
 }
 
 .showcase-close {
     opacity: $showcase-opacity;
 
@@ -268,16 +260,16 @@
             transform: rotate(-180deg);
         }
     }
 }
 
-.input-group {
+/*.input-group {
     > .button { height: 44px; }
 
     &.small > .button { height: 30px; }
     &.large > .button { height: 59px; }
-}
+*/
 
 .input-addon {
     background: $gray;
     border: 1px solid $gray-dark;
 }
@@ -477,10 +469,21 @@
 
 //-------------------- Showcase --------------------//
 
 .showcase-inner {
     background: $gray;
-    border: 1px solid $gray-dark;
+    padding: 5px;
+    border-radius: .2rem;
+}
+
+.showcase-caption {
+    color: #fff;
+    line-height: 125%;
+    font-size: .9rem;
+}
+
+.showcase-items {
+    background: #000;
 }
 
 //-------------------- Step --------------------//
 
 .steps ol {
\ No newline at end of file