Using stylus now
This commit is contained in:
36
styles/navigation.styl
Normal file
36
styles/navigation.styl
Normal file
@ -0,0 +1,36 @@
|
||||
#navigation
|
||||
float left
|
||||
width 100%
|
||||
margin 0 auto
|
||||
width 100%
|
||||
height 100%
|
||||
padding 0 1.5em
|
||||
z-index 0
|
||||
box-sizing border-box
|
||||
|
||||
.navigation-link
|
||||
display inline-block
|
||||
height 100%
|
||||
text-decoration none
|
||||
position relative
|
||||
&:after
|
||||
content ""
|
||||
display block
|
||||
margin auto
|
||||
margin-top 0
|
||||
height 3px
|
||||
width 0px
|
||||
transition all 500ms ease
|
||||
&.active
|
||||
&:hover
|
||||
cursor pointer
|
||||
text-decoration none
|
||||
&:after
|
||||
width 100%
|
||||
background-color rgb(248, 165, 130)
|
||||
|
||||
.navigation-button
|
||||
padding 0.75em 1em
|
||||
font-size 1.1em
|
||||
line-height 1em
|
||||
transition all 290ms ease
|
Reference in New Issue
Block a user