pip-webui-help
Version:
Extensible help page for Pip.WebUI
1 lines • 12.6 kB
Source Map (JSON)
{"version":3,"sources":["css_light/CssStyles.scss","css_light/CssMixins.scss","css_light/CssVariables.scss","page/HelpPage.scss"],"names":[],"mappings":"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","file":"pip-webui-help.css","sourcesContent":[".text-hide { @include text-hide(); }\n.text-overflow { @include text-overflow(); }\n\n.text-display4 { font: $font-display4 }\n.text-display3 { font: $font-display3 }\n.text-display2 { font: $font-display2 }\n.text-display1 { font: $font-display1 }\n\n.text-headline { font: $font-headline }\n.text-title { font: $font-title }\n.text-subhead1 { font: $font-subhead1 }\n.text-subhead2 { font: $font-subhead2 }\n\n.text-body1 { font: $font-body1 }\n.text-body2 { font: $font-body2 }\n\n.text-caption { font: $font-caption }\n.text-button { font: $font-button }\n\n.flex-fixed { @include flex-fixed(); }\n.flex-var { @include flex-var(); }\n.flex-grow { @include flex-grow(); }\n.flex-shrink { @include flex-shrink(); }\n\n.opacity-secondary { opacity: $opacity-secondary; }\n.opacity-primary { opacity: $opacity-primary; }\n.opacity-disabled { opacity: $opacity-disabled; }\n\n.no-divider { border: none !important; }\n.divider { border: $divider-border; }\n\ninput:focus, p:focus, div:focus, li:focus, md-list-item:focus, md-list:focus, a:focus, md-autocomplete:focus, span:focus, button:focus {\n outline-width: 0 !important;\n} ","\n// text mixins\n\n@mixin text-hide() {\n font: \"0/0\";\n color: transparent;\n text-shadow: none;\n background-color: transparent;\n border: 0;\n}\n\n@mixin text-overflow() {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n// Positions\n@mixin clearfix() {\n &:before,\n &:after {\n content: \" \"; // 1\n display: table; // 2\n }\n &:after {\n clear: both;\n }\n}\n\n// Flex\n\n@mixin flex() {\n display: -webkit-box;\n display: -moz-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n}\n\n@mixin flex-direction($direction) {\n -webkit-box-flex-direction: $direction;\n -moz-box-flex-direction: $direction;\n -webkit-flex-direction: $direction;\n -ms-flex-direction: $direction;\n flex-direction: $direction;\n}\n\n@mixin flex-flow($direction, $wrap) {\n @include flex-direction($direction);\n flex-wrap: $wrap;\n}\n\n@mixin flex-flow-row-wrap() {\n @include flex();\n @include flex-flow(row, wrap);\n}\n\n@mixin flex-element($grow, $shrink, $initialSize: auto) {\n -webkit-box-flex: $grow $shrink $initialSize;\n -moz-box-flex: $grow $shrink $initialSize;\n -webkit-flex: $grow $shrink $initialSize;\n -ms-flex: $grow $shrink $initialSize;\n flex: $grow $shrink $initialSize;\n}\n\n@mixin flex-fixed() {\n @include flex-element(0, 0, auto);\n}\n\n@mixin flex-var() {\n @include flex-element(1, 1, auto);\n}\n\n@mixin flex-grow() {\n @include flex-element(1, 0, auto);\n}\n\n@mixin flex-shrink() {\n @include flex-element(0, 1, auto);\n}\n\n@mixin flex-vertical-content($value) {\n -webkit-box-align: $value;\n -moz-box-align: $value;\n -webkit-align-items: $value;\n -ms-flex-align: $value;\n align-items: $value;\n}\n\n@mixin flex-vertical-center() {\n @include flex-vertical-content(center);\n}\n\n@mixin flex-justify-content($value, $oldValue) {\n -webkit-box-pack: $value;\n -moz-box-pack: $value;\n -webkit-justify-content: $oldValue;\n -ms-flex-pack: $value;\n justify-content: $oldValue;\n}\n\n","\n// Global colors\n//---------------------\n\n$color-primary: rgba(0, 0, 0, 0.87);\n$color-secondary: rgba(0, 0, 0, 0.54);\n$color-disabled: rgba(0, 0, 0, 0.38);\n$color-error: rgb(244, 67, 54);\n$color-badge: rgba(255, 82, 82, 1);\n$color-toast: rgba(46, 46, 46, 1);\n$color-divider: rgba(0, 0, 0, 0.12);\n$color-window: rgb(238, 238, 238);\n$color-content: rgb(250, 250, 250);\n\n$font-family: Roboto, 'Helvetica Neue', sans-serif;\n$font-size: 10px;\n\n// Layout\n// -----------------------\n\n$baseline-grid: 8px;\n$layout-breakpoint-sm: 704px;\n$layout-breakpoint-md: 1024px;\n$layout-breakpoint-lg: 1440px;\n$layout-gutter-width: ($baseline-grid * 2);\n\n\n// Global Z-Depth\n//---------------\n\n$z-depth-1: 0 1px 5px 0 rgba(0, 0, 0, 0.26);\n$z-depth-2: 0 8px 17px rgba(0, 0, 0, 0.2);\n$z-depth-3: 0 17px 50px rgba(0, 0, 0, 0.19);\n$z-depth-4: 0 16px 28px 0 rgba(0, 0, 0, 0.22);\n$z-depth-5: 0 27px 24px 0 rgba(0, 0, 0, 0.2);\n\n// Opacity\n//---------------------\n\n$opacity-primary: 0.87;\n$opacity-secondary: 0.54;\n$opacity-disabled: 0.38;\n\n// Dividers, Shadows and other graphical elements\n//--------------------------------------------------\n\n$divider-border: 1px solid $color-divider;\n$box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n$border-radius: 2px;\n\n\n// Global fonts\n//---------------------\n\n$font-size-display4: 112px;\n$font-weight-display4: 300;\n$letter-spacing-display4: -.01em;\n$line-height-display4: 112px;\n$font-display4: normal $font-weight-display4 $font-size-display4 $font-family;\n\n$font-size-display3: 56px;\n$font-weight-display3: 400;\n$letter-spacing-display3: -.005em;\n$line-height-display3: 56px;\n$font-display3: normal $font-weight-display3 $font-size-display3 $font-family;\n\n$font-size-display2: 45px;\n$font-weight-display2: 400;\n$line-height-display2: 64px;\n$font-display2: normal $font-weight-display2 $font-size-display2 $font-family;\n\n$font-size-display1: 34px;\n$font-weight-display1: 400;\n$line-height-display1: 40px;\n$font-display1: normal $font-weight-display1 $font-size-display1 $font-family;\n\n$font-size-headline: 24px;\n$font-weight-headline: 400;\n$line-height-headline: 32px;\n$font-headline: normal $font-weight-headline $font-size-headline $font-family;\n\n$font-size-title: 20px;\n$font-weight-title: 500;\n$letter-spacing-title: .005em;\n$font-title: normal $font-weight-title $font-size-title $font-family;\n\n$font-size-subhead1: 16px;\n$font-weight-subhead1: 400;\n$letter-spacing-subhead1: .01em;\n$line-height-subhead1: 24px;\n$font-subhead1: normal $font-weight-subhead1 $font-size-subhead1 $font-family;\n\n$font-size-subhead2: 16px;\n$font-weight-subhead2: 500;\n$letter-spacing-subhead2: .01em;\n$line-height-subhead2: 24px;\n$font-subhead2: normal $font-weight-subhead2 $font-size-subhead2 $font-family;\n\n$font-size-body1: 14px;\n$font-weight-body1: 400;\n$letter-spacing-body1: .01em;\n$line-height-body1: 20px;\n$font-body1: normal $font-weight-body1 $font-size-body1 $font-family;\n\n$font-size-body2: 14px;\n$font-weight-body2: 500;\n$letter-spacing-body2: .01em;\n$line-height-body2: 24px;\n$font-body2: normal $font-weight-body2 $font-size-body2 $font-family;\n\n$font-size-caption: 12px;\n$font-weight-caption: 400;\n$letter-spacing-caption: .02em;\n$font-caption: normal $font-weight-caption $font-size-caption $font-family;\n\n$font-size-button: 14px;\n$font-weight-button: 500;\n$font-button: normal $font-weight-button $font-size-button $font-family;","$pip-help-list-width: 300px;\n$pip-help-document-width: 960px;\n\n.pip-help {\n\n .pip-content-container {\n min-height: 100%;\n }\n .pip-body {\n max-width: none !important;\n min-height: 100%\n }\n\n &.pip-card .pip-header ~ .pip-body,\n &.pip-document .pip-header ~ .pip-body {\n padding-top: 24px !important;\n }\n}\n\n.pip-gt-sm {\n .pip-help { \n md-list.pip-menu {\n width: $pip-help-list-width;\n min-width: $pip-help-list-width;\n }\n\n .pip-content-container {\n width: calc(100% - 300px);\n }\n\n pip-dropdown {\n display: none;\n }\n }\n}\n\n.pip-xs, .pip-sm {\n .pip-help { \n .pip-content-container {\n width: 100%;\n left: 0 !important;\n }\n md-list.pip-menu {\n display: none;\n }\n .pip-body {\n min-height: calc(100% - 64px);\n }\n }\n}\n"]}