|
|
@ -189,11 +189,12 @@ |
|
|
|
width: $iconW |
|
|
|
width: $iconW |
|
|
|
left: $iconMargin + 1px |
|
|
|
left: $iconMargin + 1px |
|
|
|
color: alpha($color-text, 70%) |
|
|
|
color: alpha($color-text, 70%) |
|
|
|
|
|
|
|
@media screen and (max-width: $device-mobile) |
|
|
|
|
|
|
|
display: none |
|
|
|
.input |
|
|
|
.input |
|
|
|
display: block |
|
|
|
display: block |
|
|
|
padding-top: 8px |
|
|
|
padding-top: $gap * 0.5 |
|
|
|
padding-bottom: 8px |
|
|
|
padding-bottom: $gap * 0.5 |
|
|
|
width: 100% |
|
|
|
width: 100% |
|
|
|
color: $color-text |
|
|
|
color: $color-text |
|
|
|
background: alpha(darken($color-card, 5), .75) |
|
|
|
background: alpha(darken($color-card, 5), .75) |
|
|
@ -201,28 +202,21 @@ |
|
|
|
box-sizing: border-box |
|
|
|
box-sizing: border-box |
|
|
|
padding-left: $iconW + $iconMargin |
|
|
|
padding-left: $iconW + $iconMargin |
|
|
|
font-size: $font-size-meta |
|
|
|
font-size: $font-size-meta |
|
|
|
@media screen and (max-width: $device-mobile) |
|
|
|
|
|
|
|
padding-left: $iconW + $iconMargin |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
border-radius: $border-radius-searchbar |
|
|
|
border-radius: $border-radius-searchbar |
|
|
|
border: 1px dashed transparent |
|
|
|
border: 1px dashed transparent |
|
|
|
// .set-placeholder( |
|
|
|
@media screen and (max-width: $device-mobile) |
|
|
|
// color: alpha($color-text, 50%) |
|
|
|
padding-left: $gap |
|
|
|
// ) |
|
|
|
line-height: "calc(%s - 32px)" % $navbar-height |
|
|
|
|
|
|
|
border: none |
|
|
|
|
|
|
|
&:hover,&:focus |
|
|
|
|
|
|
|
border: none |
|
|
|
&:hover |
|
|
|
&:hover |
|
|
|
color: $color-inner |
|
|
|
|
|
|
|
~.icon |
|
|
|
~.icon |
|
|
|
color: alpha($color-theme, 80%) |
|
|
|
color: alpha($color-theme, 80%) |
|
|
|
border: 1px solid alpha($color-theme, 60%) |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
&:focus |
|
|
|
&:focus |
|
|
|
~.icon |
|
|
|
~.icon |
|
|
|
color: $color-theme |
|
|
|
color: $color-theme |
|
|
|
|
|
|
|
|
|
|
|
color: $color-text |
|
|
|
|
|
|
|
background: bgcolor($color-theme) |
|
|
|
|
|
|
|
border: 1px solid $color-theme |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@media (max-width: $device-mobile) |
|
|
|
@media (max-width: $device-mobile) |
|
|
@ -232,13 +226,14 @@ |
|
|
|
overflow: hidden |
|
|
|
overflow: hidden |
|
|
|
position: absolute |
|
|
|
position: absolute |
|
|
|
trans() |
|
|
|
trans() |
|
|
|
margin: 0 $gap * 0.5 |
|
|
|
margin-left: $gap * 0.5 |
|
|
|
|
|
|
|
|
|
|
|
&.z_search-open |
|
|
|
&.z_search-open |
|
|
|
.logo |
|
|
|
.logo |
|
|
|
opacity:0 |
|
|
|
opacity:0 |
|
|
|
.m_search |
|
|
|
.m_search |
|
|
|
width: "calc(100vw - %s)" % (2 * $gap + 2 * $iconW) |
|
|
|
$offset = 2 * ($gap + $iconW) |
|
|
|
|
|
|
|
width: "calc(100vw - %s)" % $offset |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.menu-phone |
|
|
|
.menu-phone |
|
|
|