détails version petit écran

This commit is contained in:
chankalan 2021-10-12 09:31:46 +02:00
parent b9b1c1aad4
commit 60ac0bd6cd
2 changed files with 29 additions and 7 deletions

View File

@ -106,6 +106,9 @@ h1, .h1 {
@include media($bp-medium-up) { @include media($bp-medium-up) {
font-size: em(50px); font-size: em(50px);
} }
@include media($bp-xxsmall) {
word-break: break-all;
}
} }
h2, .h2 { h2, .h2 {
@ -113,6 +116,9 @@ h2, .h2 {
@include media($bp-medium-up) { @include media($bp-medium-up) {
font-size: em(26px); font-size: em(26px);
} }
@include media($bp-xxsmall) {
word-break: break-all;
}
} }
h3, .h3 { h3, .h3 {

View File

@ -153,6 +153,9 @@ span.btn {
} }
} }
} }
@include media($bp-xxsmall) {
float:none;
}
} }
.bientot { .bientot {
display:inline-block; display:inline-block;
@ -415,15 +418,20 @@ ul.spip {
font-size:1em; font-size:1em;
margin:-2rem 0 1rem -4rem; margin:-2rem 0 1rem -4rem;
@include media($bp-medium) { @include media($bp-medium) {
html:not(.composition_chroniques) & { margin:-2rem -200px 0 -2rem;
margin:-2rem -200px 0 -2rem; line-height:1.2;
line-height:1.2; .emission_heroine & {
@include flex();
}
.article__date {
/* flex-grow:1; */
}
.prochaine_emission.emission_heroine & {
margin-right:0;
} }
} }
@include media($bp-small) { @include media($bp-small) {
html:not(.composition_chroniques) & { margin:-2rem 0 0 -2rem;
margin:-2rem 0 0 -2rem;
}
} }
overflow:visible; overflow:visible;
.composition_blog & { .composition_blog & {
@ -754,6 +762,9 @@ a:hover .fab, a:hover .fas {
} }
.emission_heroine h1 { .emission_heroine h1 {
font-size: 2.4rem; font-size: 2.4rem;
@include media($bp-xxsmall) {
font-size:2rem;
}
} }
} }
.emission-resume.article-resume { .emission-resume.article-resume {
@ -799,6 +810,11 @@ a:hover .fab, a:hover .fas {
margin:0 -2rem; margin:0 -2rem;
} }
} }
@include media($bp-medium) {
.cartouche {
margin-top: 2rem;
}
}
} }
.derniere_emission.emission_heroine { .derniere_emission.emission_heroine {
position:relative; position:relative;
@ -832,7 +848,7 @@ a:hover .fab, a:hover .fas {
.texte_content { .texte_content {
flex:1; flex:1;
padding-bottom:1rem; padding-bottom:1rem;
min-height: 200px; min-height: 240px;
h1 { h1 {
font-size:1.6rem; font-size:1.6rem;
} }