72 lines
1.4 KiB
SCSS
72 lines
1.4 KiB
SCSS
$ClrWhite: #FAFAFA;
|
|
$ClrTrueWhite: #FFFFFF;
|
|
$ClrText: #3A4145;
|
|
$ClrBlack: #202020;
|
|
$ClrTrueBlack: #000000;
|
|
|
|
|
|
$FontTitle: 'Croissant One',cursive;
|
|
$FontText: 'Noto Serif',serif;
|
|
|
|
@import "mixins.scss";
|
|
@import "nav.scss";
|
|
@import "section.scss";
|
|
@import "monokai.scss";
|
|
|
|
body{
|
|
background-image: url(../img/ui/gnome3.jpg);
|
|
background-size: 100% 100vh;
|
|
background-attachment: fixed;
|
|
|
|
font-family: $FontText;
|
|
font-size: 1.8rem;
|
|
color: #3A4145;
|
|
}
|
|
|
|
|
|
/*
|
|
=====================================================================
|
|
Spécifique aux pages
|
|
*/
|
|
body[data-page=home] {
|
|
#section-main{
|
|
left: $NavLeft_Width;
|
|
}
|
|
nav#left{
|
|
left: 0px;
|
|
.arrow{
|
|
opacity: 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 1100px) {
|
|
#section-main{
|
|
left: $NavLeft_Width;
|
|
}
|
|
nav#left {
|
|
left: 0px;
|
|
.arrow{
|
|
opacity: 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
body.skills{
|
|
#section-main{
|
|
article{
|
|
.skillexcellent, .skillgood, .skillmed, .skillknown, .skillperso, .skillstudy{
|
|
padding: 0 3px 0 3px;
|
|
@include border-radius(5px);
|
|
}
|
|
.skillexcellent {background: linear-gradient(#00C107, #00A806);}
|
|
.skillgood {background: linear-gradient(#73C100, #64A800);}
|
|
.skillmed {background: linear-gradient(#BAC100, #A2A800);}
|
|
.skillknown {background: linear-gradient(#C18F00, #A87D00);}
|
|
.skillperso {border-style: solid; border-width: 2px; border-color: #8000FF;}
|
|
.skillstudy {border-style: solid; border-width: 2px; border-color: #9E9E9E;}
|
|
}
|
|
}
|
|
}
|
|
|