Browse Source

Ajout des citations

Tibo 4 years ago
parent
commit
48e4474737
2 changed files with 31 additions and 4 deletions
  1. 4 4
      src/css/effets.scss
  2. 27 0
      src/css/styles_de_paragraphes.scss

+ 4 - 4
src/css/effets.scss

@@ -7,8 +7,8 @@
 
 .fill-green {
 	background-color: rgb(0,161,154);
-	width: calc(148mm + #{$fond-perdu} * 2);
-	height: calc(210mm + #{$fond-perdu} * 2);
+	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});
@@ -16,8 +16,8 @@
 
 .fill-motif {
 	background-size: 0.4cm;
-	width: calc(148mm + #{$fond-perdu} * 2);
-	height: calc(210mm + #{$fond-perdu} * 2);
+	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});

+ 27 - 0
src/css/styles_de_paragraphes.scss

@@ -177,3 +177,30 @@ strong {
 p img{
 	max-width: 100%;
 }
+
+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);
+
+	}
+
+}