1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556 |
- // Coloriser
- .green {
- background-blend-mode: screen;
- background-color: rgb(0,161,154);
- }
- .fill-green {
- position: absolute;
- 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 {
- position: absolute;
- 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;
- }
- .fill-motif-cross-left {
- @extend .fill-motif;
- background-image: url("/motifs/croix.png");
- background-position: right;
- clip-path: polygon(100% 7%, 83% 12%, 92% 15%, 88% 21%, 86% 38%, 80% 37%, 75% 30%, 77% 27%, 75% 21%, 61% 21%, 69% 18%, 66% 10%, 58% 9%, 55% 3%, 42% 3%, 24% 6%, 22% 11%, 25% 15%, 17% 18%, 15% 23%, 24% 26%, 27% 32%, 22% 40%, 25% 48%, 37% 53%, 49% 49%, 55% 42%, 57% 46%, 56% 55%, 61% 67%, 58% 70%, 41% 65%, 34% 72%, 47% 76%, 51% 81%, 62% 76%, 67% 83%, 67% 89%, 71% 89%, 78% 96%, 97% 94%, 100% 88%, 96% 83%, 100% 82%);
- }
- .fill-motif-cross-right {
- @extend .fill-motif;
- background-image: url("/motifs/croix.png");
- background-position: left;
- clip-path: polygon(0 7%, 15% 10%, 30% 15%, 37% 26%, 53% 32%, 48% 47%, 65% 57%, 64% 62%, 61% 67%, 40% 64%, 40% 71%, 24% 71%, 20% 79%, 0 82%,);
- }
- .layer-1 {
- z-index: 1;
- }
- .layer-2 {
- z-index: 2;
- }
- // .highlight-white {
- // background: white;
- // padding: 0.1rem 0rem;
- // }
|