From 60ac0bd6cd52dc70dbf0ed4b9f73ef542d7a1960 Mon Sep 17 00:00:00 2001
From: chankalan <chankalan@choc0.net>
Date: Tue, 12 Oct 2021 09:31:46 +0200
Subject: [PATCH] =?UTF-8?q?d=C3=A9tails=20version=20petit=20=C3=A9cran?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 squelettes/scss/base/_typo.scss    |  6 ++++++
 squelettes/scss/styles/_perso.scss | 30 +++++++++++++++++++++++-------
 2 files changed, 29 insertions(+), 7 deletions(-)

diff --git a/squelettes/scss/base/_typo.scss b/squelettes/scss/base/_typo.scss
index 13cbe0a..c36f657 100644
--- a/squelettes/scss/base/_typo.scss
+++ b/squelettes/scss/base/_typo.scss
@@ -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 {
diff --git a/squelettes/scss/styles/_perso.scss b/squelettes/scss/styles/_perso.scss
index 215e821..90d7d83 100644
--- a/squelettes/scss/styles/_perso.scss
+++ b/squelettes/scss/styles/_perso.scss
@@ -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;
 	}