_buttons.scss in shibori-1.5.0

- old
+ new

@@ -42,19 +42,19 @@
 
   &.disabled,
   &[disabled],
   fieldset[disabled] & {
     color: $gray-light;
-    background-color: rgba($gray-lighter, .3);
+    background-color: $off-white;
     box-shadow: inset 0 0 0 1px $gray-light;
     opacity: 1;
     cursor: not-allowed;
   }
 
   &-loading {
     color: $gray;
-    background-color: rgba($gray-lighter, .3);
+    background-color: $off-white;
     box-shadow: inset 0 0 0 1px $gray-light;
     opacity: 1;
     cursor: not-allowed;
   }
 
@@ -91,16 +91,16 @@
 
     &.disabled,
     &[disabled],
     fieldset[disabled] & {
       color: $gray-light;
-      background-color: rgba($gray-lighter, .3);
+      background-color: $white;
       box-shadow: inset 0 0 0 1px $gray-light;
 
       &:hover {
         color: $gray-light;
-        background-color: rgba($gray-lighter, .3);
+        background-color: $off-white;
         box-shadow: inset 0 0 0 1px $gray-light;
       }
     }
 
     .caret {
@@ -194,14 +194,29 @@
     padding: 7px 20px;
     font-size: $font-lg;
   }
 
   &-block {
-    display: inline-block;
+    display: block;
     width: 100%;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
+    * {
+      white-space: normal;
+    }
+  }
+
+  &-block + &-block {
+    margin-top: $pad-sm;
+  }
+
+  &-uppercase {
+    text-transform: uppercase;
+    font-size: .9em;
+    padding-top: 1em;
+    padding-bottom: 1em;
+    letter-spacing: .1em;
   }
 
   //- Layouts
 
   &-no-margin {