Sha256: 48de0fe19afa81f1396ff9ec3e19dd7c8f14aa7e3223345014210b89e72d707e
Contents?: true
Size: 1.53 KB
Versions: 5
Compression:
Stored size: 1.53 KB
Contents
@import 'colors';
@import 'mixins';
@import 'icons';
button {
cursor: pointer;
}
.button-primary {
display: inline-block;
@include border-radius(0.3em);
border: 0;
min-width: 10em;
padding: 10px 15px 11px;
background-color: $ctl_light_green;
color: $white;
font-size: 0.9em;
font-weight: bold;
text-align: center;
cursor: pointer;
&:hover {
@include box-shadow(0, 0, 5px, rgba( $ctl_light_green, 0.6 ));
background-color: darken( $ctl_light_green, 5% );
transition: background-color 0.25s ease;
}
&:focus {
outline: none;
}
&[disabled] {
background-color: $light_grey;
color: $medium_grey;
&:hover {
@include box-shadow(0, 0, 5px, rgba( $ctl_light_green, 0.0 ));
cursor: not-allowed;
}
}
}
a.button-primary {
@extend .button-primary;
padding-top: .9em;
padding-bottom: .9em;
}
.button-secondary {
@extend .button-primary;
background-color: $dark_grey;
&:hover {
@extend .button-primary;
@include box-shadow(0, 0, 5px, rgba( $dark_grey, 0.6 ));
background-color: darken( $dark_grey, 15% );
}
}
.button-positive {
@extend .button-primary;
background-color: $orange;
&:hover {
@extend .button-primary;
@include box-shadow(0, 0, 5px, rgba( $orange, 0.6 ));
background-color: darken( $orange, 5% );
}
}
.button-negative {
@extend .button-primary;
background-color: $dark_red;
&:hover {
@extend .button-primary;
@include box-shadow(0, 0, 5px, rgba( $dark_red, 0.6 ));
background-color: darken( $dark_red, 10% );
}
}
Version data entries
5 entries across 5 versions & 1 rubygems