public
Created

  • Download Gist
sass methods
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29
=radius($radius: 5px, $top: false, $side: false)
@if $side and $top
-moz-border-radius-#{$top}#{$side}: $radius
-webkit-border-#{$top}-#{$side}-radius: $radius
border-#{$top}-#{$side}-radius: $radius
@if $side
-moz-border-radius-#{$side}: $radius
-webkit-border-#{$side}-radius: $radius
border-#{$side}-radius: $radius
@else
-moz-border-radius: $radius
-webkit-border-radius: $radius
border-radius: $radius
 
=simple-box-shadow($vars: 0 0 10px #333)
-moz-box-shadow: $vars
-webkit-box-shadow: $vars
box-shadow: $vars
=border($side: false, $px: 1px, $thickness: solid, $color: #333)
@if $side
border-#{$side}: $px $thickness $color
@else
border: $px $thickness $color
=custom-fancy-gradient($color1, $color2)
+background-image(radial-gradient(50% 10%, $color1, darken($color2, 5) 30px))
=custom-fancy-gradient-active($color1, $color2)
+custom-fancy-gradient(lighten($color2, 10), lighten($color2, 25))

Please sign in to comment on this gist.

Something went wrong with that request. Please try again.