111 lines
1.7 KiB
Plaintext
Raw Normal View History

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