Pour tout problème contactez-nous par mail : support@froggit.fr | La FAQ :grey_question: | Rejoignez-nous sur le Chat :speech_balloon:

Skip to content
Snippets Groups Projects
boutons.scss 980 B
Newer Older
  • Learn to ignore specific revisions
  • @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;
    }