blob: 5f239dfc15c392c6b392b892c0e310bbf5f756d2 [file] [log] [blame]
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;
}
}
}