thibaud_goiffon/popsu_rouen_strapi
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

correction marge et position image

Browse Source
This commit is contained in:
Tibo
2020-01-12 19:25:00 +01:00
parent 75017677d3
commit ccc8bcd86e
3 changed files with 27 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/css/effets.scss
+14 -10
View File
@@ -6,21 +6,25 @@
} }
.fill-green { .fill-green {
background-color: rgb(0,161,154);
width: calc(#{$largeur} + #{$fond-perdu} * 2);
height: calc(#{$hauteur} + #{$fond-perdu} * 2);
position: absolute; position: absolute;
margin-left: calc(-2cm - #{$fond-perdu}); background-color: rgb(0,161,154);
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;
} }
.fill-motif { .fill-motif {
background-size: 0.4cm;
width: calc(#{$largeur} + #{$fond-perdu} * 2);
height: calc(#{$hauteur} + #{$fond-perdu} * 2);
position: absolute; position: absolute;
margin-left: calc(-2cm - #{$fond-perdu}); background-size: 0.4cm;
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; padding: 2cm;
} }
src/css/layout.scss
+6 -12
View File
@@ -24,10 +24,12 @@
.image-bleed { .image-bleed {
position: absolute; position: absolute;
width: calc(100% + #{$fond-perdu} * 6); width: calc(100% + (#{$marge} + #{$fond-perdu})*2);
height: calc(100% + #{$fond-perdu} * 6); height: calc(100% + (#{$marge} + #{$fond-perdu})*2);
margin-left: -$fond-perdu - 24; margin-left: calc(-#{$marge} - #{$fond-perdu} );
margin-top: -$fond-perdu - 16; margin-top: calc(-#{$marge} - #{$fond-perdu}) !important;
left:0;
top:0;
} }
.image-cover { .image-cover {
@@ -38,14 +40,6 @@
background-repeat: no-repeat; background-repeat: no-repeat;
} }
.cover-left {
background-position: 0 50%;
}
.cover-right {
background-position: -$largeur 50%;
}
.grow { .grow {
flex: 1; flex: 1;
} }
src/css/styles_de_paragraphes.scss
+7 -5
View File
@@ -208,13 +208,15 @@ p img{
} }
blockquote{ blockquote{
position: absolute;
background-image: url("/motifs/croix.png"); background-image: url("/motifs/croix.png");
background-size: 0.4cm; background-size: 0.4cm;
width: calc(#{$largeur} + #{$fond-perdu} * 2); width: calc(100% + (#{$marge} + #{$fond-perdu})*2);
height: calc(#{$hauteur} + #{$fond-perdu} * 2); height: calc(100% + (#{$marge} + #{$fond-perdu})*2);
position: absolute; margin-left: calc(-#{$marge} - #{$fond-perdu} );
margin-left: calc(-2cm - #{$fond-perdu}); margin-top: calc(-#{$marge} - #{$fond-perdu}) !important;
margin-top: calc(-2cm - #{$fond-perdu}); left:0;
top:0;
padding: 2cm; padding: 2cm;
break-before: always; break-before: always;
break-after: always; break-after: always;