responcive: home quite ok

This commit is contained in:
2021-03-25 19:38:15 +01:00
parent 89286d2610
commit 63fdc0061f
4 changed files with 77 additions and 60 deletions

View File

@@ -440,7 +440,7 @@ header[role="banner"]{
}
@include col-mediaquery-max(3){
flex-direction: column-reverse;
// justify-content: flex-start;
justify-content:center;
#block-pagetitle{
width: max-content;
}
@@ -453,12 +453,21 @@ header[role="banner"]{
#block-pagetitle{
// float: left;
padding:1em 0;
@include col-mediaquery-max(3){
body.path-frontpage &, body.path-home & {
display: none;
}
}
h2{
margin:0;
font-size: 1.512em;
text-transform: capitalize;
font-weight: 300;
body.path-home & {
display: none;
}
body:not(.path-home) & {
padding:0.5em 1em;
}
@@ -637,6 +646,9 @@ article.node--type-frontpage{
%front-col-field__label{
font-size: 3.5em;
line-height: 1;
@include col-mediaquery-max(3){
font-size: 2em;
}
}
%front-col-description{
font-size: 0.9em;
@@ -650,6 +662,11 @@ article.node--type-frontpage{
width:80%;
margin: 0 auto;
text-align: center;
@include col-mediaquery-max(3){
width:auto;
padding:0 1em;
text-align: left;
}
.field__label{
@extend %front-col-field__label;
}
@@ -700,6 +717,20 @@ article.node--type-frontpage{
box-sizing: border-box;
padding: 1em 0.5em;
}
@include col-mediaquery-max(3){
flex-direction: column;
>div:nth-child(1){
flex: 0 0 auto;
// box-sizing: border-box;
// padding: 1em;
}
>div:nth-child(2){
// flex: 1 1 auto;
// box-sizing: border-box;
// padding: 1em 0.5em;
}
}
}
>h2{
@@ -719,6 +750,9 @@ article.node--type-frontpage{
flex: 0 0 $column_width * 2;
padding:1em;
}
@include col-mediaquery-max(3){
display: none;
}
}
}
&.home-database{
@@ -952,6 +986,16 @@ article.node--type-frontpage{
}
}
}
@include col-mediaquery-max(3){
max-height: 386px;
ul{
justify-content: space-around;
li{
flex: 0 3 45%;
}
}
}
}
}
&.home-pricing{