SebinNyshkim/viktor-reference
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: add NavToggle component

Browse source
This commit is contained in:
Sebin Nyshkim 2022-09-26 17:25:39 +02:00
parent ae078c81c5
commit b8ed26ddba
1 changed files with 27 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

27
src/components/NavToggle.vue Normal file
View file

@ -0,0 +1,27 @@
<template>
<div class="nav-toggle">
<div class="nav-toggle__line"></div>
<div class="nav-toggle__line"></div>
<div class="nav-toggle__line"></div>
</div>
</template>
<style lang="scss">
.nav-toggle {
display: flex;
flex-flow: column nowrap;
justify-content: space-around;
cursor: pointer;
height: 1.75rem;
margin: var(--container-spacing-top-safe) 1rem 1rem
var(--container-spacing-left-safe);
width: 2rem;
&__line {
flex: 0 0 0.25rem;
background-color: var(--color-navigation-toggle);
border-radius: 2rem;
}
}
</style>