104 lines
2.0 KiB
SCSS
104 lines
2.0 KiB
SCSS
// Sizes
|
|
$header-height: 5rem;
|
|
$footer-height: 6rem;
|
|
$border-radius: 3px;
|
|
|
|
// Font Weights
|
|
$font-weight-bold: 600;
|
|
$font-weight-regular: 400;
|
|
$font-weight-light:300;
|
|
|
|
// Global Paddings
|
|
$padding-horiz: 7rem;
|
|
$padding-vert: 3rem;
|
|
|
|
// $header-width: calc(100vw/8);
|
|
$header-width:20rem;
|
|
$column-width: calc(100vw/2.5);
|
|
$column-width2: calc((100%/2.4) * 4);
|
|
|
|
|
|
$imgpath:("../images/point.svg");
|
|
$imgpath-b:("../images/point_b.svg");
|
|
$imgpath2:("../images/fleche.svg");
|
|
$imgpath3:("../images/trait.svg");
|
|
|
|
@mixin background-nav($imgpath-b,$position:0 0,$repeat: no-repeat,$size:5px 5px, $content:" ") {
|
|
background: {
|
|
image: url($imgpath-b);
|
|
position: $position;
|
|
repeat: $repeat;
|
|
size: $size;
|
|
}
|
|
}
|
|
|
|
@mixin background-nav-content-b{
|
|
display: inline-block;
|
|
content: " ";
|
|
width: 5px;
|
|
height: 5px;
|
|
margin:0 5px 1px 0px;
|
|
}
|
|
|
|
|
|
@mixin background-nav-b($imgpath,$position:0 0,$repeat: no-repeat,$size:3.5px 3.5px, $content:" ") {
|
|
background: {
|
|
image: url($imgpath);
|
|
position: $position;
|
|
repeat: $repeat;
|
|
size: $size;
|
|
}
|
|
}
|
|
|
|
@mixin background-nav-content{
|
|
display: inline-block;
|
|
content: " ";
|
|
width: 3.5px;
|
|
height: 3.5px;
|
|
margin:0 5px 1px 0px;
|
|
}
|
|
|
|
@mixin background-link($imgpath2,$position:0 0,$repeat: no-repeat,$size:12px 5px, $content:" ") {
|
|
background: {
|
|
image: url($imgpath2);
|
|
position: $position;
|
|
repeat: $repeat;
|
|
size: $size;
|
|
}
|
|
display: inline-block;
|
|
width: 12px;
|
|
height: 5px;
|
|
margin:0 0px 1px 5px;
|
|
}
|
|
|
|
@mixin background-nav-content-s{
|
|
display: block;
|
|
content: " ";
|
|
width: 5px;
|
|
height: 5px;
|
|
margin: -2.5px 0px 0px -2.5px;
|
|
}
|
|
|
|
@mixin background-nav-sm($imgpath3,$position:0 0,$repeat: no-repeat,$size:1px 10px, $content:" ") {
|
|
background: {
|
|
image: url($imgpath3);
|
|
position: $position;
|
|
repeat: $repeat;
|
|
size: $size;
|
|
}
|
|
display:block;
|
|
width: 1px;
|
|
height: 10px;
|
|
margin-left: 37px;
|
|
margin-top: -5px;
|
|
content: " ";
|
|
}
|
|
|
|
|
|
//
|
|
// @mixin background-nav-content-sm{
|
|
// display: block;
|
|
// width: 1px;
|
|
// height: 10px;
|
|
// }
|