bckelley/avogadrio
1
0
Fork 0
mirror of https://github.com/bckelley/avogadrio.git synced 2026-08-24 02:04:11 -05:00
Code Issues Packages Projects Releases Wiki Activity

Add burger wrapper

Browse Source
This commit is contained in:
Saul Johnson
2017-08-05 00:09:31 +01:00
parent 12ddf3aad3
commit 2ee7c05356
2 changed files with 21 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/less/main.less
+14 -4
View File
@@ -283,15 +283,25 @@ html {
/* Hamburger-Cross */
/*-------------------------------*/
.hamburger {
.hamburger-wrapper {
background: rgba(0, 0, 0, 0.2);
border: 1px solid #fff;
border: 1px solid #111;
border-radius: 5px;
display: block;
height: 32px;
margin-left: 15px;
height: 48px;
width: 48px;
position: absolute;
top: 20px;
margin-left: 15px;
}
.hamburger {
background: transparent;
display: block;
height: 32px;
position: absolute;
top: 8px;
left: 8px;
width: 32px;
z-index: 999;
&:hover {
templates/index.html.twig
+7 -5
View File
@@ -136,11 +136,13 @@
</div>#}
</nav>
<div id="page-content-wrapper">
<button type="button" class="hamburger is-closed animated fadeInLeft" data-toggle="offcanvas">
<span class="hamb-top"></span>
<span class="hamb-middle"></span>
<span class="hamb-bottom"></span>
</button>
<div class="burger-wrapper">
<button type="button" class="hamburger is-closed animated fadeInLeft" data-toggle="offcanvas">
<span class="hamb-top"></span>
<span class="hamb-middle"></span>
<span class="hamb-bottom"></span>
</button>
</div>
</div>
</div>
</body>