bachir/popsu-d9
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

version smartphone home

Browse Source
This commit is contained in:
armansansd 2021-09-09 11:00:09 +02:00
parent 1273819a76
commit 01fcfecb50
5 changed files with 24 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
web/themes/custom/popsu/css/styles.css
View File

@ -1206,6 +1206,9 @@ iframe {
.slick-arrow { .slick-arrow {
font-size: 0; font-size: 0;
background: center/40% no-repeat url(../images/fleche.svg); } background: center/40% no-repeat url(../images/fleche.svg); }
@media print, screen and (max-width: 39.99875em) {
.slick-arrow {
background: center/100% no-repeat url(../images/fleche.svg); } }
.slick-prev { .slick-prev {
-moz-transform: rotate(180deg); -moz-transform: rotate(180deg);
@ -1806,9 +1809,14 @@ footer {
.header_container header.active { .header_container header.active {
opacity: 1; opacity: 1;
font-size: 4rem; } font-size: 4rem; }
@media print, screen and (max-width: 39.99875em) {
.header_container header {
font-size: 2rem; }
.header_container header.active {
font-size: 2.8rem; } }
@media print, screen and (max-width: 39.99875em) { @media print, screen and (max-width: 39.99875em) {
.header_container { .header_container {
grid-template-columns: repeat(2, 1fr); } grid-template-columns: repeat(2, minmax(0, 1fr)); }
.header_container header[data-dom="programmes-block_4"] { .header_container header[data-dom="programmes-block_4"] {
display: none; } } display: none; } }

2
web/themes/custom/popsu/css/styles.css.map
View File

File diff suppressed because one or more lines are too long

2
web/themes/custom/popsu/partials/header.html.twig
View File

@ -1,6 +1,6 @@
<header role="banner" class="columns small-12"> <header role="banner" class="columns small-12">
<section id="header-top" class="row align-middle"> <section id="header-top" class="row align-middle">
<div id="header-top-left" class="columns small-4"> <div id="header-top-left" class="columns medium-4 small-3">
{{ page.header_top_left }} {{ page.header_top_left }}
</div> </div>
<div id="header-top-middle" class="columns small-7"> <div id="header-top-middle" class="columns small-7">

9
web/themes/custom/popsu/sass/pages/_home.scss
View File

@ -345,6 +345,7 @@
text-align: center; text-align: center;
font-family: 'duke'; font-family: 'duke';
font-size: 3.1rem; font-size: 3.1rem;
line-height: 1; line-height: 1;
opacity: .3; opacity: .3;
cursor: pointer; cursor: pointer;
@ -359,9 +360,15 @@
opacity: 1; opacity: 1;
font-size: 4rem; font-size: 4rem;
} }
@include breakpoint(small down) {
font-size: 2rem;
&.active{
font-size: 2.8rem;
}
}
} }
@include breakpoint(small down) { @include breakpoint(small down) {
grid-template-columns: repeat(2, 1fr); grid-template-columns: repeat(2, minmax(0, 1fr));
header[data-dom="programmes-block_4"]{ header[data-dom="programmes-block_4"]{
display:none; display:none;
} }

6
web/themes/custom/popsu/sass/setup/_globals.scss
View File

@ -104,7 +104,11 @@ iframe{
.slick-arrow{ .slick-arrow{
font-size: 0; font-size: 0;
background: center / 40% no-repeat url(../images/fleche.svg);; background: center / 40% no-repeat url(../images/fleche.svg);
@include breakpoint(small down) {
background: center / 100% no-repeat url(../images/fleche.svg);
}
} }
.slick-prev{ .slick-prev{
-moz-transform: rotate(180deg); -moz-transform: rotate(180deg);