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

improved grid system with media query in home display

Browse Source
This commit is contained in:
Bachir Soussi Chiadmi
2019-07-16 17:58:55 +02:00
parent 53209dbca1
commit 9ba8834a1f
2 changed files with 54 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
web/themes/custom/materiotheme/assets/dist/main.css vendored
View File

@@ -1313,10 +1313,21 @@ article.node--type-frontpage .node__content > section.home-showrooms {
article.node--type-frontpage .node__content > section.home-showrooms .field--name-computed-showrooms-reference {
position: relative;
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 1fr; }
@media only screen and (max-width: 1575px) {
article.node--type-frontpage .node__content > section.home-showrooms .field--name-computed-showrooms-reference {
grid-template-columns: 1fr; }
article.node--type-frontpage .node__content > section.home-showrooms .field--name-computed-showrooms-reference > .field__item {
grid-column: 1; } }
@media only screen and (min-width: 1576px) {
article.node--type-frontpage .node__content > section.home-showrooms .field--name-computed-showrooms-reference {
grid-template-columns: 1fr 1fr;
grid-gap: 1em; }
article.node--type-frontpage .node__content > section.home-showrooms .field--name-computed-showrooms-reference > .field__item:nth-child(odd) {
grid-column: 1; }
article.node--type-frontpage .node__content > section.home-showrooms .field--name-computed-showrooms-reference > .field__item:nth-child(even) {
grid-column: 2; } }
article.node--type-frontpage .node__content > section.home-showrooms .field--name-computed-showrooms-reference > .field__item {
grid-column: 1;
grid-row: 1; }
article.node--type-frontpage .node__content > section.home-showrooms .field--name-computed-showrooms-reference > .field__item .taxonomy-term {
position: relative;
@@ -1326,7 +1337,8 @@ article.node--type-frontpage .node__content > section.home-showrooms {
width: 100%;
padding-bottom: 10em; }
article.node--type-frontpage .node__content > section.home-showrooms .field--name-computed-showrooms-reference > .field__item .taxonomy-term div.visuel img {
max-width: 100%; }
max-width: 100%;
height: auto; }
article.node--type-frontpage .node__content > section.home-showrooms .field--name-computed-showrooms-reference > .field__item .taxonomy-term section.text {
position: absolute;
bottom: 0;
@@ -1344,7 +1356,14 @@ article.node--type-frontpage .node__content > section.home-showrooms {
article.node--type-frontpage .node__content > section.home-blabla {
background-color: #9458aa; }
article.node--type-frontpage .node__content > section.home-blabla .cards-list-home {
position: relative; }
position: relative;
overflow-y: hidden; }
@media only screen and (max-width: 1350px) {
article.node--type-frontpage .node__content > section.home-blabla .cards-list-home {
max-height: 630px; } }
@media only screen and (min-width: 1351px) {
article.node--type-frontpage .node__content > section.home-blabla .cards-list-home {
max-height: 310px; } }
article.node--type-frontpage .node__content > section.home-blabla .cards-list-home ul {
width: 100%;
margin: 0;