/* Buttons
========================================================================== */
// General .btn {
display: inline-block; margin-bottom: 20px; padding: 8px 20px; font-size: 0.875em; font-family: $font-family-base; font-weight: 700; background-color: $primary; color: $white; border-width: 2px !important; border-style: solid !important; border-color: $primary; text-decoration: none !important; border-radius: 5px; &:visited { color: $white; border-color: $primary; } &:hover { background-color: $white; color: $primary; border-color: $primary; }
}
// Success button .btn-success {
background-color: $success; color: $white; border-color: $success; &:visited { color: $white; border-color: $success; } &:hover { background-color: $white; color: $success; border-color: $success; }
}
// Warning button .btn-warning {
background-color: $warning; color: $white; border-color: $warning; &:visited { color: $white; border-color: $warning; } &:hover { background-color: $white; color: $warning; border-color: $warning; }
}
// Danger button .btn-danger {
background-color: $danger; color: $white; border-color: $danger; &:visited { color: $white; border-color: $danger; } &:hover { background-color: $white; color: $danger; border-color: $danger; }
}
// Information button .btn-info {
background-color: $info; color: $white; border-color: $info; &:visited { border-color: $info; color: $white; } &:hover { background-color: $white; color: $info; border-color: $info; }
}