diff --git a/web/themes/custom/materiotheme/assets/dist/main.css b/web/themes/custom/materiotheme/assets/dist/main.css index acf7435..425dd7d 100644 --- a/web/themes/custom/materiotheme/assets/dist/main.css +++ b/web/themes/custom/materiotheme/assets/dist/main.css @@ -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; } diff --git a/web/themes/custom/materiotheme/assets/styles/main.scss b/web/themes/custom/materiotheme/assets/styles/main.scss index b482828..6c1240e 100644 --- a/web/themes/custom/materiotheme/assets/styles/main.scss +++ b/web/themes/custom/materiotheme/assets/styles/main.scss @@ -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{