42 lines
977 B
SCSS
42 lines
977 B
SCSS
$large-shadow: 0px 2px 10px rgba(0, 0, 0, 0);
|
|
$narrow-shadow: 0px 2px 6px rgba(0, 0, 0, 0);
|
|
$inset-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0);
|
|
$inset-shadow-inverted: inset 0px 2px 0px rgba(0, 0, 0, 0);
|
|
$inset-relief: inset 0px 2px 0px rgba(255, 255, 255, 0);
|
|
|
|
$border-radius: 0px;
|
|
$border-size: 0px;
|
|
|
|
$fontweight_big: 300;
|
|
$fontweight_base: 400;
|
|
$fontweight_bold: 600;
|
|
$fontweight_hyper: 800;
|
|
|
|
$basefont: Open Sans, sans-serif;
|
|
$titlefont: Amatic SC, sans-serif;
|
|
|
|
@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 biseau($size) {
|
|
position: relative;
|
|
z-index:1;
|
|
overflow: visible;
|
|
|
|
&:before {
|
|
content: " ";
|
|
position: absolute;
|
|
top:0;
|
|
left:-$size/2;
|
|
right:-$size/2;
|
|
bottom:0;
|
|
z-index:-1;
|
|
transform: skewX(-15deg);
|
|
transition: background-color 0.3s;
|
|
}
|
|
} |