2016-11-29 01:06:00 +09:00
|
|
|
#navigation
|
2016-11-29 12:37:36 +09:00
|
|
|
horizontal
|
2016-11-29 01:06:00 +09:00
|
|
|
overflow hidden
|
2016-12-02 00:27:53 +09:00
|
|
|
background-color nav-color
|
2016-12-02 15:24:45 +09:00
|
|
|
justify-content center
|
2016-12-02 00:27:53 +09:00
|
|
|
// border-bottom ui-border
|
2016-11-29 01:06:00 +09:00
|
|
|
|
|
|
|
|
.navigation-link
|
|
|
|
|
color nav-link-color
|
|
|
|
|
|
2016-12-02 00:27:53 +09:00
|
|
|
:after
|
|
|
|
|
content ""
|
|
|
|
|
display block
|
2017-06-25 23:07:14 +02:00
|
|
|
height hover-line-size
|
|
|
|
|
background-color nav-link-hover-slide-color
|
2016-12-02 00:27:53 +09:00
|
|
|
transform scaleX(0)
|
|
|
|
|
opacity 0
|
|
|
|
|
default-transition
|
|
|
|
|
|
2016-11-29 01:06:00 +09:00
|
|
|
:hover,
|
|
|
|
|
&.active
|
|
|
|
|
color nav-link-hover-color
|
|
|
|
|
cursor pointer
|
2016-12-02 00:27:53 +09:00
|
|
|
:after
|
|
|
|
|
transform scaleX(1.0)
|
|
|
|
|
opacity 1
|
2016-11-29 01:06:00 +09:00
|
|
|
|
|
|
|
|
&.active
|
2016-12-02 00:27:53 +09: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-29 01:06:00 +09:00
|
|
|
|
|
|
|
|
.navigation-button
|
2017-06-16 18:12:18 +02:00
|
|
|
horizontal
|
2017-06-08 01:14:45 +02:00
|
|
|
font-size 1em
|
2016-11-29 01:06:00 +09:00
|
|
|
line-height 1em
|
2016-12-02 15:24:45 +09:00
|
|
|
padding 0.75em 1em
|
|
|
|
|
|
2017-06-16 18:12:18 +02:00
|
|
|
.icon
|
|
|
|
|
margin-right 0
|
|
|
|
|
|
2016-12-02 15:24:45 +09:00
|
|
|
.navigation-text
|
|
|
|
|
display none
|
|
|
|
|
|
2017-06-20 21:37:52 +02:00
|
|
|
#search
|
2017-06-25 23:07:14 +02:00
|
|
|
background transparent
|
2017-11-05 09:32:46 +01:00
|
|
|
border none !important
|
|
|
|
|
box-shadow none !important
|
2017-06-21 02:51:55 +02:00
|
|
|
font-size 1em
|
2017-09-22 23:36:43 +02:00
|
|
|
padding 0
|
|
|
|
|
width 0
|
|
|
|
|
flex-grow 1
|
|
|
|
|
|
|
|
|
|
// #search
|
|
|
|
|
// flex 1
|
|
|
|
|
// border-radius 0
|
|
|
|
|
// background transparent
|
|
|
|
|
// border none
|
|
|
|
|
|
|
|
|
|
// color nav-link-hover-color
|
|
|
|
|
// font-size 1em
|
|
|
|
|
// min-width 0
|
2017-06-20 21:37:52 +02:00
|
|
|
|
2017-09-22 23:36:43 +02:00
|
|
|
// ::placeholder
|
|
|
|
|
// color nav-link-color
|
2017-06-25 23:07:14 +02:00
|
|
|
|
2017-09-22 23:36:43 +02:00
|
|
|
// :focus
|
|
|
|
|
// border none
|
|
|
|
|
// box-shadow none
|
2017-06-20 21:37:52 +02:00
|
|
|
|
2017-09-22 23:36:43 +02:00
|
|
|
// .extra-navigation
|
|
|
|
|
// display none
|
2017-06-18 17:16:40 +02:00
|
|
|
|
2017-09-22 23:36:43 +02:00
|
|
|
// .extension-navigation
|
|
|
|
|
// display none
|
2017-06-25 15:04:35 +02:00
|
|
|
|
2017-09-22 23:36:43 +02:00
|
|
|
// > 330px
|
|
|
|
|
// .navigation-button, #search
|
|
|
|
|
// font-size 1.3em
|
2017-06-08 01:14:45 +02:00
|
|
|
|
2017-07-22 15:04:54 +02:00
|
|
|
// > 550px
|
|
|
|
|
// #navigation
|
|
|
|
|
// padding 0 content-padding
|
2017-07-19 17:02:56 +02:00
|
|
|
|
2017-09-22 23:36:43 +02:00
|
|
|
// > 930px
|
|
|
|
|
// .navigation-button, #search
|
|
|
|
|
// font-size 1.2em
|
2016-12-06 20:06:13 +09:00
|
|
|
|
2017-09-22 23:36:43 +02:00
|
|
|
// #navigation
|
|
|
|
|
// justify-content flex-start
|
2017-06-18 17:16:40 +02:00
|
|
|
|
2017-09-22 23:36:43 +02:00
|
|
|
// .extra-navigation
|
|
|
|
|
// display block
|
2017-06-08 01:14:45 +02:00
|
|
|
|
2017-09-22 17:23:22 +02:00
|
|
|
// @media screen and (max-device-height: 500px)
|
|
|
|
|
// #navigation
|
|
|
|
|
// vertical
|
|
|
|
|
// height 100%
|
|
|
|
|
// padding content-padding 0
|
2017-06-08 01:14:45 +02:00
|
|
|
|
2017-09-22 17:23:22 +02:00
|
|
|
// #container
|
|
|
|
|
// horizontal
|
2017-06-18 17:16:40 +02:00
|
|
|
|
2017-09-22 17:23:22 +02:00
|
|
|
// .extra-navigation
|
|
|
|
|
// display block
|
2017-07-19 17:12:06 +02:00
|
|
|
|
2017-09-22 17:23:22 +02:00
|
|
|
// #sidebar-toggle,
|
|
|
|
|
// .hide-landscape
|
|
|
|
|
// display none !important
|
2017-06-20 21:37:52 +02:00
|
|
|
|
2017-09-22 17:23:22 +02:00
|
|
|
// #search
|
|
|
|
|
// display none
|
