change twig button media
This commit is contained in:
@@ -179,7 +179,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
button{
|
||||
a.button{
|
||||
background-color: transparent;
|
||||
// border-radius: 30px;
|
||||
border: 1px solid black;
|
||||
@@ -187,91 +187,73 @@
|
||||
margin-bottom: 0.5rem;
|
||||
margin-right: 0.5rem;
|
||||
font-size: 0.8rem;
|
||||
color: $blue-dark;
|
||||
display: inline-flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
&:hover{
|
||||
cursor: grab;
|
||||
background-color: $blue-dark;
|
||||
color: white;
|
||||
}
|
||||
|
||||
a {
|
||||
:visited{
|
||||
color: $blue-dark;
|
||||
display: inline-flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
&:hover{
|
||||
color: white;
|
||||
}
|
||||
:visited{
|
||||
color: $blue-dark;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
&.button-videos{
|
||||
a {
|
||||
&::before{
|
||||
&::before{
|
||||
content:url("../images/pictos/videos.svg");
|
||||
padding-right: 0.5rem;
|
||||
}
|
||||
&:hover::before,
|
||||
.is-active &::before{
|
||||
content:url("../images/pictos/videos-blanc.svg");
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
&:hover::before,
|
||||
.is-active &::before{
|
||||
content:url("../images/pictos/videos-blanc.svg");
|
||||
}
|
||||
}
|
||||
&.button-podcasts{
|
||||
a {
|
||||
&::before{
|
||||
content:url("../images/pictos/podcasts.svg");
|
||||
padding-right: 0.5rem;
|
||||
}
|
||||
&:hover::before{
|
||||
content:url("../images/pictos/podcasts-blanc.svg");
|
||||
}
|
||||
&::before{
|
||||
content:url("../images/pictos/podcasts.svg");
|
||||
padding-right: 0.5rem;
|
||||
}
|
||||
&:hover::before{
|
||||
content:url("../images/pictos/podcasts-blanc.svg");
|
||||
}
|
||||
}
|
||||
&.button-images---photos{
|
||||
a {
|
||||
&::before{
|
||||
content:url("../images/pictos/en-images.svg");
|
||||
padding-right: 0.5rem;
|
||||
}
|
||||
&:hover::before{
|
||||
content:url("../images/pictos/en-images-blanc.svg");
|
||||
}
|
||||
&::before{
|
||||
content:url("../images/pictos/en-images.svg");
|
||||
padding-right: 0.5rem;
|
||||
}
|
||||
&:hover::before{
|
||||
content:url("../images/pictos/en-images-blanc.svg");
|
||||
}
|
||||
}
|
||||
&.button-livres{
|
||||
a {
|
||||
&::before{
|
||||
content:url("../images/pictos/ecrits.svg");
|
||||
padding-right: 0.5rem;
|
||||
}
|
||||
&:hover::before{
|
||||
content:url("../images/pictos/ecrits-blanc.svg");
|
||||
}
|
||||
&::before{
|
||||
content:url("../images/pictos/ecrits.svg");
|
||||
padding-right: 0.5rem;
|
||||
}
|
||||
&:hover::before{
|
||||
content:url("../images/pictos/ecrits-blanc.svg");
|
||||
}
|
||||
}
|
||||
&.button-articles{
|
||||
a {
|
||||
&::before{
|
||||
content:url("../images/pictos/ecrits.svg");
|
||||
padding-right: 0.5rem;
|
||||
}
|
||||
&:hover::before{
|
||||
content:url("../images/pictos/ecrits-blanc.svg");
|
||||
}
|
||||
&::before{
|
||||
content:url("../images/pictos/ecrits.svg");
|
||||
padding-right: 0.5rem;
|
||||
}
|
||||
&:hover::before{
|
||||
content:url("../images/pictos/ecrits-blanc.svg");
|
||||
}
|
||||
}
|
||||
&.button-publications---rapports{
|
||||
a {
|
||||
&::before{
|
||||
content:url("../images/pictos/ecrits.svg");
|
||||
padding-right: 0.5rem;
|
||||
}
|
||||
&:hover::before{
|
||||
content:url("../images/pictos/ecrits-blanc.svg");
|
||||
}
|
||||
&::before{
|
||||
content:url("../images/pictos/ecrits.svg");
|
||||
padding-right: 0.5rem;
|
||||
}
|
||||
&:hover::before{
|
||||
content:url("../images/pictos/ecrits-blanc.svg");
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user