skiplinks.scss

/* skiplink-area highlighting -------------------------------------------- */
#skip_link_navigation {
    background-color: $white;
    border: 2px solid $orange;
    left: -600px;
    margin: 0;
    padding: 10px;
    position: fixed;
    top: 20px;
    z-index: 3000;

    ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }
}

.skip_target {
    position: absolute;
    @include hide-text();
}

#skiplink_list {
    display: none;
}

button.skiplink {
    border: 0;
    background-color: $white;
    color: $base-color;
    line-height: 1em;
    margin-bottom: 0.1em;
}

body.enable-skiplinks {
    *:not(:empty):focus {
        outline: 2px dashed $orange;
    }

    #tabs {
        a:focus {
            position: relative;
            z-index: 100;
        }
    }
}