This repository has been archived on 2023-08-21. You can view files and clone it, but cannot push or open issues or pull requests.
bluesky-bootstrap-theme/scss/_definitions.scss

80 lines
1.9 KiB
SCSS
Raw Normal View History

2019-11-05 12:49:13 +01:00
/* --- 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 :
2019-11-05 13:52:02 +01:00
$large-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
$narrow-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
2019-11-05 12:49:13 +01:00
$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;
}
2019-11-05 13:37:02 +01:00
@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;
}
2019-11-05 12:49:13 +01:00
/* 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);
}