change twig button media

This commit is contained in:
2025-06-05 11:42:47 +02:00
parent eca756315f
commit e65412f9fc
3 changed files with 66 additions and 88 deletions
@@ -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");
}
}