responsive
This commit is contained in:
@@ -0,0 +1,52 @@
|
||||
@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);
|
||||
transition: 0.3s all ease;
|
||||
box-shadow: 0px 0px 13px 0px $color2;
|
||||
}
|
||||
}
|
||||
|
||||
@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;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user