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

added home links as individual links, improved the home layout with field_group

Browse Source
This commit is contained in:
Bachir Soussi Chiadmi
2020-12-26 17:05:58 +01:00
parent ba503a97cb
commit c60d9c7316
18 changed files with 593 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1538,9 +1538,19 @@ article.node--type-frontpage > h2 {
article.node--type-frontpage .node__content > section.home-database {
background-color: #69cdcf; }
article.node--type-frontpage .node__content > section.home-database .field--name-field-a-database a.btn {
background-color: #fff;
color: #69cdcf; }
article.node--type-frontpage .node__content > section.home-database .field--name-field-database-links .field__item {
display: inline-block; }
article.node--type-frontpage .node__content > section.home-database .field--name-field-database-links .field__item a {
display: inline-block;
font-size: 0.9em;
font-weight: bold;
padding: 0.7em 1em;
margin-bottom: 0.3em;
background-color: #fff;
color: #000;
border-radius: 5px;
background-color: #fff;
color: #69cdcf; }
article.node--type-frontpage .node__content > section.home-database .cards-list-home {
position: relative;
max-height: 580px;
@@ -1574,9 +1584,19 @@ article.node--type-frontpage .node__content > section.home-database {
article.node--type-frontpage .node__content > section.home-showrooms {
background-color: #50aa3c; }
article.node--type-frontpage .node__content > section.home-showrooms .field--name-field-showrooms a.btn {
background-color: #fff;
color: #50aa3c; }
article.node--type-frontpage .node__content > section.home-showrooms .field--name-field-showroom-links .field__item {
display: inline-block; }
article.node--type-frontpage .node__content > section.home-showrooms .field--name-field-showroom-links .field__item a {
display: inline-block;
font-size: 0.9em;
font-weight: bold;
padding: 0.7em 1em;
margin-bottom: 0.3em;
background-color: #fff;
color: #000;
border-radius: 5px;
background-color: #fff;
color: #50aa3c; }
article.node--type-frontpage .node__content > section.home-showrooms .field--name-computed-showrooms-reference {
position: relative;
display: grid;
@@ -1622,6 +1642,19 @@ 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 .field--name-field-blabla-links .field__item {
display: inline-block; }
article.node--type-frontpage .node__content > section.home-blabla .field--name-field-blabla-links .field__item a {
display: inline-block;
font-size: 0.9em;
font-weight: bold;
padding: 0.7em 1em;
margin-bottom: 0.3em;
background-color: #fff;
color: #000;
border-radius: 5px;
background-color: #fff;
color: #9458aa; }
article.node--type-frontpage .node__content > section.home-blabla .cards-list-home {
position: relative;
overflow-y: hidden; }

4
web/themes/custom/materiotheme/assets/dist/main.js vendored
View File

File diff suppressed because one or more lines are too long

46
web/themes/custom/materiotheme/assets/styles/main.scss
View File

@@ -536,6 +536,17 @@ article.node--type-frontpage{
.node__content{
@mixin btn{
display: inline-block;
font-size: 0.9em;
font-weight: bold;
padding: 0.7em 1em;
margin-bottom: 0.3em;
background-color: #fff;
color: #000;
border-radius: 5px;
}
&>section{
&.home-intro{
@extend %part-centered-layout;
@@ -544,9 +555,15 @@ article.node--type-frontpage{
background-color: $color-base;
@extend %part-columned-layout;
.field--name-field-a-database{
a.btn{
background-color: #fff;
color: $color-base;
}
.field--name-field-database-links{
.field__item{
display: inline-block;
a{
@include btn;
background-color: #fff;
color: $color-base;
}
}
}
.cards-list-home{
@@ -585,10 +602,15 @@ article.node--type-frontpage{
&.home-showrooms{
background-color: $color-showrooms;
@extend %part-columned-layout;
.field--name-field-showrooms{
a.btn{
background-color: #fff;
color: $color-showrooms;
.field--name-field-showrooms{}
.field--name-field-showroom-links{
.field__item{
display: inline-block;
a{
@include btn;
background-color: #fff;
color: $color-showrooms;
}
}
}
.field--name-computed-showrooms-reference{
@@ -657,6 +679,16 @@ article.node--type-frontpage{
background-color: $color-blabla;
@extend %part-columned-layout;
.field--name-field-blabla-links{
.field__item{
display: inline-block;
a{
@include btn;
background-color: #fff;
color: $color-blabla;
}
}
}
.cards-list-home{
position: relative;
$bp: ($column_width*2 + $column_goutiere );