Skip to content

GitLab

Verified Commit fbd01b6c authored by Davide Depau's avatar Davide Depau
Browse files
Options

Rotate Leaflet/OSM contributors line

parent 415151df
Pipeline #77 passed with stage
    in 1 minute and 20 seconds
    Hide whitespace changes
    Inline Side-by-side
    Showing with 11 additions and 2 deletions
    assets/css/style.css
    View file @ fbd01b6c
    ......@@ -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 {
    ......
    assets/scss/_config.scss
    View file @ fbd01b6c
    ......@@ -68,3 +68,5 @@ $serif: 'IBM Plex Serif', 'Georgia', Times, serif;
    $font-weight-bold: 700;
    $font-size-small: 1em;
    $rotation: -3deg;
    assets/scss/breakpoints/_800up.scss
    View file @ fbd01b6c
    ......@@ -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