nifty-nav-2/dist/niftyNav2.css.map

A JavaScript menu framework

{"version":3,"sources":["webpack:///./src/scss/src/scss/niftyNav2.scss"],"names":[],"mappings":"AASE,mDACE,cACA,kBACA,sBACA,WACA,WACA,sBACA,uBAA0B,CAI3B,6EAFG,YAAa,CAWnB,cACE,cACA,kBACA,WACA,wBACG,qBACK,gBACR,YACA,gBACA,UACA,QAAS,CAmBV,yBAjBG,aACA,qBACA,8BACA,qBACA,kBACA,eACA,UAAW,CACZ,oBAEC,WACA,cACA,kBACA,MACA,OACA,WACA,WAAY,CAIhB,YACE,aACA,iBACA,uBACA,mBACA,kBACA,cACA,YACA,UAAW,CA8DZ,0BA/CK,WACA,kBAAmB,CACpB,0CASG,SACA,gCACQ,uBAAwB,CACjC,2CAEC,sCAAwC,CACzC,2CAEC,YACA,iCACQ,wBAAyB,CAClC,8DAKG,QAAS,CASjB,kBACE,aACA,iBACA,uBACA,mBACA,kBACA,cACA,eACA,wBAAyB,CAU7B,aACE,kBACA,MACA,WACA,gBACA,WAAY,CAqEb,kBAjEG,MAAO,CASR,sCANG,YAAa,CACd,oCAGC,gBAAiB,CAKrB,uCAGI,WAAY,CACb,qCAGC,eAAgB,CAKpB,oBACE,UACA,WACA,OAAQ,CAST,wCANG,WAAY,CACb,sCAGC,eAAgB,CAMpB,0CAEI,UACA,kBACA,gBAAiB,CAClB,wCAEC,UACA,mBACA,gBAAiB,CAClB,mKAKC,iBACA,eAAgB,CAKpB,kBACE,eAAgB,CAUpB,YACE,eACA,MACA,OACA,WACA,SACA,UACA,WAAY,CAgBb,oBAdG,aACA,SAAU,CAEZ,qBACE,aACA,UACA,mBAAoB,CAEtB,sBACE,4BAA6B,CAE/B,2BACE,eAAgB","file":"niftyNav2.css","sourcesContent":["/**\n  * Nifty Nav 2\n  * A JavaScript menu framework.\n  * Author: Eric Stout, Factor1 Studios\n  * https://github.com/factor1/nifty-nav-2\n**/\n\n// icon placeholder\n%burger {\n  span {\n    display: block;\n    position: relative;\n    left: calc(50% - 20px);\n    width: 40px;\n    height: 3px;\n    background-color: teal;\n    transition: all 200ms ease;\n    &:nth-child(2) {\n      margin: 8px 0;\n    }\n  }\n}\n\n\n/**\n *\n * Icon Styles\n *\n**/\n.nifty-button {\n  display: block;\n  position: relative;\n  width: auto;\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  border: none;\n  background: none;\n  padding: 0;\n  margin: 0;\n  &__container {\n    display: flex;\n    flex-flow: row nowrap;\n    justify-content: space-between;\n    align-content: center;\n    position: relative;\n    min-width: 60px;\n    width: auto;\n  }\n  &:after { // 🤡 this after prevents the <span>(s) from being the click target 🤡\n    content: '';\n    display: block;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n  }\n}\n\n.nifty-icon {\n  display: flex;\n  flex-flow: column;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  flex: 0 1 auto;\n  height: 30px;\n  width: 60px;\n\n  /**\n   * Square Icon\n  **/\n  &--square {\n    @extend %burger;\n  }\n\n  /**\n   * Rounded Icon\n  **/\n  &--rounded {\n    @extend  %burger;\n    span {\n      height: 5px;\n      border-radius: 10px;\n    }\n  }\n\n  /**\n   * Active State\n  **/\n  &.nifty-active {\n    span {\n      &:nth-child(1) {\n        top: 11px;\n        -webkit-transform: rotate(45deg);\n                transform: rotate(45deg);\n      }\n      &:nth-child(2) {\n        background-color: transparent !important;\n      }\n      &:nth-child(3) {\n        bottom: 12px;\n        -webkit-transform: rotate(-45deg);\n                transform: rotate(-45deg);\n      }\n    }\n    &.nifty-icon--rounded {\n      span {\n        &:nth-child(1) {\n          top: 13px;\n        }\n      }\n    }\n  }\n\n  /**\n   * Menu Text Container\n  **/\n  &--text {\n    display: flex;\n    flex-flow: column;\n    justify-content: center;\n    align-items: center;\n    position: relative;\n    flex: 0 1 auto;\n    font-size: 16px;\n    text-transform: uppercase;\n  }\n\n}\n\n/**\n *\n * Panel Styles\n *\n**/\n.nifty-panel {\n  position: absolute;\n  top: 0;\n  width: 100%;\n  overflow: hidden;\n  z-index: 999;\n\n  // Top Origin\n  &--top {\n    left: 0;\n    // Closed State\n    &.nifty-panel--closed {\n      max-height: 0;\n    }\n    // Open State\n    &.nifty-panel--open {\n      max-height: 100vh;\n    }\n  }\n\n  // left origin\n  &--left {\n    // Closed State\n    &.nifty-panel--closed {\n      max-width: 0;\n    }\n    // Open State\n    &.nifty-panel--open {\n      max-width: 100vw;\n    }\n  }\n\n  // right origin\n  &--right {\n    left: initial;\n    left: unset;\n    right: 0;\n    // Closed State\n    &.nifty-panel--closed {\n      max-width: 0;\n    }\n    // Open State\n    &.nifty-panel--open {\n      max-width: 100vw;\n    }\n  }\n\n  // -- Animation Options-- //\n  //fade-in\n  &--fade-in {\n    &.nifty-panel--closed {\n      opacity: 0;\n      visibility: hidden;\n      max-height: 100vh;\n    }\n    &.nifty-panel--open {\n      opacity: 1;\n      visibility: visible;\n      max-height: 100vh;\n    }\n    &.nifty-panel--left,\n    &.nifty-panel--right,\n    &.nifty-panel--open,\n    &.nifty-panel--closed {\n      max-height: 100vh;\n      max-width: 100vw;\n    }\n  }\n\n  // off\n  &--off {\n    transition: none;\n  }\n\n}\n\n/**\n *\n * Mask Styles\n *\n**/\n.nifty-mask {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 0;\n  opacity: 0;\n  z-index: 998;\n  &--active {\n    height: 100vh;\n    opacity: 1;\n  }\n  &--closing {\n    height: 100vh;\n    opacity: 0;\n    pointer-events: none;\n  }\n  &--disabled {\n    background-color: transparent;\n  }\n  &--animation-off {\n    transition: none;\n  }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./src/scss/src/scss/niftyNav2.scss"],"sourceRoot":""}