responsive actu home
This commit is contained in:
+5
-6
@@ -586,7 +586,7 @@ svg.ext {
|
||||
}
|
||||
@media (max-width: 810px) {
|
||||
.path-frontpage .block-views-blockactus-blocks-pages-block-1 div .view-actus-blocks-pages .view-content .views-row .node-type-actualite {
|
||||
width: 65%;
|
||||
width: 90%;
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
@@ -639,9 +639,8 @@ svg.ext {
|
||||
}
|
||||
@media (max-width: 680px) {
|
||||
.path-frontpage .block-views-blockactus-blocks-pages-block-1 div .view-actus-blocks-pages .view-content .views-row .node-type-actualite .actus-teaser-home .home_actu_photo .field--name-field-images .field__item img {
|
||||
height: 200px;
|
||||
max-height: 200px;
|
||||
object-fit: cover;
|
||||
max-width: 70vw;
|
||||
margin: auto;
|
||||
padding-left: 0;
|
||||
padding-bottom: 1rem;
|
||||
@@ -668,9 +667,9 @@ svg.ext {
|
||||
.path-frontpage .block-views-blockactus-blocks-pages-block-1 div .view-actus-blocks-pages .view-content .views-row .node-type-actualite .actus-teaser-home .home_actu_infos .field--name-field-date {
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
@media (min-width: 811px) {
|
||||
@media (max-width: 811px) {
|
||||
.path-frontpage .block-views-blockactus-blocks-pages-block-1 div .view-actus-blocks-pages .view-content .views-row .node-type-actualite .actus-teaser-home .home_actu_infos .field--name-field-date {
|
||||
font-size: 0.9rem;
|
||||
font-size: 1rem;
|
||||
}
|
||||
}
|
||||
.path-frontpage .block-views-blockactus-blocks-pages-block-1 div .view-actus-blocks-pages .view-content .views-row .node-type-actualite .actus-teaser-home .home_actu_infos .field--name-field-date div {
|
||||
@@ -714,7 +713,7 @@ svg.ext {
|
||||
}
|
||||
@media (max-width: 810px) {
|
||||
.path-frontpage .block-views-blockactus-blocks-pages-block-1 div .view-actus-blocks-pages .view-content .views-row .node-type-actualite .actus-teaser-home .home_actu_infos .field--name-title {
|
||||
font-size: 1rem;
|
||||
font-size: 0.9rem;
|
||||
padding-top: 0.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -49,7 +49,7 @@
|
||||
margin-bottom: 2rem;
|
||||
|
||||
@media (max-width: 810px){
|
||||
width: 65%;
|
||||
width: 90%;
|
||||
height: auto;
|
||||
|
||||
}
|
||||
@@ -95,9 +95,9 @@
|
||||
max-height: 400px;
|
||||
}
|
||||
@media (max-width: 680px){
|
||||
height: 200px;
|
||||
max-height: 200px;
|
||||
object-fit: cover;
|
||||
max-width: 70vw;
|
||||
// max-width: 70vw;
|
||||
margin: auto;
|
||||
padding-left: 0;
|
||||
padding-bottom: 1rem;
|
||||
@@ -131,9 +131,9 @@
|
||||
}
|
||||
.field--name-field-date{
|
||||
font-size: 1.3rem;
|
||||
@media (min-width: 811px) {
|
||||
@media (max-width: 811px) {
|
||||
// margin-top: 5rem;
|
||||
font-size: 0.9rem;
|
||||
font-size: 1rem;
|
||||
}
|
||||
div{
|
||||
display: flex !important;
|
||||
@@ -175,7 +175,7 @@
|
||||
color: $blue-dark !important;
|
||||
}
|
||||
@media(max-width:810px){
|
||||
font-size: 1rem;
|
||||
font-size: 0.9rem;
|
||||
padding-top: 0.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user