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

fine tunning

Browse Source
This commit is contained in:
Bachir Soussi Chiadmi
2019-07-16 18:36:17 +02:00
parent 9ba8834a1f
commit 77154f04a3
2 changed files with 75 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1107,17 +1107,19 @@ aside.messages {
header[role="banner"] { header[role="banner"] {
padding: 0.2em 0 0 0; } padding: 0.2em 0 0 0; }
header[role="banner"] #block-userlogin h2, header[role="banner"] #block-header ul.menu li a {
font-size: 0.9em;
font-weight: 400; }
header[role="banner"] #block-sitebranding h1 { header[role="banner"] #block-sitebranding h1 {
margin: 0; margin: 0;
line-height: 1; } line-height: 1; }
header[role="banner"] #block-userlogin { header[role="banner"] #block-userlogin {
position: relative; position: relative;
width: 8em; padding: 0 1em;
overflow: visible; } overflow: visible; }
header[role="banner"] #block-userlogin h2 { header[role="banner"] #block-userlogin h2 {
margin: 0; line-height: 1.38;
font-size: 1em; margin: 0; }
font-weight: 400; }
header[role="banner"] #block-userlogin > section { header[role="banner"] #block-userlogin > section {
background-color: #fff; background-color: #fff;
overflow: hidden; overflow: hidden;
@@ -1245,6 +1247,14 @@ header[role="banner"] {
aside.messages { aside.messages {
padding: 0; } padding: 0; }
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, 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: 3.5em;
line-height: 1; }
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, 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-intro, article.node--type-frontpage .node__content > section.home-pricing { article.node--type-frontpage .node__content > section.home-intro, article.node--type-frontpage .node__content > section.home-pricing {
padding: 1.5em 0; padding: 1.5em 0;
background-color: #fff; } background-color: #fff; }
@@ -1252,11 +1262,6 @@ article.node--type-frontpage .node__content > section.home-intro, article.node--
width: 80%; width: 80%;
margin: 0 auto; margin: 0 auto;
text-align: center; } 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 { 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; display: grid;
@@ -1266,12 +1271,6 @@ article.node--type-frontpage .node__content > section.home-database, article.nod
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) { 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; color: #fff;
grid-column: 1; } 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) { 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; } grid-column: 2; }

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

@@ -33,6 +33,13 @@ aside.messages{
header[role="banner"]{ header[role="banner"]{
padding:0.2em 0 0 0; padding:0.2em 0 0 0;
%header-fs{
font-size: 0.9em;
// line-height: 1;
font-weight: 400;
}
#block-sitebranding{ #block-sitebranding{
h1{ h1{
margin:0; margin:0;
@@ -42,12 +49,13 @@ header[role="banner"]{
#block-userlogin{ #block-userlogin{
position: relative; position: relative;
width:8em; // width:8em;
padding:0 1em;
overflow: visible; overflow: visible;
h2{ h2{
@extend %header-fs;
line-height: 1.38;
margin: 0; margin: 0;
font-size: 1em;
font-weight: 400;
} }
&>section{ &>section{
background-color: #fff; background-color: #fff;
@@ -117,6 +125,7 @@ header[role="banner"]{
} }
} }
// menu
#block-header{ #block-header{
margin-right: 1em; margin-right: 1em;
padding-left: 1em; padding-left: 1em;
@@ -125,6 +134,9 @@ header[role="banner"]{
margin:0; margin:0;
li{ li{
padding:0; padding:0;
a{
@extend %header-fs;
}
} }
} }
} }
@@ -254,46 +266,53 @@ aside.messages{
// | _| '_/ _ \ ' \ _| // | _| '_/ _ \ ' \ _|
// |_| |_| \___/_||_\__| // |_| |_| \___/_||_\__|
%part-centered-layout{
padding:1.5em 0;
background-color: #fff;
>div:nth-child(1){
width:80%;
margin: 0 auto;
text-align: center;
.field__label{
font-size: 3em;
}
.field__item{
font-size: 0.9em;
line-height: 1.3;
}
}
}
%part-columned-layout{
display:grid;
grid-template-columns: 300px 1fr;
grid-column-gap: 2em;
padding:2em 1em;
>div:nth-child(1){
color: #fff;
grid-column: 1;
.field__label{
font-size: 3em;
line-height: 0.9
}
.field__item{
font-size: 0.9em;
line-height: 1.3;
}
}
>div:nth-child(2){
grid-column: 2;
}
}
article.node--type-frontpage{ article.node--type-frontpage{
%front-col-field__label{
font-size: 3.5em;
line-height: 1;
}
%front-col-descritpion{
font-size: 0.9em;
line-height: 1.3;
}
%part-centered-layout{
padding:1.5em 0;
background-color: #fff;
>div:nth-child(1){
width:80%;
margin: 0 auto;
text-align: center;
.field__label{
@extend %front-col-field__label;
}
.field__item{
@extend %front-col-descritpion;
}
}
}
%part-columned-layout{
display:grid;
grid-template-columns: 300px 1fr;
grid-column-gap: 2em;
padding:2em 1em;
>div:nth-child(1){
color: #fff;
grid-column: 1;
.field__label{
@extend %front-col-field__label;
}
.field__item{
@extend %front-col-descritpion;
}
}
>div:nth-child(2){
grid-column: 2;
}
}
.node__content{ .node__content{
&>section{ &>section{