poulpe/shared/static/css/global.scss

110 lines
1.7 KiB
SCSS
Raw Normal View History

2018-08-04 05:38:03 +02:00
/*NE PAS MODIFIER LE FICHIER .CSS, MAIS PLUTÔT LE
FICHIER .SCSS */
@import 'variables';
@import 'messages';
@import 'header';
@import 'forms';
/* MISE EN FORME GÉNÉRALE */
html {
height : 100% ;
background-color: $second_white_color;
}
body {
font-family: $font_normal;
2018-08-04 18:18:34 +02:00
font-size: medium;
2018-08-04 05:38:03 +02:00
}
#principal {
background-color: $second_white_color;
}
/*MAIN*/
main {
background-color:white;
margin-top:0px;
padding: 15px;
a {
color: $main_bold_color;
&:hover,
&:active,
&:focus {
color : $main_bold_color;
}
}
h1 {
border-bottom : 7px solid $second_bold_color;
padding-bottom : 5px ;
font-family: $font_bold;
font-weight: 600;
}
h2 {
border-bottom : 2px solid $main_bold_color;
color: $main_bold_color;
padding-bottom : 5px ;
font-family: $font_bold;
font-weight: 600;
}
}
/*ASIDE*/
aside {
background-color:$second_soft_color;
color: white;
margin-top:0px;
padding: 15px;
a {
2018-08-04 18:18:34 +02:00
color: $main_soft_color;
2018-08-04 05:38:03 +02:00
&:hover,
&:active,
&:focus {
2018-08-04 18:18:34 +02:00
color : $main_soft_color;
2018-08-04 05:38:03 +02:00
}
}
2018-08-04 18:18:34 +02:00
code {
color: white;
background-color: $second_bold_color;
}
2018-08-04 05:38:03 +02:00
}
@media (min-width: 768px) {
main {
margin-top:20px;
}
aside {
margin-top:20px;
}
}
hr {
border-top : 1px solid $second_bold_color ;
}
span.vsep {
padding-left: 5px;
padding-right: 5px;
}
div.tag-list {
margin-top: 20px;
}
2018-08-04 18:18:34 +02:00
code {
font-size: small;
}
2018-08-04 05:38:03 +02:00
/* COULD BE USERFULL LATER
.row-eq-height {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
*/