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

going on with home display

Browse Source
This commit is contained in:
Bachir Soussi Chiadmi
2019-07-16 10:29:30 +02:00
parent cb3eb2c2fa
commit 68a7084deb
8 changed files with 358 additions and 148 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1245,61 +1245,102 @@ header[role="banner"] {
aside.messages {
padding: 0; }
article.node--type-frontpage .node__content > section {
padding: 1em; }
article.node--type-frontpage .node__content > section.home-intro {
padding: 0;
background-color: #fff; }
article.node--type-frontpage .node__content > section.home-database {
background-color: #69cdcf;
display: grid;
grid-template-columns: 300px 1fr;
grid-column-gap: 1em;
color: #fff; }
article.node--type-frontpage .node__content > section.home-database .field--name-field-a-database {
grid-column: 1; }
article.node--type-frontpage .node__content > section.home-database .cards-list-home {
grid-column: 2;
position: relative;
max-height: 580px;
overflow-y: hidden; }
article.node--type-frontpage .node__content > section.home-database .cards-list-home ul {
width: 100%;
article.node--type-frontpage .node__content > section.home-intro, article.node--type-frontpage .node__content > section.home-pricing {
padding: 1.5em 0;
background-color: #fff; }
article.node--type-frontpage .node__content > section.home-intro > div:nth-child(1), article.node--type-frontpage .node__content > section.home-pricing > div:nth-child(1) {
width: 80%;
margin: 0 auto;
text-align: center; }
article.node--type-frontpage .node__content > section.home-intro > div:nth-child(1) .field__label, article.node--type-frontpage .node__content > section.home-pricing > div:nth-child(1) .field__label {
font-size: 3em; }
article.node--type-frontpage .node__content > section.home-intro > div:nth-child(1) .field__item, article.node--type-frontpage .node__content > section.home-pricing > div:nth-child(1) .field__item {
font-size: 0.9em;
line-height: 1.3; }
article.node--type-frontpage .node__content > section.home-database, article.node--type-frontpage .node__content > section.home-showrooms, article.node--type-frontpage .node__content > section.home-blabla {
display: grid;
grid-template-columns: 300px 1fr;
grid-column-gap: 2em;
padding: 2em 1em; }
article.node--type-frontpage .node__content > section.home-database > div:nth-child(1), article.node--type-frontpage .node__content > section.home-showrooms > div:nth-child(1), article.node--type-frontpage .node__content > section.home-blabla > div:nth-child(1) {
color: #fff;
grid-column: 1; }
article.node--type-frontpage .node__content > section.home-database > div:nth-child(1) .field__label, article.node--type-frontpage .node__content > section.home-showrooms > div:nth-child(1) .field__label, article.node--type-frontpage .node__content > section.home-blabla > div:nth-child(1) .field__label {
font-size: 3em;
line-height: 0.9; }
article.node--type-frontpage .node__content > section.home-database > div:nth-child(1) .field__item, article.node--type-frontpage .node__content > section.home-showrooms > div:nth-child(1) .field__item, article.node--type-frontpage .node__content > section.home-blabla > div:nth-child(1) .field__item {
font-size: 0.9em;
line-height: 1.3; }
article.node--type-frontpage .node__content > section.home-database > div:nth-child(2), article.node--type-frontpage .node__content > section.home-showrooms > div:nth-child(2), article.node--type-frontpage .node__content > section.home-blabla > div:nth-child(2) {
grid-column: 2; }
article.node--type-frontpage .node__content > section.home-database {
background-color: #69cdcf; }
article.node--type-frontpage .node__content > section.home-database .cards-list-home {
position: relative;
max-height: 580px;
overflow-y: hidden; }
article.node--type-frontpage .node__content > section.home-database .cards-list-home ul {
width: 100%;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(50px, 130px));
grid-template-rows: 1fr;
grid-gap: 1em;
justify-content: start; }
article.node--type-frontpage .node__content > section.home-database .cards-list-home ul li {
position: relative;
list-style: none;
margin: 0;
padding: 0;
display: grid;
justify-content: center;
grid-template-columns: repeat(auto-fill, minmax(50px, 130px));
grid-template-rows: 1fr;
grid-gap: 1em; }
article.node--type-frontpage .node__content > section.home-database .cards-list-home ul li {
position: relative;
list-style: none;
margin: 0;
padding: 0;
padding-top: 140%; }
article.node--type-frontpage .node__content > section.home-database .cards-list-home ul li .card {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: auto;
height: auto; }
article.node--type-frontpage .node__content > section.home-database .cards-list-home ul li .card .field--name-field-short-description {
font-size: 0.756em;
line-height: 0.9; }
article.node--type-frontpage .node__content > section.home-showrooms {
background-color: #50aa3c;
display: grid;
grid-template-columns: 300px 1fr;
grid-column-gap: 1em; }
article.node--type-frontpage .node__content > section.home-showrooms .field--name-field-showrooms {
grid-column: 1; }
article.node--type-frontpage .node__content > section.home-showrooms .field--name-computed-showrooms-reference {
grid-column: 2; }
article.node--type-frontpage .node__content > section.home-blabla {
background-color: #9458aa; }
padding-top: 140%; }
article.node--type-frontpage .node__content > section.home-database .cards-list-home ul li .card {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: auto;
height: auto; }
article.node--type-frontpage .node__content > section.home-database .cards-list-home ul li .card .field--name-field-short-description {
font-size: 0.756em;
line-height: 0.9; }
article.node--type-frontpage .node__content > section.home-showrooms {
background-color: #50aa3c; }
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; }
article.node--type-frontpage .node__content > section.home-blabla .cards-list-home ul {
width: 100%;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(80px, 220px));
grid-gap: 1em;
justify-content: start; }
article.node--type-frontpage .node__content > section.home-blabla .cards-list-home ul li {
position: relative;
list-style: none;
margin: 0;
padding: 0;
padding-top: 140%;
overflow: hidden; }
article.node--type-frontpage .node__content > section.home-blabla .cards-list-home ul li .card {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: auto;
height: auto; }
article.node--type-frontpage .node__content > section.home-blabla .cards-list-home ul li .card .field--name-title {
font-size: 0.756em;
line-height: 0.9; }
article.node--type-frontpage .node__content .field--name-field-what-is-materio:not(:nth-child(1)),
article.node--type-frontpage .node__content .field--name-field-a-database:not(:nth-child(1)),