79 lines
1.9 KiB
SCSS
79 lines
1.9 KiB
SCSS
/* --- 01. DEFINITIONS --- */
|
|
|
|
/*
|
|
* Les définitions globales de la stylesheet.
|
|
* Elle permette de rapidement modifier le style globale de la fiche en modifiant les éléments centraux
|
|
* D'autres définitions importantes sont visibles dans les autres parties de la fiche.
|
|
*
|
|
* Pour customiser les couleurs, voyez _palette.scss
|
|
*/
|
|
|
|
// A modifier pour customiser le style facilement :
|
|
|
|
$large-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
|
|
$narrow-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
|
|
$inset-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.2);
|
|
$inset-shadow-inverted: inset 0px 2px 0px rgba(0, 0, 0, 0.2);
|
|
$inset-relief: inset 0px 2px 0px rgba(255, 255, 255, 0.1);
|
|
|
|
$border-radius: 3px;
|
|
$border-size: 1px;
|
|
|
|
@mixin borders() {
|
|
border: $border-size solid rgba(0, 0, 0, 0.3);
|
|
}
|
|
|
|
@mixin border-radius() {
|
|
border-radius: $border-radius $border-radius $border-radius $border-radius;
|
|
}
|
|
|
|
@mixin border-radius-top($value) {
|
|
border-top-left-radius: $value;
|
|
border-top-right-radius: $value;
|
|
border-bottom-left-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
|
|
@mixin border-radius-bottom($value) {
|
|
border-top-left-radius: 0;
|
|
border-top-right-radius: 0;
|
|
border-bottom-left-radius: $value;
|
|
border-bottom-right-radius: $value;
|
|
}
|
|
|
|
@mixin border-radius-left($value) {
|
|
border-top-left-radius: $value;
|
|
border-top-right-radius: 0;
|
|
border-bottom-left-radius: $value;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
|
|
@mixin border-radius-right($value) {
|
|
border-top-left-radius: 0;
|
|
border-top-right-radius: $value;
|
|
border-bottom-left-radius: 0;
|
|
border-bottom-right-radius: $value;
|
|
}
|
|
|
|
/* 01.1 - Commons elements */
|
|
|
|
@mixin li-no-margin() {
|
|
li {
|
|
margin: 0;
|
|
}
|
|
}
|
|
|
|
.no-pills {
|
|
list-style:none;
|
|
}
|
|
|
|
.align {
|
|
&-center {text-align: center;}
|
|
&-left {text-align: left;}
|
|
&-right {text-align: right;}
|
|
}
|
|
|
|
h1, h2, h3, h4, h5, h6, h7, h8, h9, h10 {
|
|
color:white;
|
|
text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.4);
|
|
}
|