Selaa lähdekoodia

correction marge et position image

Tibo 4 vuotta sitten
vanhempi
commit
ccc8bcd86e
3 muutettua tiedostoa jossa 27 lisäystä ja 27 poistoa
  1. 14 10
      src/css/effets.scss
  2. 6 12
      src/css/layout.scss
  3. 7 5
      src/css/styles_de_paragraphes.scss

+ 14 - 10
src/css/effets.scss

@@ -6,21 +6,25 @@
 }
 
 .fill-green {
-	background-color: rgb(0,161,154);
-	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});
+	background-color: rgb(0,161,154);
+	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;
 }
 
 .fill-motif {
-	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});
+	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;
 }
 

+ 6 - 12
src/css/layout.scss

@@ -24,10 +24,12 @@
 
 .image-bleed {
   position: absolute;
-  width: calc(100% + #{$fond-perdu} * 6);
-  height: calc(100% + #{$fond-perdu} * 6);
-  margin-left: -$fond-perdu - 24;
-  margin-top: -$fond-perdu - 16;
+  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;
 }
 
 .image-cover {
@@ -38,14 +40,6 @@
   background-repeat: no-repeat;
 }
 
-.cover-left {
-  background-position: 0 50%;
-}
-
-.cover-right {
-  background-position: -$largeur 50%;
-}
-
 .grow {
   flex: 1;
 }

+ 7 - 5
src/css/styles_de_paragraphes.scss

@@ -208,13 +208,15 @@ p img{
 }
 
 blockquote{
+	position: absolute;
 	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});
+	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;