<button class="button scroll-top button--icon" type="button" aria-label="Scroll to top">
    <svg class="icon " role="img">
        <title>Arrow up</title>
        <use xlink:href="/images/icons-sprite.svg#arrow-up"></use>
    </svg>
</button>
<button class="button scroll-top button--icon" type="button" aria-label="Scroll to top">
    <svg class="icon " role="img">
        <title>Arrow up</title>
        <use xlink:href="/images/icons-sprite.svg#arrow-up"></use>
    </svg>
</button>
/* No context defined for this component. */
  • Content:
    .scroll-top {
        &--wrapper {
            position: fixed;
            top: 100vh;
            bottom: -$spacer--4;
            pointer-events: none;
            z-index: 9;
    
            @media screen and (max-width: $screen-m) {
                left: 1rem;
            }
    
            @include mq($screen-l) {
                right: 8.25rem;
            }
        }
    
        &__link {
            position: fixed;
            pointer-events: all;
            top: calc(100vh - 5rem);
            z-index: 100;
        }
    }
    
    
  • URL: /components/raw/scroll-top/_scroll-top.scss
  • Filesystem Path: build/components/02-elements/scroll-top/_scroll-top.scss
  • Size: 452 Bytes

There are no notes for this item.