popsu_rouen_strapi/src/css/styles_de_paragraphes.scss

// .pre-title {
// 	font-family: "Duke POPSU";
// 	font-weight: inherit;
// 	font-size: 45pt;
// 	line-height: 33pt;
// }
//
// .pre-sub-title {
// 	font-family: "Texa";
// 	font-weight: 800;
// 	font-size: 10pt;
// 	line-height: 13pt;
// }

.intro {
	font-family: "SGI-TextAlt";
	font-size: 9.5pt;
	line-height: 20pt;
	margin: 0;
}

.main-title,.main-pre-title{
	display: inline;
	padding: 0.2cm 0.2cm;
	background-color: white;
	box-shadow: 0.2cm 0px 0px white, 0.2cm 0px 0px white;
	box-decoration-break: clone;
}
.main-title {
	font-family: "Duke POPSU";
	font-weight: inherit;
	font-size: 60pt;
	line-height: 52pt;
	margin: 0;
	padding: 0;
}

.main-sub-title {
	font-family: "Texa";
	font-weight: 800;
	font-size: 12pt;
	line-height: 15pt;
}

.main-pre-title {
	font-family: "Texta";
	font-weight: 800;
	font-size: 12pt;
	text-transform: uppercase;
	line-height: 15pt;
	margin-top: 0;
	padding-top: 0;
	width: 250px;
}

.table-of-content {
	font-family: "Cormorant";
	font-weight: 200;
	font-size: 25pt;
	line-height: 25pt;
	margin: 0;


	a {
		display: block;
		text-decoration: none;
		color: inherit;
		& p{
			margin: 0;
		}
	}

	a::after {
		font-size: 9pt;
		margin-left: 10pt;
		content: target-counter(attr(href), page);
		font-family: "SGI-TextAlt";
	}
}

.credits {
	font-size: 9pt;
	margin-bottom: 6pt;

	h4 {
		font-family: "TextaAlt";
		text-transform: uppercase;
		margin: 8pt 0 0;
	}

	p {
		font-family: "SGI-TextAlt";
		line-height: 13pt;
		margin: 0;
	}
}

.chapter-title {
	font-family: "Cormorant";
	font-weight: 200;
	font-size: 34pt;
	line-height: 34pt;
	text-align: right;
	margin-bottom: 20mm;
}

.chapter-title:after {
	content: "++++";
	display: block;
	font-family: inherit;
	font-weight: 200;
	font-size: 10pt;
	letter-spacing: 4pt;
}

.chapter-title::before {
	content: attr(data-rubrique);
	display: block;
	@extend .section-title;
}

.chapter-content {
	hyphens: auto;
	font-family: "Cormorant";
	font-weight: 200;
	font-size: 10.5pt;
	line-height: 18pt;
	// hanging-punctuation: first last;
}

.section-title {
	font-family: "TextaAlt";
	font-weight: 800;
	font-size: 12pt;
	text-transform: uppercase;
}
.layout:nth-child(odd) .section-title:not(.still){
	text-align: right;
}

.section-content {
	hyphens: auto;
	font-family: "SGI-TextAlt";
	font-size: 9.5pt;
	font-weight: 200;
	line-height: 18pt;
  // text-align: left;
}
// texte justifié par defaut


.justify p {
	text-align: justify;
	text-align-last: left !important;
	hyphens: auto;
	hanging-punctuation: first;
}

.section-content p {
	text-align: left;
}

.chapter-content h3 {
	hyphens: none;
	font-size: 19pt;
	font-weight: 200;
	line-height: 23pt;
	margin-left: 10mm;
}

h4 {
	margin: 0;
}

// phrase amorce du chapitre 1
strong {
	font-family: "Cormorant";
	font-weight: 200;
	font-size: 14pt;
	line-height: 18pt;
	letter-spacing: -1px;

}

// .column .image-cover .image-bleed {
// 	margin:0;
//
// }

p img{
	max-width: 100%;
}

.legend{
	font-size: 9.5pt;
	font-family: "Texta";
	line-height: 9pt;
}

blockquote{
	background-image: url("/motifs/croix.png");
	background-size: 0.4cm;
	width: calc(#{$largeur} + #{$fond-perdu} * 2);
	height: calc(#{$hauteur} + #{$fond-perdu} * 2);
	position: absolute;
	margin-left: calc(-2cm - #{$fond-perdu});
	margin-top: calc(-2cm - #{$fond-perdu});
	padding: 2cm;
	break-before: always;
	break-after: always;
	& p{
		display: inline;
		font-size: 28pt;
    padding: 0.2cm 0.2cm;

		background-color: white;
	  box-shadow: 0.2cm 0px 0px white, 0.2cm 0px 0px white;
	  box-decoration-break: clone;

		line-height: calc(100% + 0.4cm);

	}

}