{"version":3,"sources":["bindings/frame/_l-atlas-container.scss","_dev-atlas-settings.scss","bindings/frame/_atlas-search.scss","bindings/frame/_atlas-aside-ctrl.scss","bindings/frame/_atlas-header.scss","bindings/frame/_atlas-aside.scss","bindings/frame/_atlas-nav.scss","bindings/frame/_atlas-footer-copyright.scss","bindings/frame/_atlas-loader.scss"],"names":[],"mappings":"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","file":"dev_atlas-frame.css","sourcesContent":["/*md\n\n# l-atlas-container\n\nThis is example of documentation for container component. `l-atlas-container` used as frame holder for main atlas page.\n\nIt consist with 2 elements:\n\n```\nl-atlas-container\n\t__aside\n\t__main\n```\n\nAside has fixed positioning so the scroll view of main container create application like experience of 2 scroll views.\n\n```html_example\n<div style=\"transform: translate3d(0,0,0)\"><!-- need this to hold pos:fixed -->\n\n<div class=\"l-atlas-container\">\n\t<div class=\"l-atlas-container__aside\">\n\t\tAside\n\t</div>\n\t<div class=\"l-atlas-container__main\">\n\t\tContent\n\t</div>\n</div>\n\n</div>\n```\n\n## Modifications\n\n### `js-aside-panel-hidden`\n\nWe have only one modification for this component – `js-aside-panel-hidden`. This class called when aside is hidden.\nAnd used for hide parts of aside for this case.\n\n```html_example\n<div style=\"transform: translate3d(0,0,0)\"><!-- need this to hold pos:fixed -->\n\n<div class=\"l-atlas-container js-aside-panel-hidden\">\n\t<div class=\"l-atlas-container__aside\">\n\t\t<div class=\"atlas-aside__header\">\n\t\t\tAside\n\t\t</div>\n\t</div>\n\t<div class=\"l-atlas-container__main\">\n\t\tContent\n\t</div>\n</div>\n\n</div>\n```\n\n*/\n\n.l-atlas-container {\n\theight: 100%;\n\n\t&__aside {\n\t\tbottom: 0;\n\t\tbox-shadow: 1px 0 0 0 $atlas-aside-bd;\n\t\tleft: 0;\n\t\tposition: fixed;\n\t\ttop: 0;\n\t\twidth: 250px;\n\t\tz-index: 2;\n\t}\n\n\t&__main {\n\t\tbackground-color: $color-white-atlas;\n\t\tmargin-left: 250px;\n\t\tposition: relative;\n\t\tz-index: 1;\n\t}\n\n\t&.js-aside-panel-hidden {\n\t\t.l-atlas-container__aside {\n\t\t\tmin-width: 5px;\n\t\t\twidth: 5px;\n\t\t}\n\n\t\t.l-atlas-container__main {\n\t\t\tmargin-left: 5px;\n\t\t}\n\t}\n}\n","@use \"sass:math\";\n\n// Palette\n$color-grey60-atlas: hsl(0, 0%, 60%);\n$color-grey70-atlas: hsl(0, 0%, 70%);\n$color-grey80-atlas: hsl(0, 0%, 80%);\n$color-grey90-atlas: hsl(0, 0%, 90%);\n$color-grey95-atlas: hsl(0, 0%, 95%);\n$color-white-atlas: hsl(0, 0%, 100%);\n\n$color-blue-atlas: hsl(213, 75%, 54%);\n$color-blue79-atlas: hsl(213, 66%, 79%);\n\n$color-pink-atlas: hsl(328, 100%, 60%);\n$color-red-atlas: hsl(0, 92%, 60%);\n$color-orange-atlas: hsl(38, 92%, 60%);\n$color-yellow-atlas: hsl(53, 92%, 60%);\n$color-green-atlas: hsl(85, 60%, 60%);\n\n// Fonts\n$font-sans-atlas: \"Arial\", \"FreeSans\", sans-serif;\n$font-mono-atlas: \"DejaVu Sans Mono\", \"SFMono-Regular\", \"Menlo\", \"Consolas\", \"Lucida Console\", monospace;\n\n// Sizes\n$size-font-atlas: 16px; // 16px\n$size-line-atlas: $size-font-atlas * 1.25; // 20px\n\n// Scales\n$scale-sm-atlas: 12.8px;\n$scale-md-atlas: 15px;\n$scale-lg-atlas: 20px;\n$scale-xl-atlas: 25px;\n$scale-xxl-atlas: 39px;\n$scale-xxxl-atlas: 48.8px;\n\n// Spaces\n$space-sm-atlas: math.div($size-line-atlas, 2); // 10px\n$space-md-atlas: $size-line-atlas; // 20px\n$space-xm-atlas: math.div($size-line-atlas, 2) * 3; // 30px\n$space-lg-atlas: $size-line-atlas * 2; // 40px\n$space-xl-atlas: $size-line-atlas * 3; // 60px\n\n// Depth\n$depth--1: inset 0 3px 10px 1px rgba(black, 0.34);\n$depth-0: none;\n$depth-1: 0 3px 10px 1px rgba(black, 0.34);\n$depth-2: 0 9px 30px 3px rgba(black, 0.44);\n$depth-3: 0 30px 50px 5px rgba(black, 0.44);\n$depth-4: 0 45px 60px 6px rgba(black, 0.44);\n\n// Motion\n$motion-ease: cubic-bezier(0.65, 0.05, 0.36, 1) 0.3s;\n$motion-fast-out-slow-in: cubic-bezier(0.4, 0, 0.2, 1) 0.2s;\n$motion-linear-out-slow-in: cubic-bezier(0, 0, 0.2, 1) 0.2s;\n$motion-fast-out-linear-in: cubic-bezier(0.4, 0, 1, 1) 0.2s;\n\n// Breakpoints\n$break-xl: 1367px;\n$break-md: 1024px;\n$break-sm: 767px;\n\n// Applied colors\n$atlas-color-text: hsl(210, 0%, 35%);\n$atlas-color-divider: $color-grey70-atlas;\n$atlas-aside-bg: $color-grey95-atlas;\n$atlas-aside-bd: hsl(0, 0%, 87%);\n$atlas-aside-selected: hsl(0, 0%, 88%);\n\n// Applied sizes\n$atlas-scale-mono-small: 11px;\n$atlas-scale-primary: $scale-md-atlas;\n$atlas-scale-secondary: $scale-sm-atlas;\n\n// Applied radiuses\n$atlas-radius: 5px;\n",".atlas-search {\n\tposition: relative;\n\n\t$filter-icon-size: 16px;\n\t$clear-icon-size: 14px;\n\t$icon-indent: 6px;\n\n\t&__input {\n\t\t-webkit-appearance: none;\n\t\tbackground: transparent;\n\t\tborder: 1px solid $atlas-aside-bd;\n\t\tborder-radius: $atlas-radius;\n\t\tbox-sizing: border-box;\n\t\tfont-family: $font-sans-atlas;\n\t\tfont-size: 12px;\n\t\theight: 25px;\n\t\tline-height: 25px;\n\t\toutline: none;\n\t\tpadding: 0 $space-sm-atlas;\n\t\ttext-indent: $filter-icon-size;\n\t\twidth: 100%;\n\n\t\t&:focus {\n\t\t\tbackground: darken($atlas-aside-bg, 5%);\n\t\t}\n\n\t\t&::-webkit-search-cancel-button,\n\t\t&::-webkit-search-decoration {\n\t\t\tdisplay: none;\n\t\t}\n\n\t\t&::-ms-clear {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n\t&__icon {\n\t\tcolor: $atlas-color-text;\n\t\theight: $filter-icon-size;\n\t\tleft: $icon-indent;\n\t\tposition: absolute;\n\t\ttop: 5px;\n\t\twidth: $filter-icon-size;\n\n\t\t.js-found & {\n\t\t\tcolor: $color-blue-atlas;\n\t\t}\n\t}\n\n\t&__clear {\n\t\tbackground: darken($atlas-aside-bd, 30%);\n\t\tborder: none;\n\t\tborder-radius: 50%;\n\t\tcolor: $color-white-atlas;\n\t\theight: $clear-icon-size;\n\t\tline-height: $clear-icon-size;\n\t\toutline: none;\n\t\tpadding: 0;\n\t\tposition: absolute;\n\t\tright: $icon-indent;\n\t\ttop: 6px;\n\t\ttransform: scale(0);\n\t\ttransition: transform ease 0.2s;\n\t\twidth: $clear-icon-size;\n\n\t\t&:hover {\n\t\t\tbackground: darken($atlas-aside-bd, 40%);\n\t\t}\n\n\t\t&:focus {\n\t\t\tbackground: $color-blue-atlas;\n\t\t}\n\n\t\t&:active {\n\t\t\tbackground: darken($atlas-aside-bd, 50%);\n\t\t}\n\n\t\t.js-found & {\n\t\t\ttransform: scale(1);\n\t\t}\n\t}\n}\n",".atlas-aside-ctrl {\n\tbackground: rgba(0, 0, 0, 0);\n\tborder: none;\n\tbottom: 0;\n\tcolor: transparent;\n\tcursor: ew-resize;\n\toutline: none;\n\tposition: absolute;\n\tright: -7px;\n\ttop: 0;\n\ttransition: color ease 0.2s;\n\twidth: 10px;\n\tz-index: 2;\n\n\t&::after {\n\t\tborder-left: 2px solid;\n\t\tbottom: 0;\n\t\tcontent: \"\";\n\t\tposition: absolute;\n\t\ttop: 0;\n\t}\n\n\t&::before {\n\t\tborder-left: 2px solid;\n\t\tborder-radius: 5px;\n\t\tcontent: \"\";\n\t\theight: 20px;\n\t\tmargin: auto;\n\t\tposition: absolute;\n\t\tright: -1px;\n\t}\n\n\t&:hover,\n\t&:focus {\n\t\tcolor: $color-blue-atlas;\n\t}\n\n\t.js-aside-panel-hidden & {\n\t\t//cursor: e-resize; wait for implementation of drag\n\t\tcursor: pointer;\n\t}\n}\n\n.atlas-aside-resizer-overlay {\n\tbottom: 0;\n\tdisplay: none;\n\tleft: 0;\n\tposition: fixed;\n\tright: 0;\n\ttop: 0;\n\tz-index: 11;\n\n\t&.js-dragging {\n\t\tdisplay: block;\n\t}\n}\n",".atlas-header {\n\t&__logo {\n\t\tpadding-bottom: $space-sm-atlas;\n\t\ttext-align: center;\n\n\t\tsvg {\n\t\t\theight: 30px;\n\t\t}\n\n\t\t//svg {\n\t\t//\tanimation: dasharray 1s alternate;\n\t\t//}\n\t\t//\n\t\t//@keyframes dasharray {\n\t\t//\t0% {\n\t\t//\t\tstroke-dasharray: 0 800; // 0 800\n\t\t//\t\tstroke-dashoffset: 250; // 250\n\t\t//\t}\n\t\t//\t100% {\n\t\t//\t\tstroke-dasharray: 200 0; // 200 0\n\t\t//\t\tstroke-dashoffset: 0;\n\t\t//\t}\n\t\t//}\n\t}\n\n\t&__search {\n\n\t}\n}\n",".atlas-aside {\n\tall: initial;\n\tbackground-color: $atlas-aside-bg;\n\tbottom: 0;\n\tcolor: $atlas-color-text;\n\tdisplay: flex;\n\tflex-direction: column;\n\t-moz-osx-font-smoothing: grayscale;\n\t-webkit-font-smoothing: antialiased;\n\theight: 100%;\n\toverflow: hidden;\n\ttransform: translate3d(0, 0, 0);\n\tz-index: 1;\n\n\t&__header {\n\t\tpadding: $space-sm-atlas;\n\t}\n\n\t&__content {\n\t\toverflow-y: auto;\n\t\t-webkit-overscroll-behavior: contain;\n\t\t-ms-scroll-chaining: none;\n\t\toverscroll-behavior: contain; /* stylelint-disable-line */\n\t}\n\n\t&__footer {\n\t\tmargin-top: auto;\n\t\tpadding-top: $space-md-atlas;\n\t\tposition: relative;\n\n\t\t&::after {\n\t\t\tbackground: linear-gradient(rgba($color-white-atlas, 0), $atlas-aside-bg);\n\t\t\tcontent: \"\";\n\t\t\tdisplay: block;\n\t\t\theight: $space-md-atlas;\n\t\t\tleft: 4px;\n\t\t\tpointer-events: none;\n\t\t\tposition: absolute;\n\t\t\tright: 0;\n\t\t\ttop: -#{$space-md-atlas};\n\t\t\tz-index: 2;\n\t\t}\n\t}\n}\n\n// hide this elements when aside is hidden\n.js-aside-panel-hidden {\n\t.atlas-aside__header,\n\t.atlas-aside__footer,\n\t.atlas-aside__content {\n\t\tdisplay: none;\n\t}\n}\n",".atlas-nav { // atlas-outline-view\n\tfont-family: $font-sans-atlas;\n\tfont-size: $atlas-scale-secondary;\n\tline-height: 1.2;\n\tlist-style: none;\n\tpadding-bottom: $space-md-atlas;\n\n\t&__item {\n\t\tdisplay: block;\n\t\tposition: relative;\n\n\t\t&_index + &_index {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n\t&__ln {\n\t\tall: initial;\n\t\tcolor: inherit;\n\t\tcursor: pointer;\n\t\tdisplay: block;\n\t\tfont-family: $font-sans-atlas;\n\t\tfont-size: $atlas-scale-secondary;\n\t\tline-height: 1.2;\n\t\toverflow: hidden;\n\t\tpadding: 2px 0 4px;\n\t\tposition: relative;\n\t\ttext-decoration: none;\n\t\ttext-overflow: ellipsis;\n\t\ttransition: opacity ease 0.2s;\n\t\tuser-select: none;\n\t\twhite-space: nowrap;\n\n\t\t&:hover,\n\t\t&:focus {\n\t\t\tcolor: black;\n\t\t\ttext-decoration: none;\n\t\t}\n\n\t\t&:active {\n\t\t\tcolor: $color-blue-atlas;\n\t\t}\n\n\t\t&.js-current-page {\n\t\t\tbackground-color: $atlas-aside-selected;\n\t\t\tcolor: black;\n\t\t\tcursor: default;\n\t\t\tpointer-events: none;\n\t\t}\n\n\t\tsvg {\n\t\t\theight: 18px;\n\t\t\tpointer-events: none;\n\t\t\tvertical-align: text-bottom;\n\t\t\twidth: 18px;\n\t\t}\n\n\t\t&._landing {\n\t\t\tsvg {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t}\n\n\t\t&._category {\n\t\t\ttext-transform: capitalize;\n\n\t\t\tsvg {\n\t\t\t\ttransform: rotate(90deg);\n\t\t\t\twidth: 8px;\n\t\t\t}\n\t\t}\n\n\t\t&._guide {\n\t\t\tsvg {\n\t\t\t\twidth: 14px;\n\t\t\t}\n\t\t}\n\n\t\t&._about {\n\t\t\tsvg {\n\t\t\t\tmargin-right: 3px;\n\t\t\t\twidth: 15px;\n\t\t\t}\n\t\t}\n\n\t\t&._deprecated {\n\t\t\ttext-decoration: line-through;\n\t\t}\n\t}\n\n\t/* stylelint-disable */\n\t// Recursive nesting level structure - refactor me later\n\t> .atlas-nav__item {\n\t\t> .atlas-nav__ln {\n\t\t\tbackground: $atlas-aside-bg;\n\t\t\tdisplay: block;\n\t\t\tpadding: $space-sm-atlas 0 $space-sm-atlas $space-md-atlas;\n\t\t\tposition: sticky;\n\t\t\ttop: 0;\n\t\t\tz-index: 1;\n\n\t\t\t&::after {\n\t\t\t\t$color-shadow: black;\n\t\t\t\tbackground: radial-gradient(farthest-side at 50% 0, rgba($color-shadow, 0.3), rgba($color-shadow, 0)) no-repeat center bottom;\n\t\t\t\tbackground-size: 120% 1px;\n\t\t\t\tbottom: 0;\n\t\t\t\tcontent: \"\";\n\t\t\t\theight: 1px;\n\t\t\t\tleft: $space-md-atlas;\n\t\t\t\tposition: absolute;\n\t\t\t\tright: $space-md-atlas;\n\t\t\t}\n\t\t}\n\n\t\t.atlas-nav__item {\n\t\t\t> .atlas-nav__ln {\n\t\t\t\tpadding-left: ($space-md-atlas * 2);\n\t\t\t}\n\n\t\t\t.atlas-nav__item {\n\t\t\t\t> .atlas-nav__ln {\n\t\t\t\t\tpadding-left: ($space-md-atlas * 3);\n\t\t\t\t}\n\n\t\t\t\t.atlas-nav__item {\n\t\t\t\t\t> .atlas-nav__ln {\n\t\t\t\t\t\tpadding-left: ($space-md-atlas * 4);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\t/* stylelint-enable */\n\n\t.atlas-nav__ln._category {\n\t\tsvg {\n\t\t\ttransition: transform ease 0.4s;\n\t\t}\n\t}\n\n\t.atlas-nav__ln._category.js-collapsed { /* stylelint-disable-line */\n\t\tsvg { /* stylelint-disable-line */\n\t\t\ttransform: rotate(0);\n\t\t}\n\n\t\t+ .atlas-nav__sub-nav { /* stylelint-disable-line */\n\t\t\tdisplay: none;\n\t\t}\n\t}\n}\n\n.js-searching {\n\t.atlas-nav__ln {\n\t\tcolor: lighten($atlas-color-text, 40%);\n\t\tcursor: default;\n\t\tpointer-events: none;\n\t}\n}\n\n.js-found {\n\t.atlas-nav__ln {\n\t\tcolor: lighten($atlas-color-text, 40%);\n\t\tcursor: default;\n\t\tdisplay: none;\n\t\tpointer-events: none;\n\t}\n\n\t.atlas-nav__ln.js-relevant {\n\t\tcolor: $atlas-color-text;\n\t\tcursor: pointer;\n\t\tdisplay: block;\n\t\tpointer-events: initial;\n\n\t\t&:hover,\n\t\t&:focus {\n\t\t\tcolor: black;\n\t\t}\n\n\t\t&:active {\n\t\t\tcolor: $color-blue-atlas;\n\t\t}\n\t}\n\n\t.atlas-nav__sub-nav,\n\t.atlas-nav__ln._category {\n\t\tdisplay: block !important; /* stylelint-disable-line */\n\t}\n}\n",".atlas-footer-copyright {\n\tall: unset;\n\tcolor: $atlas-color-text;\n\tdisplay: block;\n\tfont-family: $font-sans-atlas;\n\tfont-size: 10px;\n\tline-height: 1.2;\n\tmargin: 0;\n\toverflow: hidden;\n\tpadding: $space-sm-atlas;\n\ttext-align: center;\n\ttext-overflow: ellipsis;\n\twhite-space: nowrap;\n}\n",".atlas-loader {\n\talign-items: center;\n\tbackground: rgba($color-white-atlas, 0.96);\n\tbottom: 0;\n\tcolor: $color-blue-atlas;\n\tdisplay: none;\n\tjustify-content: center;\n\tleft: 0;\n\tposition: absolute;\n\tright: 0;\n\ttext-align: center;\n\ttop: 0;\n\tz-index: 2;\n\n\t.js-loading-frame & {\n\t\tdisplay: flex;\n\t}\n}\n"]}