Adjust navicon button
This commit is contained in:
parent
79d5dd378c
commit
6184be31e6
|
@ -13,7 +13,7 @@
|
||||||
{% include skip-links.html %}
|
{% include skip-links.html %}
|
||||||
|
|
||||||
<div class="sidebar-toggle-wrapper">
|
<div class="sidebar-toggle-wrapper">
|
||||||
<button class="toggle navicon-button larr">
|
<button class="toggle navicon-button larr" type="button">
|
||||||
<span class="sidebar-toggle-label">{{ site.data.theme.t.menu | default: 'Menu' }}</span>
|
<span class="sidebar-toggle-label">{{ site.data.theme.t.menu | default: 'Menu' }}</span>
|
||||||
<div class="navicon"></div>
|
<div class="navicon"></div>
|
||||||
</button>
|
</button>
|
||||||
|
|
|
@ -11,6 +11,7 @@
|
||||||
border: 0;
|
border: 0;
|
||||||
outline: none;
|
outline: none;
|
||||||
background-color: $navicon-nav-bg-close;
|
background-color: $navicon-nav-bg-close;
|
||||||
|
line-height: normal;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
-ms-user-select: none;
|
-ms-user-select: none;
|
||||||
|
@ -121,27 +122,4 @@
|
||||||
transform-origin: right bottom;
|
transform-origin: right bottom;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* × and + */
|
|
||||||
/* &.plus,*/
|
|
||||||
/* &.x {*/
|
|
||||||
/* .navicon {*/
|
|
||||||
/* background: transparent;*/
|
|
||||||
|
|
||||||
/* &::before {*/
|
|
||||||
/* -ms-transform: rotate(-45deg);*/
|
|
||||||
/* transform: rotate(-45deg);*/
|
|
||||||
/* }*/
|
|
||||||
|
|
||||||
/* &::after {*/
|
|
||||||
/* -ms-transform: rotate(45deg);*/
|
|
||||||
/* transform: rotate(45deg);*/
|
|
||||||
/* }*/
|
|
||||||
/* }*/
|
|
||||||
/* }*/
|
|
||||||
|
|
||||||
/* &.plus {*/
|
|
||||||
/* -ms-transform: scale($navicon-toggled-size) rotate(45deg);*/
|
|
||||||
/* transform: scale($navicon-toggled-size) rotate(45deg);*/
|
|
||||||
/* }*/
|
|
||||||
}
|
}
|
||||||
|
|
|
@ -13,7 +13,7 @@
|
||||||
{% include skip-links.html %}
|
{% include skip-links.html %}
|
||||||
|
|
||||||
<div class="sidebar-toggle-wrapper">
|
<div class="sidebar-toggle-wrapper">
|
||||||
<button class="toggle navicon-button larr">
|
<button class="toggle navicon-button larr" type="button">
|
||||||
<span class="sidebar-toggle-label">{{ site.data.theme.t.menu | default: 'Menu' }}</span>
|
<span class="sidebar-toggle-label">{{ site.data.theme.t.menu | default: 'Menu' }}</span>
|
||||||
<div class="navicon"></div>
|
<div class="navicon"></div>
|
||||||
</button>
|
</button>
|
||||||
|
|
|
@ -11,6 +11,7 @@
|
||||||
border: 0;
|
border: 0;
|
||||||
outline: none;
|
outline: none;
|
||||||
background-color: $navicon-nav-bg-close;
|
background-color: $navicon-nav-bg-close;
|
||||||
|
line-height: normal;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
-ms-user-select: none;
|
-ms-user-select: none;
|
||||||
|
@ -121,27 +122,4 @@
|
||||||
transform-origin: right bottom;
|
transform-origin: right bottom;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* × and + */
|
|
||||||
/* &.plus,*/
|
|
||||||
/* &.x {*/
|
|
||||||
/* .navicon {*/
|
|
||||||
/* background: transparent;*/
|
|
||||||
|
|
||||||
/* &::before {*/
|
|
||||||
/* -ms-transform: rotate(-45deg);*/
|
|
||||||
/* transform: rotate(-45deg);*/
|
|
||||||
/* }*/
|
|
||||||
|
|
||||||
/* &::after {*/
|
|
||||||
/* -ms-transform: rotate(45deg);*/
|
|
||||||
/* transform: rotate(45deg);*/
|
|
||||||
/* }*/
|
|
||||||
/* }*/
|
|
||||||
/* }*/
|
|
||||||
|
|
||||||
/* &.plus {*/
|
|
||||||
/* -ms-transform: scale($navicon-toggled-size) rotate(45deg);*/
|
|
||||||
/* transform: scale($navicon-toggled-size) rotate(45deg);*/
|
|
||||||
/* }*/
|
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue