Blame view

scss/style.scss 2.1 KB
40f71ab1   Geoffrey PREUD'HOMME   Utilisation de Sa...
1
2
3
4
5
6
7
  @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
07329faa   Geoffrey PREUD'HOMME   Simplification de...
8
  $primary-color: color("red", "base") !default;
40f71ab1   Geoffrey PREUD'HOMME   Utilisation de Sa...
9
10
11
12
13
14
15
16
  $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;
  
07329faa   Geoffrey PREUD'HOMME   Simplification de...
17
18
19
20
21
  // 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;
  
40f71ab1   Geoffrey PREUD'HOMME   Utilisation de Sa...
22
23
24
25
26
27
  // 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";
  
07329faa   Geoffrey PREUD'HOMME   Simplification de...
28
  // Permet le footer de se mettre toujours en bas
bf26706c   Geoffrey PREUD'HOMME   Écran principal
29
30
31
32
33
34
35
36
  body {
      display: flex;
      min-height: 100vh;
      flex-direction: column;
  }
  
  #main {
      flex: 1 0 auto;
07329faa   Geoffrey PREUD'HOMME   Simplification de...
37
      margin-top: 100px;
bf26706c   Geoffrey PREUD'HOMME   Écran principal
38
39
  }
  
07329faa   Geoffrey PREUD'HOMME   Simplification de...
40
41
42
43
44
45
46
47
48
49
50
  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
bf26706c   Geoffrey PREUD'HOMME   Écran principal
51
52
53
54
55
  nav i.material-icons {
      display: inline;
      font-size: 1rem;
  }
  
07329faa   Geoffrey PREUD'HOMME   Simplification de...
56
57
58
59
60
61
62
63
64
  // Stylisation de tous les boutons
  button {
      @extend .btn-large;
      @extend .waves-effect;
      @extend .waves-light;
  }
  
  button[disabled] {
      @extend .disabled;
bf26706c   Geoffrey PREUD'HOMME   Écran principal
65
66
  }
  
07329faa   Geoffrey PREUD'HOMME   Simplification de...
67
68
69
70
71
72
73
  // Simplification des formulaires
  form {
      @extend .row;
      >.input-field {
          @extend .col;
          @extend .s12;
      }
bf26706c   Geoffrey PREUD'HOMME   Écran principal
74
75
  }
  
07329faa   Geoffrey PREUD'HOMME   Simplification de...
76
77
78
  
  
  // On met les toasts en bas
bf26706c   Geoffrey PREUD'HOMME   Écran principal
79
80
81
  #toast-container {
      top: inherit;
      bottom: 10%;
bf26706c   Geoffrey PREUD'HOMME   Écran principal
82
  
07329faa   Geoffrey PREUD'HOMME   Simplification de...
83
84
85
      a {
          text-transform: uppercase;
      }
bf26706c   Geoffrey PREUD'HOMME   Écran principal
86
87
  }
  
07329faa   Geoffrey PREUD'HOMME   Simplification de...
88
89
90
91
92
  #grilleBieres {
      >div {
          @extend .row;
          >div {
              @extend .col;
4525b510   Geoffrey PREUD'HOMME   Des trucs useless
93
              @extend .s2;
07329faa   Geoffrey PREUD'HOMME   Simplification de...
94
95
96
97
98
99
100
101
              >button {
                  width: 90%;
                  padding: 25px;
                  height: 150px;
                  font-size: 3em;
              }
          }
      }
bf26706c   Geoffrey PREUD'HOMME   Écran principal
102
  }
e5e2f19a   Geoffrey PREUD'HOMME   Mutli-pages