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;
		margin-bottom: 0.2em;
		& 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;

	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;

	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;
	margin-top: 0;

}

.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;
	margin-bottom: 10px;
}

.chapter-title p {
	margin-bottom: 0px;
}

.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;
	text-align: left;
}

.section-title.canbreak.still{
	margin-bottom: 25px!important;
}

.pagedjs_right_page .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;
	hyphens: auto;
	//text-justify: inter-character;
	// text-align-last: left !important;
	hyphens: auto;
	hanging-punctuation: first;
}
.justify[data-split-to] p:last-of-type{
	text-align-last: justify;
}

.section-content p {
	text-align: left;
  & strong {
		letter-spacing: 0px;
	}
}


.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{
	position: absolute;
	bottom: 0;
	font-size: 9.5pt;
	font-family: "Texta";
	line-height: 9pt;
}

blockquote{

//	align-items: center;
	position: absolute;
	background-image: url("/motifs/croix.png");
	background-size: 0.4cm;
	width: calc(100% + (#{$marge} + #{$fond-perdu})*2);
  height: calc(100% + (#{$marge} + #{$fond-perdu})*2);
  margin-left: calc(-#{$marge} - #{$fond-perdu} );
  margin-top: calc(-#{$marge} - #{$fond-perdu}) !important;
  left:0;
  top:0;
	padding: 2cm;
	break-before: always;
	break-after: always;
	// display: flex;
	& p{

		position: relative;
		display: inline;
		font-size: 28pt;
    padding: 0cm 0.1cm;
		background-color: white;
	  box-shadow: 0.1cm 0px 0px white, 0.1cm 0px 0px white;
	  box-decoration-break: clone;
		line-height: calc(100% + 0.2cm);
		// align-self: center;
		top: 10%;
		// transform: translateY(-50%);
	}

}
//blockquote p {
//	display: flex;
	//flex: auto;
//}

.lsp-1 {
	letter-spacing: -0.01em;
}
.lsp-2 {
	letter-spacing: -0.024em;
}
.lsp-3 {
	letter-spacing: -0.03em;
}

.lsp1 {
	letter-spacing: 0.01em;
}
.lsp2 {
	letter-spacing: 0.02em;
}
.lsp3 {
	letter-spacing: 0.03em;
}