fine tunning

This commit is contained in:
2019-07-16 18:36:17 +02:00
parent 9ba8834a1f
commit 77154f04a3
2 changed files with 75 additions and 57 deletions

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{