X-Git-Url: http://source.bookstackapp.com/bookstack/blobdiff_plain/d62cdd58d3a6b40ac181a68ebb2af6cf7c74dca5..refs/pull/3555/head:/resources/sass/styles.scss diff --git a/resources/sass/styles.scss b/resources/sass/styles.scss index 37f39a4f7..ee99d7668 100644 --- a/resources/sass/styles.scss +++ b/resources/sass/styles.scss @@ -79,17 +79,17 @@ $loadingSize: 10px; animation-timing-function: cubic-bezier(.62, .28, .23, .99); margin-inline-end: 4px; background-color: var(--color-page); - animation-delay: 0.3s; + animation-delay: -300ms; } > div:first-child { left: -($loadingSize+$-xs); background-color: var(--color-book); - animation-delay: 0s; + animation-delay: -600ms; } > div:last-of-type { left: $loadingSize+$-xs; background-color: var(--color-chapter); - animation-delay: 0.6s; + animation-delay: 0ms; } > span { margin-inline-start: $-s; @@ -136,6 +136,23 @@ $btt-size: 40px; } } +.skip-to-content-link { + position: fixed; + top: -52px; + left: 0; + background-color: #FFF; + z-index: 15; + border-radius: 0 4px 4px 0; + display: block; + box-shadow: $bs-dark; + font-weight: bold; + &:focus { + top: $-xl; + outline-offset: -10px; + outline: 2px dotted var(--color-primary); + } +} + .contained-search-box { display: flex; height: 38px;