{"version":3,"sources":["_documentation.scss","_fancy-tab.scss"],"names":[],"mappings":"AAAA,KAAO,iBAAA,QACP,UAAW,iBAAA,kBACX,QAAU,OAAA,IAAA,MAAA,QACV,MAAA,aAAA,aAAoC,aAAA,kBCApC,8BACE,GACE,QAAA,EACA,kBAAA,sBAAA,UAAA,sBAEF,KACE,QAAA,EACA,kBAAA,cAAA,UAAA,eAPJ,sBACE,GACE,QAAA,EACA,kBAAA,sBAAA,UAAA,sBAEF,KACE,QAAA,EACA,kBAAA,cAAA,UAAA,eAIJ,gCACE,GACE,QAAA,EACA,kBAAA,cAAA,UAAA,cAEF,KACE,QAAA,EACA,kBAAA,qBAAA,UAAA,sBAPJ,wBACE,GACE,QAAA,EACA,kBAAA,cAAA,UAAA,cAEF,KACE,QAAA,EACA,kBAAA,qBAAA,UAAA,sBAyCJ,WACE,QAAA,YAAA,QAAA,YAAA,QAAA,KACA,mBAAA,SAAA,sBAAA,OAAA,mBAAA,OAAA,eAAA,OArCA,sBACE,QAAA,YAAA,QAAA,YAAA,QAAA,KACA,iBAAA,MAAA,cAAA,MAAA,gBAAA,WACA,SAAA,SACA,mBAAA,WAAA,sBAAA,OAAA,cAAA,IAAA,KAAA,UAAA,IAAA,KACA,cAAA,IAAA,MAAA,QACA,MAAA,KAEA,qCACE,QAAA,GACA,SAAA,SACA,QAAA,MACA,OAAA,SACA,OAAA,QACA,iBAAA,QACA,mBAAA,KAAA,IAAA,WAAA,CAAA,MAAA,IAAA,YAAA,cAAA,KAAA,IAAA,WAAA,CAAA,MAAA,IAAA,YAAA,WAAA,KAAA,IAAA,WAAA,CAAA,MAAA,IAAA,YACA,wDAAsB,mBAAA,KAAA,IAAA,WAAA,CAAA,MAAA,IAAA,YAAA,cAAA,KAAA,IAAA,WAAA,CAAA,MAAA,IAAA,YAAA,WAAA,KAAA,IAAA,WAAA,CAAA,MAAA,IAAA,YAGxB,sCACE,MAAA,QACA,QAAA,IAAA,KACA,UAAA,KACA,YAAA,KACA,QAAA,aACA,YAAA,IACA,cAAA,EACA,WAAA,OACA,OAAA,QACA,OAAA,IAAA,MAAA,YACA,6CAAU,MAAA,QAKhB,+BAOI,WAAA,SACA,SAAA,SARJ,kDAWM,4BAAA,OAAA,oBAAA,OAXN,+DAcQ,SAAA,SACA,KAAA,EACA,IAAA,EACA,eAAA,KACA,QAAA,EACA,kBAAA,aAAA,KAAA,KAAA,SAAA,UAAA,aAAA,KAAA,KAAA,SAnBR,yDAsBgB,kBAAA,WAAA,IAAA,KAAA,SAAA,UAAA,WAAA,IAAA,KAAA","file":"fancy-tab.min.css","sourcesContent":["body { background-color: $bg-body; }\n.bg-light {background-color: $light !important;}\n.border { border: 1px solid $border-color; }\n.card, .card-header, .card-footer { border-color: $border-color !important; }","/*-----------------------------------------------\n|   Fancy Tab\n-----------------------------------------------*/\n@keyframes fadeInLeft{\n  0%{\n    opacity: 0;\n    transform: translateX(-3.125rem);\n  }\n  100%{\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n\n@keyframes fadeOutRight{\n  0%{\n    opacity: 1;\n    transform: translateX(0);\n  }\n  100%{\n    opacity: 0;\n    transform: translateX(3.125rem);\n  }\n}\n\n\n@mixin navigation-bar(){\n  .fancy-bar{\n    display: flex;\n    justify-content: flex-start;\n    position: relative;\n    flex-flow: row wrap;\n    border-bottom: ($fancy-tab-border-width * 2) solid $fancy-tab-border-color;\n    width: 100%;\n\n    .tab-indicator{\n      content: '';\n      position: absolute;\n      display: block;\n      bottom: -0.125rem;\n      height: 0.125rem;\n      background-color: $fancy-tab-active-color;\n      transition: left 0.4s ease-in-out, right 0.2s ease-in-out;\n      &.transition-reverse{ transition: left 0.2s ease-in-out, right 0.4s ease-in-out; }\n    }\n\n    .fancy-bar-item{\n      color: $fancy-bar-item-color;\n      padding:8px 16px;\n      font-size: $fancy-bar-font-size;\n      line-height: $fancy-bar-font-size;\n      display: inline-block;\n      font-weight: $fancy-bar-font-weight;\n      margin-bottom: 0;\n      text-align: center;\n      cursor: pointer;\n      border: $fancy-tab-border-width solid transparent;\n      &.active{ color: $fancy-tab-active-color; }\n    }\n  }\n}\n\n.fancy-tab{\n  display: flex;\n  flex-direction: column;\n\n  @include navigation-bar();\n\n  .fancy-tab-contents{\n    margin-top: 1.875rem;\n    position: relative;\n\n    .fancy-tab-content{\n      backface-visibility: hidden;\n\n      &:not(.active){\n        position: absolute;\n        left: 0;\n        top: 0;\n        pointer-events: none;\n        opacity: 1;\n        animation: fadeOutRight .25s ease forwards;\n      }\n\n      &.active{ animation: fadeInLeft .5s ease forwards; }\n    }\n  }\n}\n"]}