12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758 |
- @charset "UTF-8";
- /*!
- * Hamburgers
- * @description Tasty CSS-animated hamburgers
- * @author Jonathan Suh @jonsuh
- * @site https://jonsuh.com/hamburgers
- * @link https://github.com/jonsuh/hamburgers
- */
- // Settings
- // ==================================================
- $hamburger-padding-x : 15px !default;
- $hamburger-padding-y : 15px !default;
- $hamburger-layer-width : 40px !default;
- $hamburger-layer-height : 4px !default;
- $hamburger-layer-spacing : 6px !default;
- $hamburger-layer-color : #000 !default;
- $hamburger-layer-border-radius : 4px !default;
- $hamburger-hover-opacity : 0.7 !default;
- $hamburger-hover-transition-duration : 0.15s !default;
- $hamburger-hover-transition-timing-function: linear !default;
- // To use CSS filters as the hover effect instead of opacity,
- // set $hamburger-hover-use-filter as true and
- // change the value of $hamburger-hover-filter accordingly.
- $hamburger-hover-use-filter: false !default;
- $hamburger-hover-filter : opacity(50%) !default;
- // Types (Remove or comment out what you don’t need)
- // ==================================================
- $hamburger-types: (
- slider,
- ) !default;
- // Base Hamburger (We need this)
- // ==================================================
- @import "base";
- // Hamburger types
- // ==================================================
- @import "slider";
- // ==================================================
- // Cooking up additional types:
- //
- // The Sass for each hamburger type should be nested
- // inside an @if directive to check whether or not
- // it exists in $hamburger-types so only the CSS for
- // included types are generated.
- //
- // e.g. hamburgers/types/_new-type.scss
- //
- // @if index($hamburger-types, new-type) {
- // .hamburger--new-type {
- // ...
- // }
- // }
|