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

fine tunning

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
Show Stats 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"] {
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 {
margin: 0;
line-height: 1; }
header[role="banner"] #block-userlogin {
position: relative;
width: 8em;
padding: 0 1em;
overflow: visible; }
header[role="banner"] #block-userlogin h2 {
margin: 0;
font-size: 1em;
font-weight: 400; }
line-height: 1.38;
margin: 0; }
header[role="banner"] #block-userlogin > section {
background-color: #fff;
overflow: hidden;
@ -1245,6 +1247,14 @@ header[role="banner"] {
aside.messages {
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 {
padding: 1.5em 0;
background-color: #fff; }
@ -1252,11 +1262,6 @@ article.node--type-frontpage .node__content > section.home-intro, article.node--
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;
@ -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) {
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; }

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

@ -33,6 +33,13 @@ aside.messages{
header[role="banner"]{
padding:0.2em 0 0 0;
%header-fs{
font-size: 0.9em;
// line-height: 1;
font-weight: 400;
}
#block-sitebranding{
h1{
margin:0;
@ -42,12 +49,13 @@ header[role="banner"]{
#block-userlogin{
position: relative;
width:8em;
// width:8em;
padding:0 1em;
overflow: visible;
h2{
@extend %header-fs;
line-height: 1.38;
margin: 0;
font-size: 1em;
font-weight: 400;
}
&>section{
background-color: #fff;
@ -117,6 +125,7 @@ header[role="banner"]{
}
}
// menu
#block-header{
margin-right: 1em;
padding-left: 1em;
@ -125,6 +134,9 @@ header[role="banner"]{
margin:0;
li{
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{
%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{
&>section{