détails version petit écran
This commit is contained in:
parent
b9b1c1aad4
commit
60ac0bd6cd
|
@ -106,6 +106,9 @@ h1, .h1 {
|
|||
@include media($bp-medium-up) {
|
||||
font-size: em(50px);
|
||||
}
|
||||
@include media($bp-xxsmall) {
|
||||
word-break: break-all;
|
||||
}
|
||||
}
|
||||
|
||||
h2, .h2 {
|
||||
|
@ -113,6 +116,9 @@ h2, .h2 {
|
|||
@include media($bp-medium-up) {
|
||||
font-size: em(26px);
|
||||
}
|
||||
@include media($bp-xxsmall) {
|
||||
word-break: break-all;
|
||||
}
|
||||
}
|
||||
|
||||
h3, .h3 {
|
||||
|
|
|
@ -153,6 +153,9 @@ span.btn {
|
|||
}
|
||||
}
|
||||
}
|
||||
@include media($bp-xxsmall) {
|
||||
float:none;
|
||||
}
|
||||
}
|
||||
.bientot {
|
||||
display:inline-block;
|
||||
|
@ -415,15 +418,20 @@ ul.spip {
|
|||
font-size:1em;
|
||||
margin:-2rem 0 1rem -4rem;
|
||||
@include media($bp-medium) {
|
||||
html:not(.composition_chroniques) & {
|
||||
margin:-2rem -200px 0 -2rem;
|
||||
line-height:1.2;
|
||||
margin:-2rem -200px 0 -2rem;
|
||||
line-height:1.2;
|
||||
.emission_heroine & {
|
||||
@include flex();
|
||||
}
|
||||
.article__date {
|
||||
/* flex-grow:1; */
|
||||
}
|
||||
.prochaine_emission.emission_heroine & {
|
||||
margin-right:0;
|
||||
}
|
||||
}
|
||||
@include media($bp-small) {
|
||||
html:not(.composition_chroniques) & {
|
||||
margin:-2rem 0 0 -2rem;
|
||||
}
|
||||
margin:-2rem 0 0 -2rem;
|
||||
}
|
||||
overflow:visible;
|
||||
.composition_blog & {
|
||||
|
@ -754,6 +762,9 @@ a:hover .fab, a:hover .fas {
|
|||
}
|
||||
.emission_heroine h1 {
|
||||
font-size: 2.4rem;
|
||||
@include media($bp-xxsmall) {
|
||||
font-size:2rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
.emission-resume.article-resume {
|
||||
|
@ -799,6 +810,11 @@ a:hover .fab, a:hover .fas {
|
|||
margin:0 -2rem;
|
||||
}
|
||||
}
|
||||
@include media($bp-medium) {
|
||||
.cartouche {
|
||||
margin-top: 2rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
.derniere_emission.emission_heroine {
|
||||
position:relative;
|
||||
|
@ -832,7 +848,7 @@ a:hover .fab, a:hover .fas {
|
|||
.texte_content {
|
||||
flex:1;
|
||||
padding-bottom:1rem;
|
||||
min-height: 200px;
|
||||
min-height: 240px;
|
||||
h1 {
|
||||
font-size:1.6rem;
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue