Add sticky navigation
This commit is contained in:
parent
47cb55930d
commit
2972e455f3
File diff suppressed because one or more lines are too long
|
|
@ -1,4 +1,5 @@
|
|||
<template>
|
||||
<div>
|
||||
<nav class="module-navigation">
|
||||
<h3 class="module-navigation__heading">Inhalte: Modul 1</h3>
|
||||
<div class="module-navigation__anchors">
|
||||
|
|
@ -10,6 +11,8 @@
|
|||
</div>
|
||||
<h3 class="module-navigation__heading">Ergebnisse: Modul 1</h3>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
</template>
|
||||
|
||||
<style scoped lang="scss">
|
||||
|
|
@ -22,6 +25,10 @@
|
|||
}
|
||||
|
||||
.module-navigation {
|
||||
position: -webkit-sticky;
|
||||
position: sticky;
|
||||
top: 32px;
|
||||
|
||||
&__heading {
|
||||
@include module-navigation-typography;
|
||||
margin: 0;
|
||||
|
|
|
|||
Loading…
Reference in New Issue