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

created thematique page

Browse Source
This commit is contained in:
Bachir Soussi Chiadmi
2020-12-25 17:37:15 +01:00
parent f65e8fb140
commit 144ab7db26
13 changed files with 589 additions and 67 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1418,7 +1418,8 @@ header[role="banner"] {
body.path-showrooms header[role="banner"] #block-pagetitle h2 {
color: #fff;
background-color: #50aa3c; }
body.path-base header[role="banner"] #block-pagetitle h2 {
body.path-base header[role="banner"] #block-pagetitle h2,
body.path-thematique header[role="banner"] #block-pagetitle h2 {
color: #fff;
background-color: #69cdcf; }
header[role="banner"] #block-materiosapisearchblock {
@@ -1798,6 +1799,46 @@ article.card {
article.card.modal-card section.col-right nav.tools section.close span.btn.mdi-close {
cursor: pointer; }
#main-content > article.thematique div.cols {
display: grid;
grid-template-rows: 1fr;
grid-template-columns: repeat(12, 1fr);
grid-gap: 1em; }
#main-content > article.thematique div.cols div.col-left {
grid-column: 1; }
#main-content > article.thematique div.cols div.col-right {
grid-column: 2/12; }
#main-content > article.thematique div.col-left section.body {
background-color: #69cdcf;
padding: 0.5em 1em 1em;
width: 423px; }
#main-content > article.thematique aside.linked-materials ul {
width: calc(100% + 13px); }
#main-content > article.thematique aside.linked-materials ul li {
display: inline-block;
vertical-align: top;
width: 205px;
margin: 0 13px 13px 0; }
#main-content > article.thematique aside.linked-materials h3.field__label {
font-size: 1em;
font-weight: 500;
margin: 2em 0 1em 0; }
#main-content > article.thematique aside.linked-materials h1.title {
font-size: 1em;
font-weight: 400; }
#main-content > article.thematique aside.linked-materials h3.ref {
font-size: 0.756em;
font-weight: 600; }
#main-content > article.thematique aside.linked-materials h2.description {
font-size: 0.756em;
font-weight: 400; }
#main-content > article.article div.cols {
display: grid;
grid-template-rows: 1fr;

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

File diff suppressed because one or more lines are too long

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

@@ -16,7 +16,6 @@ aside.messages{
border:none;
}
// _ _ _
// | || |___ __ _ __| |___ _ _
// | __ / -_) _` / _` / -_) '_|
@@ -331,7 +330,8 @@ header[role="banner"]{
color: #fff;
background-color: $color-showrooms;
}
body.path-base & {
body.path-base &,
body.path-thematique & {
color: #fff;
background-color: $color-base;
}
@@ -913,6 +913,60 @@ article.card{
}
// _____ _ _ _
// |_ _| |_ ___ _ __ __ _| |_(_)__ _ _ _ ___
// | | | ' \/ -_) ' \/ _` | _| / _` | || / -_)
// |_| |_||_\___|_|_|_\__,_|\__|_\__, |\_,_\___|
// |_|
#main-content > article.thematique{
div.cols{
display: grid;
grid-template-rows: 1fr;
grid-template-columns: repeat(12, 1fr);
grid-gap: 1em;
div.col-left{
grid-column: 1;
}
div.col-right{
grid-column: 2/12;
}
}
div.col-left section.body{
background-color: $color-base;
padding: 0.5em 1em 1em;
width:$column_width*2 + $column_goutiere;
}
aside.linked-materials{
ul{
width:calc(100% + #{$column_goutiere});
li{
display: inline-block;
vertical-align: top;
width:$column_width;
margin:0 $column_goutiere $column_goutiere 0;
}
}
h3.field__label{
font-size: 1em;
font-weight: 500;
margin: 2em 0 1em 0;
}
h1.title{
font-size: 1em;
font-weight: 400;
}
h3.ref{
font-size: 0.756em;
font-weight: 600;
}
h2.description{
font-size: 0.756em;
font-weight: 400;
}
}
}
// ___ _ _ _
// | _ ) |__ _| |__| |__ _