| button, .button, input[type="submit"], .submit { |
| font-weight: bold; |
| font-size: 1em; |
| text-transform: none; |
| border-radius: 3px; |
| padding: .8rem 3.5rem; |
| height: auto; |
| border: 0px; |
| &:hover { |
| cursor: pointer; |
| } |
| } |
| |
| .disabled { |
| button, .button, input[type="submit"] { |
| opacity: 0.2; |
| color: $btn__disabled-txt; |
| &:hover { |
| cursor: default; |
| background: transparent; |
| } |
| } |
| } |
| |
| .btn-primary, |
| input[type="submit"] { |
| color: $primebtn__text; |
| background: $primebtn__bg; |
| &:hover { |
| background: lighten($primebtn__bg, 8%); |
| @include fastTransition-all; |
| } |
| &.disabled { |
| background: $btn__disabled-bg; |
| color: $btn__disabled-txt; |
| @include fastTransition-all; |
| &:hover { |
| cursor: default; |
| } |
| } |
| } |
| .btn-secondary { |
| color: $secbtn__text; |
| background: transparent; |
| border: 2px solid $secbtn__border; |
| &:hover { |
| background: $lightbg__accent; |
| cursor: pointer; |
| background: $secbtn__bg; |
| @include fastTransition-all; |
| } |
| &.disabled { |
| border: 2px solid $lightgrey; |
| background: $btn__disabled-bg; |
| @include fastTransition-all; |
| &:hover { |
| background: $btn__disabled-bg; |
| } |
| } |
| } |