breadcrumb.scss in titon-toolkit-1.0.1

- old
+ new

@@ -4,11 +4,11 @@
  * @link        http://titon.io
  */
 
 @import "../common";
 
-.breadcrumb {
+.#{$vendor-prefix}breadcrumb {
     text-align: left;
     margin: $margin 0;
     background: $gray;
 
     ul, ol {
@@ -40,19 +40,23 @@
             position: relative;
             left: -1px;
         }
     }
 
-    &.small a {
-        @include size-small;
-        padding-right: 0;
+    @include is-small {
+        a {
+            @include size-small;
+            padding-right: 0;
 
-        .caret { margin-left: $small-padding; }
+            .caret { margin-left: $small-padding; }
+        }
     }
 
-    &.large a {
-        @include size-large;
-        padding-right: 0;
+    @include is-large {
+        a {
+            @include size-large;
+            padding-right: 0;
 
-        .caret { margin-left: $large-padding; }
+            .caret { margin-left: $large-padding; }
+        }
     }
 }
\ No newline at end of file