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