Sha256: b2eff56ee6b619b11e92204de77661972413b4ce38041e369fb6ad9a2b028612

Contents?: true

Size: 1.55 KB

Versions: 29

Compression:

Stored size: 1.55 KB

Contents

<svg
   viewBox="0 0 64.0 64.0"
   version="1.1"
   id="hamburger_menu_root"
   xmlns="http://www.w3.org/2000/svg"
   xmlns:svg="http://www.w3.org/2000/svg">
  <style>
#hamburger_menu_root {
    cursor: pointer;
    width: 32px;
    height: 32px;

    transition: transform 0.4s ease;
}

#hamburger_menu_root .rect {
    opacity:1;
    fill: var(--primary-text-color);
    cursor: pointer;

    transform: translate(0, 0);
    transition: transform 0.5s ease;
}

#hamburger_menu_root #top_rect {
    transform-origin: 10px 10px;
    --final-transform: translate(10px, 0px) rotate(45deg) scale(1.2, 0.6);
}

#hamburger_menu_root #mid_rect {
    transform-origin: 5px 32px;
    --final-transform: translate(7px, 24px) rotate(-45deg) scale(1.2, 0.6);
}

#hamburger_menu_root #bot_rect {
    transform-origin: 55px 56px;

    --final-transform: translate(-5px, 0px) rotate(48deg) scale(0, 0);
}

#hamburger_menu_root.close_btn .rect,
        .close_btn > #hamburger_menu_root .rect {
    transform: var(--final-transform);
}

#hamburger_menu_root:hover,
        *:focus-visible > #hamburger_menu_root {
    transform: scale(1.1);
}
  </style>
  <g
     id="layer1">
    <rect
       id="top_rect"
       width="43"
       height="9"
       x="10"
       y="10"
       ry="4.5"
       class="rect" />
    <rect
       id="mid_rect"
       width="43"
       height="9"
       x="10"
       y="26.391266"
       ry="4.5"
       class="rect" />
    <rect
       id="bot_rect"
       width="43"
       height="9"
       x="10"
       y="44"
       ry="4.5"
       class="rect " />
  </g>
</svg>

Version data entries

29 entries across 29 versions & 1 rubygems

Version Path
hematite-0.1.18 _includes/img/hamburger_menu.svg
hematite-0.1.17 _includes/img/hamburger_menu.svg
hematite-0.1.16 _includes/img/hamburger_menu.svg
hematite-0.1.15 _includes/img/hamburger_menu.svg
hematite-0.1.14 _includes/img/hamburger_menu.svg
hematite-0.1.13 _includes/img/hamburger_menu.svg
hematite-0.1.12 _includes/img/hamburger_menu.svg
hematite-0.1.11 _includes/img/hamburger_menu.svg
hematite-0.1.10 _includes/img/hamburger_menu.svg
hematite-0.1.9 _includes/img/hamburger_menu.svg
hematite-0.1.8 _includes/img/hamburger_menu.svg
hematite-0.1.7 _includes/img/hamburger_menu.svg
hematite-0.1.6 _includes/img/hamburger_menu.svg
hematite-0.1.5 _includes/img/hamburger_menu.svg
hematite-0.1.4 _includes/img/hamburger_menu.svg
hematite-0.1.3 _includes/img/hamburger_menu.svg
hematite-0.1.2 _includes/img/hamburger_menu.svg
hematite-0.0.12 _includes/img/hamburger_menu.svg
hematite-0.0.11 _includes/img/hamburger_menu.svg
hematite-0.0.10 _includes/img/hamburger_menu.svg