PATH:
root
/
alutechnikcss
/* FUNCTIONS */ /* MIXINS */ /* DEFINITIONS */ /* 32px */ /*! * Hamburgers * @description Tasty CSS-animated hamburgers * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/hamburgers * @link https://github.com/jonsuh/hamburgers */ /* $hamburger-types: ( 3dx, 3dx-r, 3dy, 3dy-r, 3dxy, 3dxy-r, arrow, arrow-r, arrowalt, arrowalt-r, arrowturn, arrowturn-r, boring, collapse, collapse-r, elastic, elastic-r, emphatic, emphatic-r, minus, slider, slider-r, spin, spin-r, spring, spring-r, stand, stand-r, squeeze, vortex, vortex-r ) !default; */ .hamburger { padding: 0.9375rem 0.9375rem; display: inline-block; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; } .hamburger:hover { opacity: 0.7; } .hamburger.is-active:hover { opacity: 0.7; } .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after { background-color: #000; } .hamburger-box { width: 2.5rem; height: 1.5rem; display: inline-block; position: relative; } .hamburger-inner { display: block; top: 50%; margin-top: -0.125rem; } .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 2.5rem; height: 0.25rem; background-color: #000; border-radius: 0.25rem; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; } .hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; } .hamburger-inner::before { top: -0.625rem; } .hamburger-inner::after { bottom: -0.625rem; } /* * Squeeze */ .hamburger--squeeze .hamburger-inner { transition-duration: 0.075s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--squeeze .hamburger-inner::before { transition: top 0.075s 0.12s ease, opacity 0.075s ease; } .hamburger--squeeze .hamburger-inner::after { transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--squeeze.is-active .hamburger-inner { transform: rotate(45deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--squeeze.is-active .hamburger-inner::before { top: 0; opacity: 0; transition: top 0.075s ease, opacity 0.075s 0.12s ease; } .hamburger--squeeze.is-active .hamburger-inner::after { bottom: 0; transform: rotate(-90deg); transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } /*# sourceMappingURL=hamburgers.css.map */
[-] responsive.css
[edit]
[-] animations.css
[edit]
[-] style-ie9.css
[edit]
[-] style-ie.min.css
[edit]
[-] magnific-popup.css
[edit]
[-] responsive.css.map
[edit]
[-] hamburgers.min.css.map
[edit]
[+]
..
[-] animation.css
[edit]
[-] troniny-ie7-codes.css
[edit]
[-] style-ie9.min.css.map
[edit]
[-] owl.carousel.min.css
[edit]
[-] troniny-ie7.css
[edit]
[-] responsive.min.css
[edit]
[-] style.css.map
[edit]
[-] normalize.min.css
[edit]
[-] lightbox.min.css
[edit]
[-] reset.css
[edit]
[-] animations.min.css.map
[edit]
[-] lightgallery.css
[edit]
[-] animations.min.css
[edit]
[-] lg-transitions.css
[edit]
[-] slicknav.min.css
[edit]
[-] style-ie.min.css.map
[edit]
[-] owl.theme.green.min.css
[edit]
[-] troniny.css
[edit]
[-] lightslider.min.css
[edit]
[-] owl.video.play.png
[edit]
[-] style-ie.css.map
[edit]
[-] normalize.css
[edit]
[-] lightgallery.min.css
[edit]
[-] style-ie9.css.map
[edit]
[-] style-ie.css
[edit]
[-] style.min.css
[edit]
[-] hamburgers.css
[edit]
[-] style.css
[edit]
[-] lg-fb-comment-box.css
[edit]
[-] lg-transitions.min.css
[edit]
[-] troniny-codes.css
[edit]
[-] lg-fb-comment-box.min.css
[edit]
[-] troniny-embedded.css
[edit]
[-] ajax-loader.gif
[edit]
[-] basic.css
[edit]
[-] style-ie9.min.css
[edit]
[-] hamburgers.css.map
[edit]
[-] responsive.min.css.map
[edit]
[-] hamburgers.min.css
[edit]
[-] animate.css
[edit]
[-] owl.theme.default.min.css
[edit]
[-] style.min.css.map
[edit]
[-] animations.css.map
[edit]