There is no demonstration of this component.

$header-height: 130px !default;
$header-height-mobile: 80px !default;

.a-anchor {

    $self: &;

    position: relative;
    top: $header-height-mobile * -1;

    @media(min-width: breakpoint-min($menu-breakpoint)) {

        top: $header-height * -1;

    }

    @at-root {

        .headroom--top,
        .headroom--unpinned {

            + .main {

                #{$self} {

                    top: 0;

                }

            }

        }

    }

}