@import 'variables'; // Bouton & btn // .btn[href] { color: var(--secondary); } .btn-default, .btn.btn-icon-text { color: var(--secondary); background: var(--primary-medium); transition: all 0.3s linear; @include border-radius; text-transform: uppercase; .fa { color: var(--secondary); } } .btn-primary { @include border-radius; } .discourse-no-touch .btn-danger:hover { background: var(--danger-hover); } .discourse-no-touch .btn:hover .d-icon, .discourse-no-touch .btn.btn-hover .d-icon { color: var(--tertiary-hover); } .discourse-no-touch .btn:hover, .discourse-no-touch .btn.btn-hover { color: var(--secondary); background: $header-background; border-radius: 5px; .fa { color: var(--quarternary); &:hover { color: var(--quarternary); } } } /// button widget /// .btn-flat .icon { color: $primary-low-mid; } .btn-flat .d-icon { color: $primary-low-mid; }