bachir/gdp_vuewp
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

#2092

Browse Source
This commit is contained in:
bachir
2023-06-20 16:28:30 +02:00
parent 8d155ca089
commit 665ddcebc3
3 changed files with 73 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/app.scss
+64 -3
View File
@@ -94,6 +94,16 @@ header[role="banner"]{
} }
} }
// iphone
@media only screen and (max-width: $iphone-bp), (orientation: portrait) {
div.wrapper{
display:flex;
flex-direction: column;
}
nav#header-menu{
text-align: left;
}
}
} }
section[role="main-content"]{ section[role="main-content"]{
#home{ #home{
@@ -120,6 +130,7 @@ section[role="main-content"]{
font-size: 0.7em font-size: 0.7em
} }
} }
} }
// $filet_space:8em; // $filet_space:8em;
// $decallage: 0.5em; // $decallage: 0.5em;
@@ -179,7 +190,8 @@ section[role="main-content"]{
@include teasersfilet(8em, 0.5em); @include teasersfilet(8em, 0.5em);
} }
// responsive // responsive
@media only screen and (max-width: $small-bp), (orientation: portrait) { // ipad
@media only screen and (min-width: $iphone-bp) and (max-width: $small-bp), (orientation: portrait) {
header{ header{
h1{ h1{
font-size: 5em; font-size: 5em;
@@ -195,7 +207,34 @@ section[role="main-content"]{
div.teasers{ div.teasers{
flex-direction: column; flex-direction: column;
// filets decoratif // filets decoratif
@include teasersfilet(4em, 0.5em); >div.wrapper{
@include teasersfilet(4em, 0.5em);
}
}
}
// iphone
@media only screen and (max-width: $iphone-bp), (orientation: portrait) {
header{
margin:0;
h1{
font-size: 5em;
margin:0;
}
}
section.row{
flex-direction: column;
padding-top: 1em;
}
div.teasers{
// filets decoratif
div.wrapper{
flex-direction: column;
&:before, &:after{
display: none;
}
}
} }
} }
} }
@@ -635,6 +674,10 @@ section[role="main-content"]{
position: absolute; position: absolute;
bottom: 0; bottom: 0;
overflow-wrap:anywhere; overflow-wrap:anywhere;
// iphone
@media only screen and (max-width: $iphone-bp), (orientation: portrait) {
display: none;
}
} }
} }
@@ -743,6 +786,13 @@ section[role="main-content"]{
} }
} }
} }
// iphone
@media only screen and (max-width: $iphone-bp), (orientation: portrait) {
>header{
padding-right: 1em;
width:percentage(10/$default_sum);
}
}
$pagenum_w:1em; $pagenum_w:1em;
@@ -1413,6 +1463,10 @@ section[role="main-content"]{
p{ p{
line-height: $base-line * 0.65; line-height: $base-line * 0.65;
} }
// iphone
@media only screen and (max-width: $iphone-bp), (orientation: portrait) {
display: none;
}
} }
} }
} }
@@ -1876,7 +1930,14 @@ footer[role="tools"]{
} }
} }
} }
;
// iphone
@media only screen and (max-width: $iphone-bp), (orientation: portrait) {
#footer-tabs, #search{
display: none;
}
}
#logos{ #logos{
// max-height: 100%; // max-height: 100%;
position: relative; position: relative;
assets/css/base/_layout.scss
+8
View File
@@ -38,6 +38,10 @@ body{
@media only screen and (max-width: $small-bp), (orientation: portrait) { @media only screen and (max-width: $small-bp), (orientation: portrait) {
padding:1em $side-padding/2 0 $side-padding/2; padding:1em $side-padding/2 0 $side-padding/2;
} }
// iphone
@media only screen and (max-width: $iphone-bp), (orientation: portrait) {
padding:1em $side-padding/2 1em $side-padding/2;
}
} }
section[role="main-content"]{ section[role="main-content"]{
display: flex; display: flex;
@@ -60,6 +64,10 @@ body{
overflow-y: auto; overflow-y: auto;
padding:0 $side-padding/2 0 $side-padding/2; padding:0 $side-padding/2 0 $side-padding/2;
} }
// iphone
@media only screen and (max-width: $iphone-bp), (orientation: portrait) {
// padding:0 $side-padding/4 0 $side-padding/4;
}
} }
.main-content-layout{ .main-content-layout{
position: relative; position: relative;
assets/css/base/_variables.scss
+1
View File
@@ -5,6 +5,7 @@ $base-line:28px;
$default_gap: 1em; $default_gap: 1em;
$default_sum: 12; // total number of columns $default_sum: 12; // total number of columns
$iphone-bp: 428px;
$small-bp:768px; $small-bp:768px;
$med-bp:1080px; $med-bp:1080px;
$ipad-bp: 1536px; $ipad-bp: 1536px;