responcive: home quite ok
This commit is contained in:
@@ -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{
|
||||
|
Reference in New Issue
Block a user