2016-11-28 16:06:00 +00:00
|
|
|
#navigation
|
2016-11-29 03:37:36 +00:00
|
|
|
horizontal
|
2016-11-28 16:06:00 +00:00
|
|
|
padding 0 content-padding
|
|
|
|
overflow hidden
|
2016-12-01 15:27:53 +00:00
|
|
|
background-color nav-color
|
2016-12-02 06:24:45 +00:00
|
|
|
justify-content center
|
2016-12-01 15:27:53 +00:00
|
|
|
// border-bottom ui-border
|
2016-11-28 16:06:00 +00:00
|
|
|
|
|
|
|
.navigation-link
|
|
|
|
color nav-link-color
|
|
|
|
|
2016-12-01 15:27:53 +00:00
|
|
|
:after
|
|
|
|
content ""
|
|
|
|
display block
|
|
|
|
height 3px
|
|
|
|
background-color main-color
|
|
|
|
transform scaleX(0)
|
|
|
|
opacity 0
|
|
|
|
default-transition
|
|
|
|
|
2016-11-28 16:06:00 +00:00
|
|
|
:hover,
|
|
|
|
&.active
|
|
|
|
color nav-link-hover-color
|
|
|
|
cursor pointer
|
2016-12-01 15:27:53 +00:00
|
|
|
:after
|
|
|
|
transform scaleX(1.0)
|
|
|
|
opacity 1
|
2016-11-28 16:06:00 +00:00
|
|
|
|
|
|
|
&.active
|
2016-12-01 15:27:53 +00:00
|
|
|
// text-shadow 1px 1px 3px rgba(4, 4, 4, 0.5)
|
|
|
|
text-shadow 1px 1px 3px rgba(4, 4, 4, 0.1)
|
2016-11-28 16:06:00 +00:00
|
|
|
|
|
|
|
.navigation-button
|
2017-06-16 16:12:18 +00:00
|
|
|
horizontal
|
2017-06-07 23:14:45 +00:00
|
|
|
font-size 1em
|
2016-11-28 16:06:00 +00:00
|
|
|
line-height 1em
|
2016-12-02 06:24:45 +00:00
|
|
|
padding 0.75em 1em
|
|
|
|
|
2017-06-16 16:12:18 +00:00
|
|
|
.icon
|
|
|
|
margin-right 0
|
|
|
|
|
2016-12-02 06:24:45 +00:00
|
|
|
.navigation-text
|
|
|
|
display none
|
|
|
|
|
2017-06-07 23:14:45 +00:00
|
|
|
> 330px
|
|
|
|
.navigation-button
|
|
|
|
font-size 1.3em
|
|
|
|
|
2016-12-02 06:24:45 +00:00
|
|
|
> 930px
|
2016-12-06 11:06:13 +00:00
|
|
|
.navigation-button
|
|
|
|
font-size 1.1em
|
2017-06-16 16:12:18 +00:00
|
|
|
|
|
|
|
.icon
|
|
|
|
margin-right 0.5em
|
2016-12-06 11:06:13 +00:00
|
|
|
|
2016-12-02 06:24:45 +00:00
|
|
|
#navigation
|
|
|
|
justify-content flex-start
|
|
|
|
|
|
|
|
.navigation-text
|
2017-06-07 23:14:45 +00:00
|
|
|
display inline-block
|
|
|
|
|
|
|
|
< 400px height
|
|
|
|
#navigation
|
|
|
|
vertical
|
|
|
|
height 100%
|
|
|
|
padding content-padding 0
|
|
|
|
|
|
|
|
#container
|
|
|
|
horizontal
|