Rotate Leaflet/OSM contributors line

parent 415151df
Pipeline #77 passed with stage
in 1 minute and 20 seconds
......@@ -12776,6 +12776,8 @@ CONTACT PAGE STYLING
#home-hq-map {
-webkit-clip-path: polygon(0% calc(100vw * 0.052), 100% 0%, 100% calc(100% - calc(100vw * 0.052)), 0% 100%);
clip-path: polygon(0% calc(100vw * 0.052), 100% 0%, 100% calc(100% - calc(100vw * 0.052)), 0% 100%); }
#home-hq-map .leaflet-bottom.leaflet-right {
transform: translateY(calc(calc(100vw * -0.052335956242943835) - 38px)) rotate(-3deg); }
.before-map {
padding-bottom: 35px; }
.before-map p:last-of-type {
......
......@@ -68,3 +68,5 @@ $serif: 'IBM Plex Serif', 'Georgia', Times, serif;
$font-weight-bold: 700;
$font-size-small: 1em;
$rotation: -3deg;
......@@ -26,7 +26,7 @@ body.sotto-dritto {
position: absolute;
top: -2em;
left: 0;
transform: skewY(-3deg);
transform: skewY($rotation);
transform-origin: bottom left;
}
}
......@@ -233,7 +233,7 @@ POST STYLING
position: absolute;
top: -2em;
left: 0;
transform: skewY(-3deg);
transform: skewY($rotation);
transform-origin: bottom left;
}
}
......@@ -316,6 +316,11 @@ CONTACT PAGE STYLING
#home-hq-map {
-webkit-clip-path: polygon(0% calc(100vw * 0.052), 100% 0%, 100% calc(100% - calc(100vw * 0.052)), 0% 100%);
clip-path: polygon(0% calc(100vw * 0.052), 100% 0%, 100% calc(100% - calc(100vw * 0.052)), 0% 100%);
.leaflet-bottom.leaflet-right {
// -0.052335956242943835 == sin(-3deg)
transform: translateY(calc(calc(100vw * -0.052335956242943835) - 38px)) rotate($rotation);
}
}
.before-map {
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment