@charset "UTF-8";

// Importation des Mixins de Materialize
@import "../lib/Materialize/sass/components/mixins";
@import "../lib/Materialize/sass/components/color";

// Définition de la couleur principale de Materialize
$primary-color: color("red", "base") !default;
$primary-color-light: lighten($primary-color, 15%) !default;
$primary-color-dark: darken($primary-color, 15%) !default;

$secondary-color: color("indigo", "lighten-1") !default;
$success-color: color("green", "base") !default;
$error-color: color("pink", "base") !default;
$link-color: color("blue", "darken-1") !default;

// Couleur des onglets : texte clair sur fond coloré
$tabs-underline-color: $secondary-color !default;
$tabs-text-color: #fff !default;
$tabs-bg-color: $primary-color !default;

// Import du reste de Materialize
@import "../lib/Materialize/sass/materialize.scss";

// Import des icônes Material Design
@import "../lib/material-design-icons/iconfont/material-icons.css";

// Permet le footer de se mettre toujours en bas
body {
    overflow-y: scroll; // Toujours afficher la barre de défilment pour éviter les sautements
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}

#main {
    flex: 1 0 auto;
    margin-top: 100px;
}

footer.page-footer {
    margin-top: 0;
    padding-top: 0;
}

// Adaptation de la nav aux onglets
nav {
    height: initial;
    min-height: $navbar-height;
}


// Affichage correct des icônes dans le header
nav i.material-icons {
    display: inline;
    font-size: 1rem;
}

// Simplification du HTML

nav>div {
    @extend .nav-wrapper;
    @extend .container;
    >div {
        @extend .row;
        margin-bottom: 0px;
    }

}

.modal-footer {
    >a, >button {
        @extend .waves-effect;
        @extend .btn-flat;
    }
}

// Stylisation de tous les boutons
button {
    @extend .btn-large;
    @extend .waves-effect;
    @extend .waves-light;
}

button[disabled] {
    @extend .disabled;
}

.fixed-action-btn {
    bottom: 75px;
    right: 50px;
    >button {
        @extend .btn-floating;
        @extend .btn-large;
        @extend .indigo;
    }

}

// Simplification des formulaires
form {
    @extend .row;
    >.input-field {
        @extend .col;
        @extend .s12;
    }
}

// Personalisé
#grilleBieres {
    >div {
        @extend .row;
        >div {
            @extend .col;
            @extend .s2;
            >button {
                width: 90%;
                padding: 25px;
                height: 150px;
                font-size: 3em;
            }
        }
    }
}

.collapsible-body {
    padding: 20px;
    p {
        padding: inherit;
    }
}


// On met les toasts en bas
#toast-container {
    top: inherit;
    bottom: 10%;

    a {
        text-transform: uppercase;
    }
}