page site design
This commit is contained in:
@@ -1,5 +1,5 @@
|
||||
|
||||
$header-height : 280px;
|
||||
$header-height : 200px;
|
||||
$header-height-pad : 160px;
|
||||
$header-height-small : 70px;
|
||||
$header-height-ultrasmall : 50px;
|
||||
|
||||
@@ -36,7 +36,7 @@
|
||||
#sites-map-container{
|
||||
position: fixed;
|
||||
width: auto;
|
||||
left: 1.3rem;
|
||||
left: 0.3rem;
|
||||
}
|
||||
}
|
||||
div:has(.field_field_documents){
|
||||
@@ -103,13 +103,13 @@
|
||||
}
|
||||
}
|
||||
.layout__region--second{
|
||||
// flex: 0 1 60%;
|
||||
width: 60%;
|
||||
flex: 0 1 60% !important;
|
||||
// width: 60%;
|
||||
.block-region-second{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
margin-left: 3.5rem;
|
||||
margin-left: 0.5rem;
|
||||
@media(max-width: 500px){
|
||||
margin-left: 0.5rem;
|
||||
margin-top: 1rem;
|
||||
@@ -121,12 +121,8 @@
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
.field_field_numero{
|
||||
::before{
|
||||
content: url("../img/map_pointer.svg");
|
||||
top: 0.8rem;
|
||||
position: relative;
|
||||
padding-right: 0.5rem;
|
||||
}
|
||||
display: none;
|
||||
|
||||
div{
|
||||
&::after{
|
||||
content: "-";
|
||||
@@ -136,8 +132,19 @@
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.field_title{
|
||||
::before{
|
||||
content: url("../img/map_pointer.svg");
|
||||
top: 0.8rem;
|
||||
position: relative;
|
||||
padding-right: 0.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
div:has(.field_title){
|
||||
align-content: end;
|
||||
|
||||
}
|
||||
|
||||
.field_field_sous_titre{
|
||||
@@ -184,6 +191,7 @@
|
||||
}
|
||||
}
|
||||
div:has(.field_field_mots_clefs){
|
||||
display: none;
|
||||
margin-top: 1rem;
|
||||
flex: 0 0 25%;
|
||||
padding-left: 1rem;
|
||||
@@ -239,8 +247,8 @@
|
||||
margin: auto;
|
||||
img{
|
||||
object-fit: cover;
|
||||
width: 350px;
|
||||
height: 230px;
|
||||
width: 220px;
|
||||
height: 145px;
|
||||
}
|
||||
}
|
||||
.image-field-caption{
|
||||
@@ -262,6 +270,7 @@
|
||||
|
||||
|
||||
.layout__region--third{
|
||||
flex: 0 1 15% !important;
|
||||
height: fit-content;
|
||||
@media(max-width: 500px){
|
||||
display: flex;
|
||||
|
||||
Reference in New Issue
Block a user