Adjust navicon button

This commit is contained in:
Michael Rose 2017-03-29 15:06:37 -04:00
parent 79d5dd378c
commit 6184be31e6
4 changed files with 4 additions and 48 deletions

View File

@ -13,7 +13,7 @@
{% include skip-links.html %}
<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>
<div class="navicon"></div>
</button>

View File

@ -11,6 +11,7 @@
border: 0;
outline: none;
background-color: $navicon-nav-bg-close;
line-height: normal;
cursor: pointer;
-moz-user-select: none;
-ms-user-select: none;
@ -121,27 +122,4 @@
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);*/
/* }*/
}

View File

@ -13,7 +13,7 @@
{% include skip-links.html %}
<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>
<div class="navicon"></div>
</button>

View File

@ -11,6 +11,7 @@
border: 0;
outline: none;
background-color: $navicon-nav-bg-close;
line-height: normal;
cursor: pointer;
-moz-user-select: none;
-ms-user-select: none;
@ -121,27 +122,4 @@
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);*/
/* }*/
}