Created the Navigation style
This commit is contained in:
parent
2c9b4b7bc2
commit
a2cf16c9d9
44
src/common/components/Navigation/styles.sass
Normal file
44
src/common/components/Navigation/styles.sass
Normal file
@ -0,0 +1,44 @@
|
|||||||
|
@import "@/common/styles/colors"
|
||||||
|
|
||||||
|
.header
|
||||||
|
top: 0
|
||||||
|
display: flex
|
||||||
|
position: sticky
|
||||||
|
height: 90px
|
||||||
|
background-color: $background-transparent
|
||||||
|
justify-content: space-between
|
||||||
|
backdrop-filter: blur(20px)
|
||||||
|
|
||||||
|
.link-area
|
||||||
|
margin-left: 10%
|
||||||
|
display: flex
|
||||||
|
align-items: center
|
||||||
|
|
||||||
|
.logo
|
||||||
|
width: 60px
|
||||||
|
height: 60px
|
||||||
|
|
||||||
|
.links
|
||||||
|
display: flex
|
||||||
|
|
||||||
|
.dashboard-area
|
||||||
|
display: flex
|
||||||
|
align-items: center
|
||||||
|
margin-right: 10%
|
||||||
|
|
||||||
|
.links li
|
||||||
|
list-style-type: none
|
||||||
|
padding-left: 10px
|
||||||
|
padding-right: 10px
|
||||||
|
color: $gray
|
||||||
|
font-weight: 700
|
||||||
|
font-size: 23pt
|
||||||
|
|
||||||
|
.links a
|
||||||
|
text-decoration: none
|
||||||
|
|
||||||
|
.links .active
|
||||||
|
color: $primary
|
||||||
|
|
||||||
|
.links .inactive
|
||||||
|
color: $gray
|
Loading…
x
Reference in New Issue
Block a user