responsive home actus
This commit is contained in:
@@ -70,6 +70,9 @@
|
||||
width: 50%;
|
||||
display: flex;
|
||||
justify-content: end;
|
||||
@media(max-width:810px){
|
||||
width: 100%;
|
||||
}
|
||||
.field--name-field-images {
|
||||
.field__item{
|
||||
display: flex;
|
||||
@@ -107,6 +110,9 @@
|
||||
width: 45%;
|
||||
align-content: center;
|
||||
color: $blue-dark !important;
|
||||
@media(max-width:810px){
|
||||
width: 100%;
|
||||
}
|
||||
.field--name-field-date,
|
||||
.field--name-field-lieu,
|
||||
.field--name-title,
|
||||
@@ -127,6 +133,7 @@
|
||||
font-size: 1.3rem;
|
||||
@media (min-width: 811px) {
|
||||
// margin-top: 5rem;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
div{
|
||||
display: flex !important;
|
||||
@@ -138,7 +145,11 @@
|
||||
font-size: 1.3rem;
|
||||
font-weight: 800;
|
||||
padding-right: 1rem;
|
||||
width: fit-content;
|
||||
width: fit-content;
|
||||
@media (min-width: 811px) {
|
||||
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -151,6 +162,8 @@
|
||||
|
||||
@media (max-width: 811px){
|
||||
display: inline-flex;
|
||||
font-size: 0.9rem;
|
||||
padding-top: 0.5rem;
|
||||
}
|
||||
|
||||
}
|
||||
@@ -161,6 +174,10 @@
|
||||
h2 a {
|
||||
color: $blue-dark !important;
|
||||
}
|
||||
@media(max-width:810px){
|
||||
font-size: 1rem;
|
||||
padding-top: 0.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
.field--name-field-sous-titre {
|
||||
@@ -174,6 +191,11 @@
|
||||
.field--name-field-actu-type {
|
||||
padding-top: 2rem;
|
||||
font-size: 1.3rem;
|
||||
@media(max-width:810px){
|
||||
font-size: 0.9rem;
|
||||
padding-top: 1rem;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.field:not(.field--name-field-images) {
|
||||
|
||||
Reference in New Issue
Block a user