diff options
Diffstat (limited to 'assets/scss/libraries/hamburgers/hamburgers.scss')
-rwxr-xr-x | assets/scss/libraries/hamburgers/hamburgers.scss | 118 |
1 files changed, 118 insertions, 0 deletions
diff --git a/assets/scss/libraries/hamburgers/hamburgers.scss b/assets/scss/libraries/hamburgers/hamburgers.scss new file mode 100755 index 0000000..977f0a3 --- /dev/null +++ b/assets/scss/libraries/hamburgers/hamburgers.scss @@ -0,0 +1,118 @@ +@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 : 32px !default; +$hamburger-layer-height : 3px !default; +$hamburger-layer-spacing : 5px !default; +$hamburger-layer-color : $primary !default; +$hamburger-layer-border-radius : 3px !default; +$hamburger-hover-opacity : 0.7 !default; +$hamburger-active-layer-color : #FFF !default; +$hamburger-active-hover-opacity: $hamburger-hover-opacity !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; +$hamburger-active-hover-filter: $hamburger-hover-filter !default; + +// Types (Remove or comment out what you don’t need) +// ================================================== +$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; + +// Base Hamburger (We need this) +// ================================================== +@import "base"; + +// Hamburger types +// ================================================== +// @import "types/3dx"; +// @import "types/3dx-r"; +// @import "types/3dy"; +// @import "types/3dy-r"; +// @import "types/3dxy"; +// @import "types/3dxy-r"; +// @import "types/arrow"; +// @import "types/arrow-r"; +// @import "types/arrowalt"; +// @import "types/arrowalt-r"; +// @import "types/arrowturn"; +// @import "types/arrowturn-r"; +// @import "types/boring"; +// @import "types/collapse"; +// @import "types/collapse-r"; +// @import "types/elastic"; +// @import "types/elastic-r"; +// @import "types/emphatic"; +// @import "types/emphatic-r"; +// @import "types/minus"; +@import "types/slider"; +// @import "types/slider-r"; +// @import "types/spin"; +// @import "types/spin-r"; +// @import "types/spring"; +// @import "types/spring-r"; +// @import "types/stand"; +// @import "types/stand-r"; +// @import "types/squeeze"; +// @import "types/vortex"; +// @import "types/vortex-r"; + +// ================================================== +// 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 { +// ... +// } +// } |