119 lines
2.4 KiB
SCSS
Vendored
119 lines
2.4 KiB
SCSS
Vendored
$beige-clair: #fdebc2;
|
|
$blanc: #fff;
|
|
$gris: #6B6B6B;
|
|
$gris-clair: #f4f4f4;
|
|
$jaune: #f9b00b;
|
|
$noir: #212121;
|
|
$orange: #e9511c;
|
|
$rouge: #ED1F27;
|
|
$vert: #4f9533;
|
|
$light-green: #d3e4cc;
|
|
$light-light-green: #e9f2e6;
|
|
$light-yellow: #fdebc2;
|
|
$light-light-yellow: #fef0d1;
|
|
$ultra-light-yellow: #fef5e1;
|
|
$pink: #f9d3c6;
|
|
$light-blue: #cce1e5;
|
|
|
|
// Ligne de flotaison
|
|
$float-height: 85vh;
|
|
|
|
// Palette de couleurs
|
|
$primary: $beige-clair;
|
|
$secondary: $gris-clair;
|
|
$tertiary: $orange;
|
|
|
|
// Couleur des boutons
|
|
$first-btn-color: $orange;
|
|
$first-color: #fff;
|
|
$first-btn-color-hover: #000;
|
|
$first-color-hover: #fff;
|
|
$second-btn-color: $jaune;
|
|
$second-color: #000;
|
|
$second-btn-color-hover: #000;
|
|
$second-color-hover: #fff;
|
|
|
|
// Taille de police de référence
|
|
:root {
|
|
--base-font-size: 14px;
|
|
}
|
|
|
|
/* stylelint-disable-next-line selector-no-qualifying-type */
|
|
a.first-btn, input[type="submit"].first-btn, button.first-btn{
|
|
display: inline-block;
|
|
padding: 7px 20px;
|
|
border-radius: 20px;
|
|
margin: 10px;
|
|
background-color: $first-btn-color;
|
|
color: $first-color;
|
|
font-size: 1rem;
|
|
transition: .5s;
|
|
|
|
&:hover{
|
|
background-color: $first-btn-color-hover;
|
|
color: $first-color-hover;
|
|
}
|
|
|
|
}
|
|
|
|
/* stylelint-disable-next-line selector-no-qualifying-type */
|
|
a.second-btn, input[type="submit"].second-btn{
|
|
display: inline-block;
|
|
padding: 7px 20px;
|
|
border-radius: 20px;
|
|
margin: 10px;
|
|
background-color: $second-btn-color;
|
|
color: $second-color;
|
|
font-size: 1rem;
|
|
transition: .5s;
|
|
|
|
&:hover{
|
|
background-color: $second-btn-color-hover;
|
|
color: $second-color-hover;
|
|
}
|
|
|
|
}
|
|
|
|
// ****
|
|
// * *
|
|
// * *
|
|
// * *
|
|
// * *
|
|
// * *
|
|
// * *
|
|
// * *
|
|
// * *
|
|
// * *
|
|
// * *
|
|
// * *
|
|
// * *
|
|
// ****
|
|
@media only screen and (width >= 1024px) {
|
|
:root{--base-font-size: 1vw;}
|
|
|
|
/* stylelint-disable-next-line selector-no-qualifying-type */
|
|
a.first-btn, input[type="submit"].first-btn,
|
|
a.second-btn, input[type="submit"].second-btn, button.first-btn{
|
|
font-size: 1rem;
|
|
line-height: 1.4rem;
|
|
}
|
|
}
|
|
|
|
// ************
|
|
// * ****
|
|
// ********* *
|
|
// ***** *
|
|
// ** *
|
|
// ** *
|
|
// ********** *
|
|
// * *
|
|
// ********* *
|
|
// ***** *
|
|
// ** *
|
|
// ** *
|
|
// ********** *
|
|
// * ***
|
|
// ************
|
|
@media only screen and (width >= 1920px) {
|
|
:root{--base-font-size: 20px;}
|
|
}
|