bachir/drupal-reha
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

design actus

Browse Source
This commit is contained in:
ouidade
2024-08-07 19:17:51 +02:00
parent 869db4c869
commit 1dc1b04302
6 changed files with 191 additions and 149 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/reha/scss/pages/home/home-view-actualites.scss
+81 -71
View File
@@ -16,92 +16,102 @@
width: 100%;
margin: auto;
.views-row{
width: 30vw !important;
width: 35vw !important;
margin-left: 1rem;
&:first-of-type{
padding-left: 15%;
}
.node-type-actualite{
width: 84%;
display: flex;
flex-direction: column;
width: 100%;
// display: flex;
// flex-direction: column;
height: 100%;
p.field__item{
display: none;
}
.image-actualite{
width: 80%;
height: 250px;
margin-left: 1rem;
.field--name-field-image{
height: 100%;
.field__items{
height: 100%;
.field__item{
width: 100%;
height: 100%;
img{
width: 100%;
height: auto;
object-fit: cover;
height: 100%;
}
}
}
}
}
.infos-content{
position: relative;
> .entete_actu{
display: flex;
flex-direction: column;
border: solid $yellow-puca 1px;
background-color: $white-button;
padding: 1rem;
h2{
order: 2;
margin: 0;
font-size: 1.5rem;
font-weight: 600;
padding: 0;;
p.field__item{
display: none;
}
.field--name-field-sous-titre {
order: 3;
font-size: 1.3rem;
.image-actualite{
width: 75%;
height: 250px;
right: 10%;
position: relative;
// margin-left: 1rem;
.field--name-field-image{
height: 100%;
.field__items{
height: 100%;
.field__item{
width: 100%;
height: 100%;
img{
width: 100%;
height: auto;
object-fit: cover;
height: 100%;
}
}
}
}
}
.field--name-field-date{
order: 4;
font-weight: 900;
padding-bottom: 1rem;
}
.field--name-field-type-d-actualite{
order: 1;
text-transform: uppercase;
font-size: 1.2rem;
}
.field--name-field-site{
order: 5;
background-color: $gris-violet;
color: white;
border-radius: 50px;
width: fit-content;
padding: 0.2rem 0.9rem;
.field__item{
display: inline;
color: white;
.infos-content{
position: relative;
display: flex;
flex-direction: column;
border: solid $yellow-puca 1px;
background-color: $white-button;
padding: 1rem;
width: 100%;
right: 0%;
height: auto;
h2{
order: 2;
margin: 0;
font-size: 1.5rem;
font-weight: 600;
padding: 0;;
}
.field--name-field-sous-titre {
order: 3;
font-size: 1.3rem;
}
.field--name-field-date{
order: 4;
font-weight: 900;
font-size: 0.8rem;
vertical-align: top;
}
padding-bottom: 1rem;
}
.field--name-field-type-d-actualite{
order: 1;
text-transform: uppercase;
font-size: 1.2rem;
}
.field--name-field-site{
order: 5;
background-color: $gris-violet;
color: white;
border-radius: 50px;
width: fit-content;
padding: 0.2rem 0.9rem;
.field__item{
display: inline;
color: white;
font-weight: 900;
font-size: 0.8rem;
vertical-align: top;
}
}
ul.links{
order: 6;
display: none;
}
}
ul.links{
order: 6;
.body-content{
display: none;
}
}
.body-content{
display: none;
}
}
}
.slick-dots{
web/themes/custom/reha/scss/pages/page-actualites.scss
+13
View File
@@ -0,0 +1,13 @@
.page-actualites{
.node-type-actualite{
width: 30vw !important;
.entete_actu{
flex-direction: column;
.infos-content{
width: 100%;
height: 250px;
right: 0;
}
}
}
}