style.scss 2.1 KB
@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 {
    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;
}

// Suppression de l'espace entre les onglets
nav {
    line-height: $navbar-height-mobile;
}

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

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

button[disabled] {
    @extend .disabled;
}

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



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

    a {
        text-transform: uppercase;
    }
}

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