main.css.map

{"version":3,"file":"main.css","mappings":"AAKA","sources":["webpack://@eightfold.ai/octuple/./src/components/Layout/layout.module.scss"],"sourcesContent":["@import '../../styles/abstracts/variables';\n@import '../../styles/abstracts/functions';\n@import '../../styles/themes/definitions';\n@import '../../styles/abstracts/mixins';\n\n:global {\n  @import '../../styles/themes/default-theme';\n  @import '../../styles/base/fonts';\n  @import '../../styles/base/css-reset';\n  @import '../../styles/base/helpers';\n}\n.layout {\n  display: flex;\n  flex: auto;\n  flex-direction: column;\n  font-family: var(--font-stack-full);\n  height: 100%;\n\n  /* fix firefox can't set height smaller than content on flex item */\n  min-height: 0;\n\n  &.octuple {\n    @include octuple-chrome();\n  }\n\n  &,\n  * {\n    box-sizing: border-box;\n  }\n\n  &-has-aside {\n    flex-direction: row;\n\n    > .layout,\n    > .layout-content {\n      width: 0; // keep the content from exceeding the container\n    }\n  }\n\n  &-nav {\n    height: $layout-nav-height;\n    color: $layout-nav-color;\n    background: $layout-nav-background;\n  }\n\n  &-nav,\n  &-header,\n  &-footer {\n    flex: 0 0 auto;\n  }\n\n  &-header {\n    height: $layout-header-height;\n    padding: 0 $space-m;\n    color: $layout-header-color;\n    line-height: $layout-header-height;\n    background: $layout-header-background;\n  }\n\n  &-content {\n    color: $layout-content-color;\n    background: $layout-content-background;\n  }\n\n  &-footer {\n    padding: $space-m;\n    color: $layout-footer-color;\n    font-size: $text-font-size-3;\n    background: $layout-footer-background;\n  }\n\n  &-article,\n  &-content,\n  &-section {\n    flex: auto;\n\n    /* fix firefox can't set height smaller than content on flex item */\n    min-height: 0;\n  }\n\n  &-aside {\n    position: relative;\n\n    /* fix firefox can't set width smaller than content on flex item */\n    min-width: 0;\n    background: $layout-aside-background;\n    color: $layout-aside-color;\n    transition: all 0.2s;\n\n    &-children {\n      height: 100%;\n      margin-top: -0.1px;\n      // Hack for fixing margin collaspe bug\n      // solution from https://stackoverflow.com/a/33132624/3040605\n      padding-top: 0.1px;\n\n      .menu-inline-collapsed {\n        width: auto;\n      }\n    }\n\n    &-has-trigger {\n      padding-bottom: $layout-trigger-height;\n    }\n\n    &-right {\n      order: 1;\n    }\n\n    &-collapsed {\n      position: relative;\n    }\n\n    &-below {\n      position: relative;\n    }\n\n    &-trigger {\n      height: $layout-trigger-height;\n      color: $layout-trigger-color;\n      line-height: $layout-trigger-height;\n      text-align: center;\n      background: $layout-trigger-background;\n      cursor: pointer;\n      padding: $space-s;\n      transition: all 0.2s;\n    }\n\n    &-zero-width {\n      > * {\n        overflow: hidden;\n      }\n\n      &-trigger {\n        position: absolute;\n        top: $layout-header-height;\n        right: -$layout-zero-trigger-width;\n        z-index: 1;\n        width: $layout-zero-trigger-width;\n        height: $layout-zero-trigger-height;\n        color: $layout-trigger-color;\n        font-size: calc($layout-zero-trigger-width / 2);\n        line-height: $layout-zero-trigger-height;\n        text-align: center;\n        background: var(--primary-color);\n        border-radius: 0 $border-radius-xs $border-radius-xs 0;\n        cursor: pointer;\n        padding: $space-xxs;\n        transition: background 0.3s ease;\n\n        &:after {\n          position: absolute;\n          top: 0;\n          right: 0;\n          bottom: 0;\n          left: 0;\n          background: transparent;\n          transition: all 0.3s;\n          content: '';\n        }\n\n        &:hover:after {\n          background: rgba(255, 255, 255, 0.1);\n        }\n\n        &-left {\n          border-radius: 0 $border-radius-xs $border-radius-xs 0;\n        }\n\n        &-right {\n          left: -$layout-zero-trigger-width;\n          border-radius: $border-radius-xs 0 0 $border-radius-xs;\n        }\n      }\n    }\n  }\n}\n\n@import './Styles/rtl';\n"],"names":[],"sourceRoot":""}