bachir/d9-eql
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

button media css

Browse Source
This commit is contained in:
ouidade
2025-05-22 19:08:17 +02:00
parent 159bbeece2
commit 18ba44d9d0
16 changed files with 1443 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/eql/scss/pages/ressources.scss
+58 -18
View File
@@ -120,7 +120,7 @@
}
.view-base-de-donnees{
display: grid;
grid-template-columns: 20% 75%;
grid-template-columns: 30% 75%;
gap: 2rem;
.view-filters{
position: sticky;
@@ -141,36 +141,50 @@
@media (max-width: 479px) {
margin-left: 0;
}
&::before{
content: "Filtrer par : ";
padding-right: 1rem;
font-weight: 800;
margin-bottom: 1rem;
@media (max-width: 479px){
padding-bottom: 1rem;
}
}
.buttons-filtres-ressources{
margin-top: 2rem;
&::before{
content: "Afficher : ";
padding-right: 1rem;
font-weight: 800;
margin-bottom: 1rem;
display: block;
width: 100%;
@media (max-width: 479px){
padding-bottom: 1rem;
}
}
button{
background-color: transparent;
border-radius: 30px;
// border-radius: 30px;
border: 1px solid black;
padding: 0.5rem 0.8rem 0.2rem 0.6rem;
margin-bottom: 1rem;
margin-right: 0.5rem;
&:hover{
cursor: grab;
background-color: $blue-dark;
color: white;
}
a {
&:hover{
color: white;
}
}
&.button-videos{
margin-top: 1rem;
a {
display: inline-flex;
flex-direction: row;
align-items: center;
&::before{
content:url("../images/pictos/podcasts.png");
content:url("../images/pictos/videos.svg");
padding-right: 0.5rem;
}
&:hover::before{
content:url("../images/pictos/videos-blanc.svg");
}
}
}
@@ -180,9 +194,12 @@
flex-direction: row;
align-items: center;
&::before{
content:url("../images/pictos/podcasts.png");
content:url("../images/pictos/podcasts.svg");
padding-right: 0.5rem;
}
&:hover::before{
content:url("../images/pictos/podcasts-blanc.svg");
}
}
}
&.button-reportages-photos{
@@ -191,9 +208,12 @@
flex-direction: row;
align-items: center;
&::before{
content:url("../images/pictos/podcasts.png");
content:url("../images/pictos/en-images.svg");
padding-right: 0.5rem;
}
&:hover::before{
content:url("../images/pictos/en-images-blanc.svg");
}
}
}
&.button-livres{
@@ -202,9 +222,12 @@
flex-direction: row;
align-items: center;
&::before{
content:url("../images/pictos/podcasts.png");
content:url("../images/pictos/ecrits.svg");
padding-right: 0.5rem;
}
&:hover::before{
content:url("../images/pictos/ecrits-blanc.svg");
}
}
}
&.button-articles{
@@ -213,9 +236,12 @@
flex-direction: row;
align-items: center;
&::before{
content:url("../images/pictos/podcasts.png");
content:url("../images/pictos/ecrits.png");
padding-right: 0.5rem;
}
&:hover::before{
content:url("../images/pictos/ecrits-blanc.svg");
}
}
}
&.button-publications-rapports{
@@ -224,14 +250,28 @@
flex-direction: row;
align-items: center;
&::before{
content:url("../images/pictos/podcasts.png");
content:url("../images/pictos/ecrits.png");
padding-right: 0.5rem;
}
&:hover::before{
content:url("../images/pictos/ecrits-blanc.svg");
}
}
}
}
}
form{
&::before{
content: "Filtrer par : ";
padding-right: 1rem;
font-weight: 800;
margin-bottom: 1rem;
@media (max-width: 479px){
padding-bottom: 1rem;
}
}
}
}