104 lines
6.4 KiB
SCSS
104 lines
6.4 KiB
SCSS
// * Bg commitments page
|
|
.commitments {
|
|
.seagull-column {
|
|
position: absolute;
|
|
top: 50%;
|
|
left:0;
|
|
height: 100%;
|
|
transform: translateY(-50%);
|
|
}
|
|
|
|
.bg-quality {
|
|
background-image: url('@/images/commitments/bg-qualite.jpg');
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
|
|
.div-bulle {
|
|
padding: 5rem;
|
|
border-radius: 0.5rem;
|
|
margin-top: 8rem;
|
|
margin-bottom: 6rem;
|
|
background-image: url('@/images/global/bg-white-bubble.svg');
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
background-size: 150% 100%;
|
|
|
|
@include media-breakpoint-up(md) {
|
|
padding: 5rem;
|
|
border-radius: inherit;
|
|
background-size: 100% 100%;
|
|
}
|
|
|
|
> div {
|
|
position: relative;
|
|
}
|
|
}
|
|
}
|
|
|
|
.bg-environment {
|
|
background-image: url('@/images/commitments/bg-environnement.jpg');
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
|
|
.div-bulle {
|
|
padding: 5rem;
|
|
border-radius: 0.5rem;
|
|
margin-top: 8rem;
|
|
margin-bottom: 6rem;
|
|
background-image: url('@/images/global/bg-white-bubble.svg');
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
background-size: 150% 100%;
|
|
|
|
@include media-breakpoint-up(md) {
|
|
padding: 5rem;
|
|
border-radius: inherit;
|
|
background-size: 100% 100%;
|
|
}
|
|
|
|
> div {
|
|
position: relative;
|
|
}
|
|
}
|
|
}
|
|
|
|
.rounded-handmade {
|
|
width: 98vw;
|
|
max-width: 26rem;
|
|
height: 98vw;
|
|
max-height: 26rem;
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='333' height='335' viewBox='0 0 333 335' fill='none'%0ApreserveAspectRatio='none' version='1.1'%3E%3Cpath d='m 327.31586,155.87697 c 1.27155,17.44019 1.40652,34.18112 -2.55965,50.29313 -4.13536,16.69496 -7.69557,34.19583 -16.5775,48.50416 -8.88109,14.30835 -23.93864,24.42569 -36.91583,35.45163 -12.97719,11.02697 -27.21821,18.89558 -43.1228,25.38817 -15.35309,6.25189 -30.96626,13.47895 -48.39171,14.74952 -17.42561,1.27149 -34.02271,-3.18075 -50.12188,-7.15271 C 113.26599,319.2308 97.62887,312.75982 83.306486,303.94329 68.883649,294.96939 55.335703,284.90981 44.370789,271.92971 33.405887,258.94944 22.172884,245.56442 15.683585,229.6323 9.434322,214.26562 8.72305,196.70513 7.450768,179.26395 6.178484,161.82367 3.817345,144.17124 7.770337,128.06022 11.884484,111.43373 19.481294,95.136552 28.363657,80.84126 37.633159,66.35446 49.081836,53.386924 62.305151,42.396773 75.160998,31.525165 91.92262,26.602182 107.82887,20.123447 123.20818,13.86889 138.62578,6.6963269 156.05127,5.4251295 c 17.00694,-1.2524115 34.10588,0.1857382 50.66574,4.2615243 16.67739,4.0885032 33.38498,9.5010582 47.71894,18.3493972 14.33379,8.848241 24.06369,23.788478 35.04176,36.767564 10.97797,12.979088 21.42781,25.797853 27.90372,41.730915 6.14726,15.41474 8.66196,31.90216 9.93443,49.34244 z' stroke='%23ffffff' stroke-width='0.97803' stroke-miterlimit='10' id='path2' /%3E%3Cpath d='m 263.22805,296.42124 c -14.17243,10.73886 -28.38261,20.12371 -44.34162,25.67792 -16.55061,5.73254 -33.46919,12.4009 -50.62975,12.78222 -17.15972,0.3813 -34.18685,-6.80318 -50.82948,-11.71714 C 100.78457,318.25031 86.13122,310.51397 71.725545,300.60246 57.831909,291.02699 42.962197,281.77007 32.163827,267.67638 21.365343,253.58267 15.912511,237.02199 10.327399,221.15163 4.5182993,205.10903 1.3229884,188.24683 0.86215283,171.20176 0.48016888,153.98428 1.5117929,136.90833 6.4753722,120.40829 11.438951,103.90912 16.598564,86.957945 26.576388,72.624207 36.205029,58.807753 50.793341,48.479005 64.966044,37.740518 79.138846,27.002131 92.88578,15.221454 108.83624,9.6566866 c 16.48089,-5.7134877 34.62247,-8.2870097 51.77155,-8.6602669 17.52861,-0.15061604 34.97587,2.3906587 51.72502,7.5340526 16.44313,4.8969187 29.98809,16.4047997 44.38322,26.3246757 13.90895,9.596436 28.62465,18.717745 39.42244,32.811714 10.54995,13.749136 18.85423,29.065484 24.60712,45.386448 5.808,16.42586 10.50248,33.61064 10.94305,50.68367 0.44056,17.07302 -6.88479,33.60874 -11.83967,50.1185 -4.956,16.51073 -10.06872,32.48306 -20.05506,46.80591 -9.72591,13.75565 -22.39343,25.02116 -36.56586,35.75985 z' stroke='%23ffffff' stroke-miterlimit='10' id='path4' style='stroke-width:0.9656' /%3E%3C/svg%3E%0A");
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
transform: rotateZ(-2.18deg);
|
|
|
|
@include media-breakpoint-up(sm) {
|
|
width: 75vw;
|
|
height: 75vw;
|
|
}
|
|
|
|
li {
|
|
position: relative;
|
|
width: 100%;
|
|
padding-left: 1.9rem;
|
|
|
|
&::after {
|
|
position: absolute;
|
|
top:50%;
|
|
left: 0;
|
|
display: inline-block;
|
|
width: 1.2rem;
|
|
height: 1rem;
|
|
background-image: url("data:image/svg+xml,%3Csvg width='26' height='21' viewBox='0 0 26 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.2898 3.55685C25.195 3.99849 25.1083 4.44746 24.8297 4.82071C24.4896 5.27551 24.1228 5.7108 23.7732 6.15881C20.2296 10.6989 16.6678 15.2253 13.1579 19.7898C12.2626 20.9533 10.2532 21.4116 8.86528 20.2052C6.71484 18.3323 4.56156 16.4619 2.40545 14.594C2.10773 14.3357 1.80533 14.0829 1.51466 13.8167C1.09105 13.4303 0.794978 12.9297 0.663999 12.3785C0.53302 11.8272 0.573037 11.2502 0.778972 10.7205C0.984908 10.1908 1.34748 9.73236 1.82071 9.4033C2.29394 9.07424 2.85651 8.8894 3.43705 8.8722C4.23634 8.8537 4.93042 9.11978 5.52746 9.64006C7.17477 11.0761 8.83009 12.5037 10.4732 13.9447C10.655 14.1038 10.7235 14.0893 10.8632 13.9022C13.9234 9.79376 16.9873 5.68773 20.0549 1.58412C20.6404 0.798368 21.4428 0.449555 22.4089 0.466216C23.8056 0.489388 24.906 1.39752 25.216 2.73704C25.2279 2.77397 25.2435 2.80965 25.2626 2.84358L25.2898 3.55685Z' fill='%23FCBF11'/%3E%3C/svg%3E");
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
content: "";
|
|
transform: translateY(-50%);
|
|
}
|
|
}
|
|
}
|
|
}
|