_flat-emboss.sass in oulu-1.0.0.beta1

- old
+ new

@@ -3,18 +3,20 @@
   background-color: $color
   color: luma_contrast_color($color)
   box-shadow: shade($color, 18%) 0 3px 0
   text-shadow: if(luma_bright($color), lighten($color, 8%) 0 1px 0, darken($color, 8%) 0 -1px 0)
   &:hover,
-  &.hover
+  &.hover,
+  &.is-hover
     $color: lighten($color, 6%)
     @if luma($color) > 90
       background-color: #f2f2f2
     @else
       background-color: $color
   &:active,
-  &.active
+  &.active,
+  &.is-active
     $color: lighten($color, 6%)
     @if luma($color) > 90
       background-color: #f2f2f2
     @else
       background-color: $color
@@ -28,17 +30,17 @@
       box-shadow: rgba(black, 0.3) 0 1px 1px inset, #{if(luma_bright($color), shade($color, 40%), tint($color, 20%))} 0 0 0 1px
       background-color: #{if(luma_bright($color), shade($color, 30%), tint($color, 30%))}
 
   // checked
   &.is-checked
-    color: luma_contrast_color($button-checked-color)
-    background-color: $button-checked-color
-    text-shadow: if(luma_bright($button-checked-color), lighten($button-checked-color, 8%) 0 1px 0, darken($button-checked-color, 8%) 0 -1px 0)
-    box-shadow: shade($button-checked-color, 18%) 0 2px 0
+    color: luma_contrast_color($checked)
+    background-color: $checked
+    text-shadow: if(luma_bright($checked), lighten($checked, 8%) 0 1px 0, darken($checked, 8%) 0 -1px 0)
+    box-shadow: shade($checked, 18%) 0 2px 0
     +top(1px)
     &:before
-      box-shadow: rgba(black, 0.3) 0 1px 1px inset, #{if(luma_bright($button-checked-color), shade($button-checked-color, 40%), tint($button-checked-color, 40%))} 0 0 0 1px
-      background-color: #{if(luma_bright($button-checked-color), shade($button-checked-color, 30%), tint($button-checked-color, 30%))}
+      box-shadow: rgba(black, 0.3) 0 1px 1px inset, #{if(luma_bright($checked), shade($checked, 40%), tint($checked, 40%))} 0 0 0 1px
+      background-color: #{if(luma_bright($checked), shade($checked, 30%), tint($checked, 30%))}
 
   // select
   &.is-select
     &:after
       color: rgba(luma_contrast_color($color), .7)