Sha256: 5b23b209e34ade2b40ccd965880132be6bb14e7030e1158a8b97400903ea1052
Contents?: true
Size: 1.15 KB
Versions: 3
Compression:
Stored size: 1.15 KB
Contents
$accent: #38c;
$base: 20px;
$copy-on-dark: #eee;
$copy-on-light: #333;
$shadow: #ccc;
@mixin gradient($bg: #eee, $reverse: false) {
@include background(linear-gradient(top, $bg, darken($bg, 13.5)));
text-shadow: 0 1px 0 lighten($bg, 6.75);
@if $reverse == true {
@include background(linear-gradient(top, darken($bg, 13.5), $bg));
}
}
@mixin pretty-button($bg: $accent, $copy: $copy-on-dark) {
@include background(linear-gradient(top, $bg, darken($bg, 13.5)));
background-size: 200%;
background-position: 0 50%;
border: 1px solid darken($bg, 13.5);
padding: $base / 2 $base;
@include border-radius(4px);
@include box-shadow(0 1px 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255,255,255, 0.2) inset);
cursor: pointer;
color: #fff;
font-size: inherit;
text-decoration: none;
@include transition-property(background-position);
@include transition-duration(0.2s);
&:hover,
&:focus { background-position: 0 0; }
&:active {
@include gradient($bg: darken($bg, 3.375), $reverse: true);
@include box-shadow(4px 4px 6px rgba(0,0,0,0.2) inset, 0 -1px 1px rgba(0,0,0,0.2));
border-color: darken($bg, 20.25);
text-shadow: none;
}
}
Version data entries
3 entries across 3 versions & 1 rubygems