67 lines
1.2 KiB
SCSS
67 lines
1.2 KiB
SCSS
@mixin croix_or {
|
|
&:after{
|
|
height: 10px;
|
|
margin-top: 0.5rem;
|
|
content: " ";
|
|
display: block;
|
|
background: url($croix_or);
|
|
background-repeat: repeat-x;
|
|
background-size: auto auto;
|
|
}
|
|
}
|
|
|
|
@mixin croix_or_B {
|
|
&:before{
|
|
width: 100px;
|
|
height: 10px;
|
|
margin-top: 0.5rem;
|
|
content: " ";
|
|
display: block;
|
|
background: url($croix_or);
|
|
background-repeat: repeat-x;
|
|
background-size: auto auto;
|
|
}
|
|
}
|
|
|
|
|
|
@mixin shadow{
|
|
box-shadow: none;
|
|
transition: 0.3s transform ease, 0.3s box-shadow ease;
|
|
&:hover{
|
|
transform: scale(1.05);
|
|
box-shadow: 0px 0px 13px 0px $color2;
|
|
transition: 0.3s transform ease, 0.3s box-shadow ease;
|
|
}
|
|
}
|
|
|
|
@mixin shadow_participants{
|
|
figure img{
|
|
box-shadow: none;
|
|
transition: 0.3s transform ease, 0.3s box-shadow ease;
|
|
}
|
|
figure{
|
|
&:hover{
|
|
& > div img{
|
|
transform: scale(1.05);
|
|
transition: 0.3s all ease;
|
|
box-shadow: 0px 0px 13px 0px $color2;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
@mixin shadow_side_note{
|
|
img{
|
|
box-shadow: none;
|
|
transition: 0.3s transform ease, 0.3s box-shadow ease;
|
|
}
|
|
&:hover{
|
|
& > div img{
|
|
transform: scale(1.05);
|
|
transition: 0.3s all ease;
|
|
box-shadow: 0px 0px 13px 0px $color2;
|
|
}
|
|
}
|
|
|
|
}
|