×

Welcome to TagMyCode

Please login or create account to add a snippet.
0
0
 
0
Language: CSS
Posted by: Dennis Thompson
Added: Nov 25, 2012 8:51 AM
Views: 20
Tags: no tags
  1. @import "compass/css3";
  2.  
  3. input[type="button"],
  4. input[type="submit"],
  5. button,
  6. .button {
  7.   background-color: #accde5;
  8.   @include filter-gradient(#accde5, #045187, vertical);
  9.   $experimental-support-for-svg: true;
  10.   @include background-image(linear-gradient(top,  #accde5 0%,#045187 100%));
  11.   &:hover {
  12.     background-color: lighten(#accde5, 5%);
  13.     @include filter-gradient(#accde5, #045187, vertical);
  14.     $experimental-support-for-svg: true;
  15.     @include background-image(linear-gradient(top, lighten(#accde5, 5%) 0%,#045187 100%));
  16.   }
  17.   &:active {
  18.         background-color: darken(#accde5, 2%);
  19.     @include filter-gradient(#accde5, #045187, vertical);
  20.     $experimental-support-for-svg: true;
  21.     @include background-image(linear-gradient(top, darken(#accde5, 2%) 0%,#045187 100%));
  22.   }
  23. }
  24.