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 {
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;
}
src/css/layout.scss
+6 -12
View File
@@ -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;
}
src/css/styles_de_paragraphes.scss
+7 -5
View File
@@ -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;