add basic header css
This commit is contained in:
parent
59a6a0b55e
commit
f5955cf405
@ -1,7 +1,38 @@
|
|||||||
nav ul
|
header
|
||||||
list-style-type: none
|
width: 100vw
|
||||||
margin: 0
|
min-height: 50px
|
||||||
padding: 0
|
|
||||||
|
|
||||||
li
|
background-color: green
|
||||||
|
color: white
|
||||||
|
font-weight: 600
|
||||||
|
|
||||||
|
a
|
||||||
|
color: white
|
||||||
|
text-decoration: none
|
||||||
|
&:hover
|
||||||
|
color: white
|
||||||
|
text-decoration: none
|
||||||
|
|
||||||
|
// parent menu
|
||||||
|
& > nav ul
|
||||||
display: inline
|
display: inline
|
||||||
|
list-style-type: none
|
||||||
|
margin: 0
|
||||||
|
padding: 0
|
||||||
|
|
||||||
|
// menu items
|
||||||
|
li
|
||||||
|
display: inline
|
||||||
|
margin: 0 10px
|
||||||
|
padding: 2px 10px
|
||||||
|
line-height: 1.5rem
|
||||||
|
|
||||||
|
& > ul
|
||||||
|
display: none
|
||||||
|
position: absolute
|
||||||
|
z-index: 1
|
||||||
|
|
||||||
|
&:hover
|
||||||
|
background-color: red
|
||||||
|
& > ul
|
||||||
|
display: block
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user