cv-online/scss/main.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;}
}
}
}