buttons.styl in flammarion-0.0.10

- old
+ new

@@ -1,8 +1,9 @@
 @import 'colors.styl'
+@import 'mixins.styl'
 
-buttony()
+buttony(raised = false)
   background-color lighten($bg-color, 0%)
   color darken($fg-color, 0%)
   font-family Monospace
   border $normal-border
   padding 1em
@@ -10,24 +11,36 @@
   display block
   text-align center
   margin-top 0.5em
   margin-bottom 0.5em
   user-select none
-  -webkit-user-select none
+  if raised and $enable-gradients
+    background-linear-gradient top, lighten($bg-color, 10%), 40%, darken($bg-color, 10%), 100%
 
   &:hover
     background-color $highlight
+    if raised and $enable-gradients
+      background-linear-gradient top, lighten($highlight, 10%), 40%, darken($highlight, 10%), 100%
   &:active
     background-color $active-highlight
+    if raised and $enable-gradients
+      background-linear-gradient top, darken($highlight, 10%), 40%, lighten($highlight, 10%), 100%
 
+  & > .label-icon-left
+    float left
+  & > .label-icon-right
+    float right
+
 .full-button
-  buttony()
+  buttony(true)
 
 .inline-text-input
   buttony()
   text-align left
   box-sizing border-box
   width 100%
+  if $enable-gradients
+    box-shadow inset 0px 0px 2px 2px darken($bg-color, 20%)
   &.unclicked
     color darken($fg-color, 50%)
   textarea&
     height 25em
 