Sha256: b741c971d947d97c2f1aa4cf07aa6919279e88c943c814d7f4530c1a635807f4
Contents?: true
Size: 1017 Bytes
Versions: 2
Compression:
Stored size: 1017 Bytes
Contents
$button-padding : em(10px 20px); @mixin button($bg-color:$main-color, $for-base:false) { // Button Shadow $shadow-base : 0 1px 0 darken($bg-color, 20%); $shadow-hover : inset 1px 1px 5em rgba(black, 0.2); background : $bg-color; color : contrast-color($bg-color, #333, white, 50%); border : none; @if $full { $shadow-base : 0 1px 0 darken($bg-color, 20%); @include box-shadow($shadow-base ); } @if $for-base { position : relative; cursor : pointer; padding : $button-padding; @if $full { &:hover { // background: darken($bg-color, 10%); @include box-shadow($shadow-base, $shadow-hover ); } &:active { top: 1px; border: none; @include box-shadow($shadow-hover ); } } } } @if $include-button { /* --------------- EDGE Button --------------- */ button, .button, input[type="button"], input[type="submit"], input[type="reset"] { @include button($for-base:true); } } // $include-button
Version data entries
2 entries across 2 versions & 1 rubygems
Version | Path |
---|---|
edge_framework-0.3.0 | assets/sass/edge/components/_button.scss |
edge_framework-0.2.3 | assets/sass/edge/components/_button.scss |