hamburgers.scss 1.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. @charset "UTF-8";
  2. /*!
  3. * Hamburgers
  4. * @description Tasty CSS-animated hamburgers
  5. * @author Jonathan Suh @jonsuh
  6. * @site https://jonsuh.com/hamburgers
  7. * @link https://github.com/jonsuh/hamburgers
  8. */
  9. // Settings
  10. // ==================================================
  11. $hamburger-padding-x : 15px !default;
  12. $hamburger-padding-y : 15px !default;
  13. $hamburger-layer-width : 40px !default;
  14. $hamburger-layer-height : 4px !default;
  15. $hamburger-layer-spacing : 6px !default;
  16. $hamburger-layer-color : #000 !default;
  17. $hamburger-layer-border-radius : 4px !default;
  18. $hamburger-hover-opacity : 0.7 !default;
  19. $hamburger-hover-transition-duration : 0.15s !default;
  20. $hamburger-hover-transition-timing-function: linear !default;
  21. // To use CSS filters as the hover effect instead of opacity,
  22. // set $hamburger-hover-use-filter as true and
  23. // change the value of $hamburger-hover-filter accordingly.
  24. $hamburger-hover-use-filter: false !default;
  25. $hamburger-hover-filter : opacity(50%) !default;
  26. // Types (Remove or comment out what you don’t need)
  27. // ==================================================
  28. $hamburger-types: (
  29. slider,
  30. ) !default;
  31. // Base Hamburger (We need this)
  32. // ==================================================
  33. @import "base";
  34. // Hamburger types
  35. // ==================================================
  36. @import "slider";
  37. // ==================================================
  38. // Cooking up additional types:
  39. //
  40. // The Sass for each hamburger type should be nested
  41. // inside an @if directive to check whether or not
  42. // it exists in $hamburger-types so only the CSS for
  43. // included types are generated.
  44. //
  45. // e.g. hamburgers/types/_new-type.scss
  46. //
  47. // @if index($hamburger-types, new-type) {
  48. // .hamburger--new-type {
  49. // ...
  50. // }
  51. // }