@oat-sa/tao-core-ui 1.44.2 → 1.47.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/adder.js +34 -6
- package/dist/animable/absorbable/css/absorb.css.map +1 -1
- package/dist/animable/pulsable/css/pulse.css.map +1 -1
- package/dist/autocomplete/css/autocomplete.css.map +1 -1
- package/dist/badge/css/badge.css.map +1 -1
- package/dist/breadcrumbs/css/breadcrumbs.css +2 -2
- package/dist/breadcrumbs/css/breadcrumbs.css.map +1 -1
- package/dist/bulkActionPopup/css/bulkActionPopup.css.map +1 -1
- package/dist/calculator/css/calculator.css.map +1 -1
- package/dist/class/css/selector.css +2 -2
- package/dist/class/css/selector.css.map +1 -1
- package/dist/component/css/components.css +7 -7
- package/dist/component/css/components.css.map +1 -1
- package/dist/component/css/windowComponent.css.map +1 -1
- package/dist/contextualPopup/css/contextualPopup.css.map +1 -1
- package/dist/dashboard/css/dashboard.css.map +1 -1
- package/dist/datalist/css/datalist.css +2 -2
- package/dist/datalist/css/datalist.css.map +1 -1
- package/dist/datatable/css/datatable.css +1 -1
- package/dist/datatable/css/datatable.css.map +1 -1
- package/dist/dateRange/css/dateRange.css.map +1 -1
- package/dist/datetime/css/picker.css.map +1 -1
- package/dist/destination/css/selector.css.map +1 -1
- package/dist/documentViewer/css/documentViewer.css.map +1 -1
- package/dist/dropdown/css/dropdown.css.map +1 -1
- package/dist/dynamicComponent/css/dynamicComponent.css +1 -1
- package/dist/dynamicComponent/css/dynamicComponent.css.map +1 -1
- package/dist/form/css/dropdownForm.css +1 -1
- package/dist/form/css/dropdownForm.css.map +1 -1
- package/dist/form/css/form.css.map +1 -1
- package/dist/form/validator/css/validator.css.map +1 -1
- package/dist/form/widget/css/widget.css.map +1 -1
- package/dist/generis/form/css/form.css.map +1 -1
- package/dist/generis/validator/css/validator.css.map +1 -1
- package/dist/generis/widget/css/widget.css.map +1 -1
- package/dist/listbox/css/listbox.css.map +1 -1
- package/dist/loadingButton/css/button.css.map +1 -1
- package/dist/maths/calculator/css/calculator.css.map +1 -1
- package/dist/mediaplayer/css/player.css +20 -7
- package/dist/mediaplayer/css/player.css.map +1 -1
- package/dist/mediaplayer.js +5 -15
- package/dist/pagination/css/pagination.css.map +1 -1
- package/dist/resource/css/selector.css +4 -4
- package/dist/resource/css/selector.css.map +1 -1
- package/dist/resourcemgr/css/resourcemgr.css +3 -3
- package/dist/resourcemgr/css/resourcemgr.css.map +1 -1
- package/dist/searchModal/css/advancedSearch.css.map +1 -1
- package/dist/searchModal/css/searchModal.css.map +1 -1
- package/dist/switch/css/switch.css.map +1 -1
- package/dist/tabs/css/tabs.css.map +1 -1
- package/dist/taskQueue/css/taskQueue.css.map +1 -1
- package/dist/taskQueueButton/css/taskable.css.map +1 -1
- package/dist/taskQueueButton/css/treeButton.css.map +1 -1
- package/dist/tristateCheckboxGroup/css/tristateCheckboxGroup.css.map +1 -1
- package/dist/waitingDialog/css/waitingDialog.css.map +1 -1
- package/package.json +2 -2
- package/scss/font/tao/tao.svg +5 -4
- package/scss/font/tao/tao.ttf +0 -0
- package/scss/font/tao/tao.woff +0 -0
- package/scss/inc/fonts/_tao-icon-classes.scss +8 -7
- package/scss/inc/fonts/_tao-icon-def.scss +3 -3
- package/scss/inc/fonts/_tao-icon-vars.scss +9 -8
- package/src/adder.js +42 -17
- package/src/animable/absorbable/css/absorb.css.map +1 -1
- package/src/animable/pulsable/css/pulse.css.map +1 -1
- package/src/autocomplete/css/autocomplete.css.map +1 -1
- package/src/badge/css/badge.css.map +1 -1
- package/src/breadcrumbs/css/breadcrumbs.css +2 -2
- package/src/breadcrumbs/css/breadcrumbs.css.map +1 -1
- package/src/bulkActionPopup/css/bulkActionPopup.css.map +1 -1
- package/src/calculator/css/calculator.css.map +1 -1
- package/src/class/css/selector.css +2 -2
- package/src/class/css/selector.css.map +1 -1
- package/src/component/css/components.css +7 -7
- package/src/component/css/components.css.map +1 -1
- package/src/component/css/windowComponent.css.map +1 -1
- package/src/contextualPopup/css/contextualPopup.css.map +1 -1
- package/src/dashboard/css/dashboard.css.map +1 -1
- package/src/datalist/css/datalist.css +2 -2
- package/src/datalist/css/datalist.css.map +1 -1
- package/src/datatable/css/datatable.css +1 -1
- package/src/datatable/css/datatable.css.map +1 -1
- package/src/dateRange/css/dateRange.css.map +1 -1
- package/src/datetime/css/picker.css.map +1 -1
- package/src/destination/css/selector.css.map +1 -1
- package/src/documentViewer/css/documentViewer.css.map +1 -1
- package/src/dropdown/css/dropdown.css.map +1 -1
- package/src/dynamicComponent/css/dynamicComponent.css +1 -1
- package/src/dynamicComponent/css/dynamicComponent.css.map +1 -1
- package/src/form/css/dropdownForm.css +1 -1
- package/src/form/css/dropdownForm.css.map +1 -1
- package/src/form/css/form.css.map +1 -1
- package/src/form/validator/css/validator.css.map +1 -1
- package/src/form/widget/css/widget.css.map +1 -1
- package/src/generis/form/css/form.css.map +1 -1
- package/src/generis/validator/css/validator.css.map +1 -1
- package/src/generis/widget/css/widget.css.map +1 -1
- package/src/listbox/css/listbox.css.map +1 -1
- package/src/loadingButton/css/button.css.map +1 -1
- package/src/maths/calculator/css/calculator.css.map +1 -1
- package/src/mediaplayer/css/player.css +20 -7
- package/src/mediaplayer/css/player.css.map +1 -1
- package/src/mediaplayer/scss/player.scss +20 -9
- package/src/mediaplayer/tpl/player.tpl +1 -1
- package/src/mediaplayer.js +4 -13
- package/src/pagination/css/pagination.css.map +1 -1
- package/src/resource/css/selector.css +4 -4
- package/src/resource/css/selector.css.map +1 -1
- package/src/resourcemgr/css/resourcemgr.css +3 -3
- package/src/resourcemgr/css/resourcemgr.css.map +1 -1
- package/src/searchModal/css/advancedSearch.css.map +1 -1
- package/src/searchModal/css/searchModal.css.map +1 -1
- package/src/switch/css/switch.css.map +1 -1
- package/src/tabs/css/tabs.css.map +1 -1
- package/src/taskQueue/css/taskQueue.css.map +1 -1
- package/src/taskQueueButton/css/taskable.css.map +1 -1
- package/src/taskQueueButton/css/treeButton.css.map +1 -1
- package/src/tristateCheckboxGroup/css/tristateCheckboxGroup.css.map +1 -1
- package/src/waitingDialog/css/waitingDialog.css.map +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../scss/inc/_functions.scss","../scss/selector.scss","../../../scss/inc/fonts/_tao-icon-vars.scss","../../../scss/inc/_colors.scss","../scss/_resource-list.scss","../scss/_resource-tree.scss","../scss/_filters.scss"],"names":[],"mappings":"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","file":"selector.css","sourcesContent":["@mixin iterate-sprite($iconList, $x, $y, $direction, $prefix:'') {\n @each $icon in $iconList {\n #{$prefix}#{$icon} {\n background-position: $x * 1px $y * 1px;\n }\n @if $direction == 'x' {\n $x: $x - 16;\n } @else {\n $y: $y - 16;\n }\n }\n}\n\n/*\nUsage:\n- linear-gradient((color1, color2, color3)) - returns linear-gradient with evenly distributed colors,\n if 3 colors used then the position of each will be 33,33%\n- linear-gradient((color1 0%, color2 30%, color3 80%)) - returns linear-gradient with manually distributed colors,\n first param - color, second - position. Also you can use px or other valid units for set position.\n*/\n@mixin linear-gradient($colorList, $direction: 'to right') {\n $percentage: 0;\n $units: '%';\n $count: length($colorList);\n $increment: 100 / ($count - 1);\n $css: #{$direction + ', '};\n $sep: ', ';\n @each $colorItem in $colorList {\n $color: $colorItem;\n @if (length($colorItem) > 1) {\n $color: nth($colorItem, 1);\n $percentage: nth($colorItem, 2);\n $units: '';\n }\n @if ($percentage >= 100 or index($colorList, $colorItem) == $count) {\n $sep: '';\n }\n $css: #{$css + $color + ' ' + $percentage + $units + $sep};\n $percentage: $percentage + $increment;\n }\n background: linear-gradient( #{$css} );\n}\n\n@mixin grid-unit($span, $numCols: 12, $gutter: 0) {\n $gridPx: 840;\n $rawSpanPx: (($gridPx - ($numCols * $gutter)) / $numCols);\n $spanPx: $rawSpanPx * $span + (($span - 1) * $gutter);\n $spanPercent: widthPerc($spanPx, $gridPx);\n $marginPercent: widthPerc($gutter, $gridPx);\n margin-left: $marginPercent;\n width: $spanPercent;\n}\n\n\n@mixin vendor-prefix($property, $value, $whatToPrefix: property, $prefixes: (-webkit-, -moz-, -ms-, -o-, '')) {\n @if $whatToPrefix == 'property' {\n @each $prefix in $prefixes {\n #{$prefix + $property}: #{$value};\n }\n }\n @else if $whatToPrefix == 'value' {\n @each $prefix in $prefixes {\n #{$property}: #{$prefix + $value};\n }\n }\n}\n@mixin flex-container($wrapBehavior: nowrap, $direction : row) {\n @include vendor-prefix(display, flex, value, (-ms-, -webkit-, ''));\n\n @include vendor-prefix(flex-direction, $direction, property, (-ms-, -webkit-, ''));\n @include vendor-prefix(flex-wrap, $wrapBehavior, property, (-ms-, -webkit-, ''));\n\n @include vendor-prefix(justify-content, flex-start, property, (-webkit-, ''));\n\n @include vendor-prefix(align-content, flex-start, property, (-webkit-, ''));\n\n @include vendor-prefix(align-items, stretch, property, (-webkit-, ''));\n}\n\n@mixin simple-flex-box($width: auto, $minWidth: 1) {\n\n @include vendor-prefix(order, 0, property, (-ms-, -webkit-, ''));\n flex-item-align: stretch;\n -ms-flex-item-align: stretch;\n @include vendor-prefix(align-self, stretch, property, (-webkit-, ''));\n\n // if both, min width and width are set, width will win this conflict\n @if ($width == auto) {\n @if ($minWidth != 1) {\n @include vendor-prefix(flex, 1 1 $minWidth, property, (-ms-, -webkit-, ''));\n }\n @else {\n @include vendor-prefix(flex, 1 1 auto, property, (-ms-, -webkit-, ''));\n // @see https://developer.mozilla.org/en-US/docs/Web/CSS/flex-basis#Values\n // for a discussion auto vs. main-size\n @include vendor-prefix(flex, 1 1, property, (-ms-, -webkit-, ''));\n }\n }\n @else {\n @include vendor-prefix(flex, 0 0 $width, property, (-ms-, -webkit-, ''));\n }\n}\n\n\n@mixin box-shadow($horiz: 1px, $vert: 1px, $blur: 2px, $spread: 0, $color: rgba(0, 0, 0, .2)) {\n @include vendor-prefix(box-shadow, $horiz $vert $blur $spread $color, property);\n}\n\n@mixin simple-border($color: #ddd) {\n border: 1px solid $color;\n border-radius: 2px;\n -webkit-border-radius: 2px;\n}\n\n@mixin border-radius($radius: 2) {\n -moz-border-radius: $radius * 1px;\n -webkit-border-radius: $radius * 1px;\n border-radius: $radius * 1px;\n}\n\n@mixin border-radius-top($radius: 2) {\n -webkit-border-top-left-radius: $radius * 1px;\n -webkit-border-top-right-radius: $radius * 1px;\n -moz-border-radius-topleft: $radius * 1px;\n -moz-border-radius-topright: $radius * 1px;\n border-top-left-radius: $radius * 1px;\n border-top-right-radius: $radius * 1px;\n}\n\n@mixin border-radius-bottom($radius: 2) {\n -webkit-border-bottom-right-radius: $radius * 1px;\n -webkit-border-bottom-left-radius: $radius * 1px;\n -moz-border-radius-bottomright: $radius * 1px;\n -moz-border-radius-bottomleft: $radius * 1px;\n border-bottom-right-radius: $radius * 1px;\n border-bottom-left-radius: $radius * 1px;\n}\n\n@mixin border-radius-left($radius: 2) {\n -webkit-border-top-left-radius: $radius * 1px;\n -webkit-border-bottom-left-radius: $radius * 1px;\n -moz-border-radius-topleft: $radius * 1px;\n -moz-border-radius-bottomleft: $radius * 1px;\n border-top-left-radius: $radius * 1px;\n border-bottom-left-radius: $radius * 1px;\n}\n\n@mixin border-radius-right($radius: 2) {\n -webkit-border-top-right-radius: $radius * 1px;\n -webkit-border-bottom-right-radius: $radius * 1px;\n -moz-border-radius-topright: $radius * 1px;\n -moz-border-radius-bottomright: $radius * 1px;\n border-top-right-radius: $radius * 1px;\n border-bottom-right-radius: $radius * 1px;\n}\n\n@mixin border-radius-top-left($radius: 2) {\n -webkit-border-top-left-radius: $radius * 1px;\n -moz-border-radius-topleft: $radius * 1px;\n border-top-left-radius: $radius * 1px;\n}\n\n@mixin border-radius-top-right($radius: 2) {\n -webkit-border-top-right-radius: $radius * 1px;\n -moz-border-radius-topright: $radius * 1px;\n border-top-right-radius: $radius * 1px;\n}\n\n@mixin border-radius-bottom-right($radius: 2) {\n -webkit-border-bottom-right-radius: $radius * 1px;\n -moz-border-radius-bottomright: $radius * 1px;\n border-bottom-right-radius: $radius * 1px;\n}\n\n@mixin border-radius-bottom-left($radius: 2) {\n -webkit-border-bottom-left-radius: $radius * 1px;\n -moz-border-radius-bottomleft: $radius * 1px;\n border-bottom-left-radius: $radius * 1px;\n}\n\n@mixin border-box() {\n -moz-box-sizing: border-box;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n\n@function whiten($color, $white: 0.3) {\n @return mix(#fff, $color, ($white * 100) * 1%);\n}\n\n@function blacken($color, $black: 0.3) {\n @return mix(#000, $color, ($black * 100) * 1%);\n}\n\n@function widthPerc($colWidth, $context) {\n @return ($colWidth * 100 / $context) * 1%\n}\n\n@function remDist($fontSizePx) {\n @return ($fontSizePx / 10) * 1rem\n}\n\n@function black($alpha: 1) {\n @return (rgba(0, 0, 0, $alpha))\n}\n\n@function white($alpha: 1) {\n @return (rgba(255, 255, 255, $alpha))\n}\n\n@mixin font-size($remPx, $important: false) {\n @if $important == true {\n font-size: ($remPx) * 1px !important;\n font-size: ($remPx / 10) * 1rem !important;\n }\n @else {\n font-size: ($remPx) * 1px;\n font-size: ($remPx / 10) * 1rem;\n }\n}\n\n\n@mixin keyframes($name) {\n @-o-keyframes #{$name} { @content };\n @-moz-keyframes #{$name} { @content };\n @-webkit-keyframes #{$name} { @content };\n @keyframes #{$name} { @content };\n}\n\n\n@mixin animation($value, $type:'') {\n $animation: animation;\n @if $type != '' {\n $animation: $animation + '-' + $type;\n }\n @include vendor-prefix($animation, $value, property);\n}\n\n/// CSS transition mixin to the current selection (apply also vendor prefixes).\n/// See <https://developer.mozilla.org/en-US/docs/Web/CSS/transition> for the values\n///\n/// @param {property} [$type = all] the CSS property to apply the transition to\n/// @param {time} [$duration = .5s] the transition property\n/// @param {timing-function} [$effect = ease-out] the transition property\n@mixin transition($type : all, $duration : 0.5s, $effect : ease-out, $delay : 0s){\n @include vendor-prefix(transition, $type + ', ' + $duration + ', ' + $effect + ', ' + $delay, property);\n}\n\n@mixin fade($duration: 1s){\n\n @include keyframes(fade) {\n 0% {opacity:0;}\n 50% {opacity:1;}\n 100% {opacity:0;}\n }\n\n @include vendor-prefix(animation, fade 1s forwards, property);\n}\n\n@mixin repeat(){\n @include animation(infinite, iteration-count);\n}\n\n@mixin largeHeading() {\n @include font-size(20);\n font-family: $headingFont;\n font-style: normal;\n}\n\n@mixin disableSelect() {\n @include vendor-prefix(user-select, none, property);\n}\n","@import \"inc/bootstrap\";\n\n@mixin resource-selector-actions {\n display: inline-block;\n width: 40px;\n height: 40px;\n padding: 10px 0 0 12px;\n color: $textColor;\n border-left: solid 1px $uiGeneralContentBg;\n text-shadow: 0 0 0 transparent;\n text-decoration: none;\n\n &:hover, &.active {\n color: $uiClickableHoverBg;\n @include transition(color, 200ms, linear);\n }\n}\n\n.resource-selector{\n position: relative;\n height: 100%;\n\n @include flex-container(nowrap, column);\n opacity: 0;\n\n\n background-color: $uiClickableDefaultBg;\n @include simple-border;\n\n &.rendered {\n opacity: 1;\n @include transition(opacity, 300ms, linear);\n }\n\n @import \"resource-list\";\n @import \"resource-tree\";\n @import \"filters\";\n\n nav {\n height: 40px;\n @include vendor-prefix(flex, 0 1 40px, property, (-ms-, -webkit-, ''));\n border-top: solid 1px $uiGeneralContentBorder;\n }\n\n .context {\n @include flex-container(nowrap, row);\n padding-right: 16px;\n\n .class-context {\n @include simple-flex-box;\n overflow : hidden;\n\n .class-selector{\n position: static;\n .options {\n max-height: calc(100% - 120px);\n &.folded {\n max-height: 0;\n }\n }\n }\n }\n\n & > a {\n @include resource-selector-actions;\n }\n }\n\n .selection {\n\n @include flex-container(nowrap, row);\n padding-right: 16px;\n\n .selection-control {\n\n @include vendor-prefix(flex, 0 0 80px, property, (-ms-, -webkit-, ''));\n\n & > label {\n @include resource-selector-actions;\n width: 36px;\n padding: 10px 0 0 8px;\n margin: 0;\n }\n & > a {\n @include resource-selector-actions;\n width: 38px;\n }\n .selection-toggle .icon-multi-select:before {\n @include font-size(16);\n }\n .selection-toggle.hidden{\n display: inline-block !important;\n visibility: hidden;\n }\n }\n .search {\n @include simple-flex-box;\n position: relative;\n\n padding : 6px 6px 6px 5px;\n\n &:before {\n @include tao-icon-setup;\n @include icon-find;\n position: absolute;\n left: 12px;\n top: 12px;\n opacity: .4;\n }\n input {\n @include border-radius(2);\n max-width: inherit;\n width: 100%;\n padding: 4px 25px;\n }\n\n & > a.filters-opener {\n position: absolute;\n right: 12px;\n top: 10px;\n\n @include font-size(16);\n text-decoration: none;\n }\n }\n .filters-container {\n position: absolute;\n width: 100%;\n background-color: $uiClickableDefaultBg;\n border: solid 1px $uiGeneralContentBorder;\n @include border-radius-bottom(3);\n @include box-shadow;\n left: 0;\n top: 80px;\n overflow-y: auto;\n z-index: 100;\n max-height: calc(100% - 110px);\n @include transition(max-height, 300ms, ease);\n\n &.folded {\n overflow: hidden;\n max-height: 0;\n border-width: 0;\n @include transition(max-height, 300ms, ease);\n }\n }\n }\n\n main {\n @include simple-flex-box;\n\n min-height: 150px;\n\n border-top: solid 1px $uiGeneralContentBorder;\n background-color: $uiGeneralContentBg;\n height: 100%;\n overflow-y: scroll;\n\n .no-results {\n display:inline-block;\n width: 100%;\n text-align:center;\n margin: 10px auto;\n opacity: .75;\n }\n\n .more {\n height: 45px;\n padding: 10px;\n }\n\n &.loading .more {\n opacity: 0.65;\n cursor : inherit;\n }\n }\n\n footer {\n height: 30px;\n @include vendor-prefix(flex, 0 1 30px, property, (-ms-, -webkit-, ''));\n border-top: solid 1px $uiGeneralContentBorder;\n\n background-color: $uiClickableDefaultBg;\n text-align: center;\n padding: 5px;\n }\n}\n\n/*# sourceMappingURL=selector.css.map */","/* Do not edit */@mixin tao-icon-setup {\n /* use !important to prevent issues with browser extensions that change fonts */\n font-family: 'tao' !important;\n speak: none;\n font-style: normal;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n\n /* Better Font Rendering =========== */\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n@mixin icon-offline { content: \"\\e913\"; }\n@mixin icon-online { content: \"\\e914\"; }\n@mixin icon-tab { content: \"\\e90d\"; }\n@mixin icon-untab { content: \"\\e90e\"; }\n@mixin icon-multi-select { content: \"\\e90b\"; }\n@mixin icon-clipboard { content: \"\\e90a\"; }\n@mixin icon-filebox { content: \"\\e909\"; }\n@mixin icon-click-to-speak { content: \"\\e907\"; }\n@mixin icon-speech-bubble { content: \"\\f0e5\"; }\n@mixin icon-microphone { content: \"\\f130\"; }\n@mixin icon-microphone-off { content: \"\\f131\"; }\n@mixin icon-disconnect { content: \"\\e905\"; }\n@mixin icon-connect { content: \"\\e906\"; }\n@mixin icon-eliminate { content: \"\\e904\"; }\n@mixin icon-wheelchair { content: \"\\e903\"; }\n@mixin icon-text-marker { content: \"\\e902\"; }\n@mixin icon-unshield { content: \"\\e32a\"; }\n@mixin icon-shield { content: \"\\e8e8\"; }\n@mixin icon-tree { content: \"\\e6b4\"; }\n@mixin icon-home { content: \"\\e6b3\"; }\n@mixin icon-shared-file { content: \"\\e6b2\"; }\n@mixin icon-end-attempt { content: \"\\e603\"; }\n@mixin icon-icon { content: \"\\f1c5\"; }\n@mixin icon-radio-bg { content: \"\\e600\"; }\n@mixin icon-checkbox-bg { content: \"\\e601\"; }\n@mixin icon-tag { content: \"\\e602\"; }\n@mixin icon-style { content: \"\\e604\"; }\n@mixin icon-ownership-transfer { content: \"\\e605\"; }\n@mixin icon-property-advanced { content: \"\\e606\"; }\n@mixin icon-property-add { content: \"\\e607\"; }\n@mixin icon-repository-add { content: \"\\e608\"; }\n@mixin icon-repository-remove { content: \"\\e609\"; }\n@mixin icon-repository { content: \"\\e60a\"; }\n@mixin icon-result-server { content: \"\\e60b\"; }\n@mixin icon-folder { content: \"\\e60c\"; }\n@mixin icon-folder-open { content: \"\\e60d\"; }\n@mixin icon-left { content: \"\\e60e\"; }\n@mixin icon-right { content: \"\\e60f\"; }\n@mixin icon-up { content: \"\\e610\"; }\n@mixin icon-down { content: \"\\e611\"; }\n@mixin icon-undo { content: \"\\e612\"; }\n@mixin icon-redo { content: \"\\e613\"; }\n@mixin icon-screen { content: \"\\e614\"; }\n@mixin icon-laptop { content: \"\\e615\"; }\n@mixin icon-tablet { content: \"\\e616\"; }\n@mixin icon-phone { content: \"\\e617\"; }\n@mixin icon-move { content: \"\\e618\"; }\n@mixin icon-bin { content: \"\\e619\"; }\n@mixin icon-shuffle { content: \"\\e61a\"; }\n@mixin icon-print { content: \"\\e61b\"; }\n@mixin icon-tools { content: \"\\e61c\"; }\n@mixin icon-settings { content: \"\\e61d\"; }\n@mixin icon-video { content: \"\\e61e\"; }\n@mixin icon-find { content: \"\\e61f\"; }\n@mixin icon-image { content: \"\\e620\"; }\n@mixin icon-edit { content: \"\\e621\"; }\n@mixin icon-document { content: \"\\e622\"; }\n@mixin icon-resize-grid { content: \"\\e623\"; }\n@mixin icon-resize { content: \"\\e624\"; }\n@mixin icon-help { content: \"\\e625\"; }\n@mixin icon-mobile-menu { content: \"\\e626\"; }\n@mixin icon-fix { content: \"\\e627\"; }\n@mixin icon-unlock { content: \"\\e628\"; }\n@mixin icon-lock { content: \"\\e629\"; }\n@mixin icon-ul { content: \"\\e62a\"; }\n@mixin icon-ol { content: \"\\e62b\"; }\n@mixin icon-email { content: \"\\e62c\"; }\n@mixin icon-download { content: \"\\e62d\"; }\n@mixin icon-logout { content: \"\\e62e\"; }\n@mixin icon-login { content: \"\\e62f\"; }\n@mixin icon-spinner { content: \"\\e630\"; }\n@mixin icon-preview { content: \"\\e631\"; }\n@mixin icon-external { content: \"\\e632\"; }\n@mixin icon-time { content: \"\\e633\"; }\n@mixin icon-save { content: \"\\e634\"; }\n@mixin icon-warning { content: \"\\e635\"; }\n@mixin icon-add { content: \"\\e636\"; }\n@mixin icon-error { content: \"\\e900\"; }\n@mixin icon-close { content: \"\\e637\"; }\n@mixin icon-success { content: \"\\e638\"; }\n@mixin icon-remove { content: \"\\e639\"; }\n@mixin icon-info { content: \"\\e63a\"; }\n@mixin icon-danger { content: \"\\e63b\"; }\n@mixin icon-users { content: \"\\e63c\"; }\n@mixin icon-user { content: \"\\e63d\"; }\n@mixin icon-test-taker { content: \"\\e63e\"; }\n@mixin icon-test-takers { content: \"\\e63f\"; }\n@mixin icon-item { content: \"\\e640\"; }\n@mixin icon-test { content: \"\\e641\"; }\n@mixin icon-delivery { content: \"\\e642\"; }\n@mixin icon-eye-slash { content: \"\\e643\"; }\n@mixin icon-result { content: \"\\e644\"; }\n@mixin icon-delivery-small { content: \"\\e645\"; }\n@mixin icon-upload { content: \"\\e646\"; }\n@mixin icon-result-small { content: \"\\e647\"; }\n@mixin icon-mobile-preview { content: \"\\e648\"; }\n@mixin icon-extension { content: \"\\e649\"; }\n@mixin icon-desktop-preview { content: \"\\e64a\"; }\n@mixin icon-tablet-preview { content: \"\\e64b\"; }\n@mixin icon-insert-horizontal-line { content: \"\\e64c\"; }\n@mixin icon-table { content: \"\\e64d\"; }\n@mixin icon-anchor { content: \"\\e64e\"; }\n@mixin icon-unlink { content: \"\\e64f\"; }\n@mixin icon-link { content: \"\\e650\"; }\n@mixin icon-right-left { content: \"\\e651\"; }\n@mixin icon-left-right { content: \"\\e652\"; }\n@mixin icon-special-character { content: \"\\e653\"; }\n@mixin icon-source { content: \"\\e654\"; }\n@mixin icon-new-page { content: \"\\e655\"; }\n@mixin icon-templates { content: \"\\e656\"; }\n@mixin icon-cut { content: \"\\e657\"; }\n@mixin icon-replace { content: \"\\e658\"; }\n@mixin icon-copy { content: \"\\e659\"; }\n@mixin icon-paste { content: \"\\e65a\"; }\n@mixin icon-select-all { content: \"\\e65b\"; }\n@mixin icon-paste-text { content: \"\\e65c\"; }\n@mixin icon-paste-word { content: \"\\e65d\"; }\n@mixin icon-bold { content: \"\\e65e\"; }\n@mixin icon-italic { content: \"\\e65f\"; }\n@mixin icon-underline { content: \"\\e660\"; }\n@mixin icon-subscript { content: \"\\e661\"; }\n@mixin icon-superscript { content: \"\\e662\"; }\n@mixin icon-strike-through { content: \"\\e663\"; }\n@mixin icon-decrease-indent { content: \"\\e664\"; }\n@mixin icon-increase-indent { content: \"\\e665\"; }\n@mixin icon-block-quote { content: \"\\e666\"; }\n@mixin icon-div-container { content: \"\\e667\"; }\n@mixin icon-align-left { content: \"\\e668\"; }\n@mixin icon-center { content: \"\\e669\"; }\n@mixin icon-align-right { content: \"\\e66a\"; }\n@mixin icon-justify { content: \"\\e66b\"; }\n@mixin icon-choice { content: \"\\e66c\"; }\n@mixin icon-inline-choice { content: \"\\e66d\"; }\n@mixin icon-match { content: \"\\e66e\"; }\n@mixin icon-associate { content: \"\\e66f\"; }\n@mixin icon-media { content: \"\\e670\"; }\n@mixin icon-graphic-order { content: \"\\e671\"; }\n@mixin icon-hotspot { content: \"\\e672\"; }\n@mixin icon-graphic-gap { content: \"\\e673\"; }\n@mixin icon-graphic-associate { content: \"\\e674\"; }\n@mixin icon-select-point { content: \"\\e675\"; }\n@mixin icon-pin { content: \"\\e676\"; }\n@mixin icon-import { content: \"\\e677\"; }\n@mixin icon-export { content: \"\\e678\"; }\n@mixin icon-move-item { content: \"\\e679\"; }\n@mixin icon-meta-data { content: \"\\e67a\"; }\n@mixin icon-slider { content: \"\\e67b\"; }\n@mixin icon-summary-report { content: \"\\e67c\"; }\n@mixin icon-text-entry { content: \"\\e67d\"; }\n@mixin icon-extended-text { content: \"\\e67e\"; }\n@mixin icon-eraser { content: \"\\e67f\"; }\n@mixin icon-row { content: \"\\e680\"; }\n@mixin icon-column { content: \"\\e681\"; }\n@mixin icon-text-color { content: \"\\e682\"; }\n@mixin icon-background-color { content: \"\\e683\"; }\n@mixin icon-spell-check { content: \"\\e684\"; }\n@mixin icon-polygon { content: \"\\e685\"; }\n@mixin icon-rectangle { content: \"\\e686\"; }\n@mixin icon-gap-match { content: \"\\e687\"; }\n@mixin icon-order { content: \"\\e688\"; }\n@mixin icon-hottext { content: \"\\e689\"; }\n@mixin icon-free-form { content: \"\\e68a\"; }\n@mixin icon-step-backward { content: \"\\e68b\"; }\n@mixin icon-fast-backward { content: \"\\e68c\"; }\n@mixin icon-backward { content: \"\\e68d\"; }\n@mixin icon-play { content: \"\\e68e\"; }\n@mixin icon-pause { content: \"\\e68f\"; }\n@mixin icon-stop { content: \"\\e690\"; }\n@mixin icon-forward { content: \"\\e691\"; }\n@mixin icon-fast-forward { content: \"\\e692\"; }\n@mixin icon-step-forward { content: \"\\e693\"; }\n@mixin icon-ellipsis { content: \"\\e694\"; }\n@mixin icon-circle { content: \"\\e695\"; }\n@mixin icon-target { content: \"\\e696\"; }\n@mixin icon-guide-arrow { content: \"\\e697\"; }\n@mixin icon-range-slider-right { content: \"\\e698\"; }\n@mixin icon-range-slider-left { content: \"\\e699\"; }\n@mixin icon-radio-checked { content: \"\\e69a\"; }\n@mixin icon-checkbox-indeterminate { content: \"\\e901\"; }\n@mixin icon-checkbox { content: \"\\e69b\"; }\n@mixin icon-checkbox-crossed { content: \"\\e69c\"; }\n@mixin icon-checkbox-checked { content: \"\\e69d\"; }\n@mixin icon-result-nok { content: \"\\e69e\"; }\n@mixin icon-result-ok { content: \"\\e69f\"; }\n@mixin icon-not-evaluated { content: \"\\e6a0\"; }\n@mixin icon-filter { content: \"\\e6a1\"; }\n@mixin icon-translate { content: \"\\e6a2\"; }\n@mixin icon-eject { content: \"\\e6a3\"; }\n@mixin icon-continue { content: \"\\e6a4\"; }\n@mixin icon-radio { content: \"\\e6a5\"; }\n@mixin icon-sphere { content: \"\\e6a6\"; }\n@mixin icon-reset { content: \"\\e6a7\"; }\n@mixin icon-smaller { content: \"\\e6a8\"; }\n@mixin icon-larger { content: \"\\e6a9\"; }\n@mixin icon-clock { content: \"\\e6aa\"; }\n@mixin icon-font { content: \"\\e6ab\"; }\n@mixin icon-maths { content: \"\\e6ac\"; }\n@mixin icon-grip { content: \"\\e6ad\"; }\n@mixin icon-rubric { content: \"\\e6ae\"; }\n@mixin icon-audio { content: \"\\e6af\"; }\n@mixin icon-grip-h { content: \"\\e6b0\"; }\n@mixin icon-magicwand { content: \"\\e6b1\"; }\n@mixin icon-loop { content: \"\\ea2e\"; }\n@mixin icon-calendar { content: \"\\e953\"; }\n@mixin icon-reload { content: \"\\e984\"; }\n@mixin icon-speed { content: \"\\e9a6\"; }\n@mixin icon-volume { content: \"\\ea27\"; }\n@mixin icon-contrast { content: \"\\e9d5\"; }\n@mixin icon-headphones { content: \"\\e910\"; }\n@mixin icon-compress { content: \"\\f066\"; }\n@mixin icon-map-o { content: \"\\f278\"; }\n@mixin icon-variable { content: \"\\e908\"; }\n@mixin icon-tooltip { content: \"\\e90c\"; }\n@mixin icon-globe { content: \"\\e9c9\"; }\n@mixin icon-highlighter { content: \"\\e90f\"; }\n@mixin icon-eliminate-crossed { content: \"\\e911\"; }\n@mixin icon-play-from-here { content: \"\\e912\"; }\n@mixin icon-wrap-inline { content: \"\\e917\"; }\n@mixin icon-wrap-right { content: \"\\e915\"; }\n@mixin icon-wrap-left { content: \"\\e916\"; }\n@mixin icon-indicator { content: \"\\e920\"; }\n@mixin icon-bookmark { content: \"\\e921\"; }\n@mixin icon-bookmark-outline { content: \"\\e922\"; }\n@mixin icon-info-bare { content: \"\\e923\"; }","// buttons and alerts\n$success: rgb(14, 145, 75);\n$info: rgb(14, 93, 145);\n$warning: rgb(216, 174, 91);\n$danger: rgb(201, 96, 67);\n$error: rgb(186, 18, 43);\n$activeInteraction: rgb(195, 90, 19);\n\n// corporate identity\n$logoRed: rgb(186, 18, 43);\n$grey: rgb(173, 161, 148);\n$darkBlueGrey: rgb(164, 187, 197);\n$mediumBlueGrey: rgb(193, 212, 220);\n$lightBlueGrey: rgb(228, 236, 239);\n$brownRedGrey: rgb(154, 137, 123);\n$darkBrown: rgb(111, 99, 89);\n$websiteBorder: rgb(141, 148, 158);\n\n// ui elements, these should only variations of the above\n// naming convention: jQueryUi theme roller -> camelCase\n\n$textColor: #222;\n$textHighlight: white;\n\n$uiGeneralContentBg: white();\n$uiGeneralContentBorder: #ddd;\n\n$uiHeaderBg: #d4d5d7;\n\n$uiClickableDefaultBg: #f3f1ef;\n$uiClickableHoverBg: whiten($info, 0.2);\n//$uiClickableActiveBg: $uiHeaderBg;\n$uiClickableActiveBg: whiten($websiteBorder, 0.2);\n//$uiClickableActiveBg: #aaa;\n\n$uiSelectableSelectedBg: whiten($info, 0.2);\n$uiSelectableSelectedHoverBg: whiten($info, 0.1);\n$uiSelectableHoverBg: whiten($info, 0.9);\n\n$uiOverlay: $lightBlueGrey;\n\n// new layout. Implemented now only for review panel\n$uiReviewPanelBg: #f2f2f2;\n$uiReviewPanelTextDisabled: hsl(0, 0%, 45%);\n$uiReviewPanelTextDefault: hsl(0, 0%, 12%);\n$uiReviewPanelBgDefault: $uiGeneralContentBg;\n$uiReviewPanelPrimaryHighlight: hsl(208, 100%, 32%);\n$uiReviewPanelBgInverted: $uiReviewPanelTextDefault;\n$uiReviewPanelTextInverted: $uiGeneralContentBg;\n\n// sidebars etc.\n$canvas: mix(#fff, $grey, 85%);\n\n// colors taken from feedback.scss\n$successBgColor: whiten($success, 0.8);\n$successBorderColor: whiten($success, 0.1);\n\n$infoBgColor: whiten($info, 0.8);\n$infoBorderColor: whiten($info, 0.1);\n\n$warningBgColor: whiten($warning, 0.8);\n$warningBorderColor: whiten($warning, 0.1);\n\n$dangerBgColor: whiten($danger, 0.8);\n$dangerBorderColor: whiten($danger, 0.1);\n\n$errorBgColor: whiten($error, 0.8);\n$errorBorderColor: whiten($error, 0.1);\n\n$darkBar: rgb(51, 51, 51);\n$darkBarTxt: rgb(230, 230, 230);\n$darkBarIcon: rgb(220, 220, 220);\n\n$actionLinkColor: #276d9b;\n$actionLinkHoverColor: #4f83a7;\n\n$colorWheel-01: #c3ba13;\n$colorWheel-02: #84a610;\n$colorWheel-03: #2b8e0e;\n$colorWheel-04: #0f9787;\n$colorWheel-05: #0e5d91;\n$colorWheel-06: #0d2689;\n$colorWheel-07: #400d83;\n$colorWheel-08: #960e7d;\n$colorWheel-09: #ba122b;\n$colorWheel-10: #c34713;\n$colorWheel-11: #c36f13;\n$colorWheel-12: #c39413;\n",".resource-list {\n position: relative;\n height: 100%;\n\n opacity : 0;\n &.rendered {\n opacity: 1;\n @include transition(opacity, 300ms, linear);\n }\n\n &.multiple ul li a:after{\n display: block;\n @include transition(all, 200ms, linear);\n }\n\n &.multiple ul li[data-access=\"denied\"] a:after {\n display: none;\n }\n\n ul {\n list-style-type: none;\n padding: 0;\n margin: 0;\n\n li {\n position: relative;\n height: 40px;\n padding: 10px;\n border-bottom: solid 1px $uiGeneralContentBorder;\n\n @include transition(background-color, 200ms, linear);\n\n a {\n @include transition(color, 200ms, linear);\n color: $textColor;\n display: inline-block;\n width: 100%;\n padding-right: 25px;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n\n &:after {\n @include tao-icon-setup;\n @include icon-checkbox;\n color: $info;\n position: absolute;\n right: 17px;\n top: 12px;\n display: none;\n }\n &:hover {\n text-decoration: none;\n }\n\n & > span {\n color: $info;\n margin-right: 4px;\n @include font-size(16);\n vertical-align: top;\n }\n }\n\n &.selected, &:hover {\n background-color: $uiClickableHoverBg;\n cursor: pointer;\n @include transition(background-color, 200ms, linear);\n a {\n color: $textHighlight;\n @include transition(color, 200ms, linear);\n\n &:after {\n color: $textHighlight;\n }\n & > span {\n color: $textHighlight;\n }\n }\n }\n &.selected a:after {\n @include icon-checkbox-checked;\n }\n\n &[data-access=denied] > a, &[data-access=partial] > a {\n [class^=\"icon-\"], [class*=\" icon-\"] {\n position: relative;\n &:after {\n @include icon-lock;\n color: #555;\n position: absolute;\n left: 7px;\n top: 6px;\n }\n }\n }\n &[data-access=denied] {\n color: $uiClickableActiveBg;\n background-color: $textHighlight;\n &:hover, &:hover > a, & > a, [class^=\"icon-\"]:before, [class*=\" icon-\"]:before {\n cursor: auto;\n background-color: $textHighlight;\n color: $uiClickableActiveBg !important;\n }\n }\n }\n }\n}\n",".resource-tree{\n $nodeHeight: 40px;\n $actionWidth: 25px;\n $hoverWidth: $nodeHeight - 15px;\n\n position: relative;\n height: 100%;\n opacity : 0;\n &.rendered {\n opacity: 1;\n @include transition(opacity, 300ms, linear);\n }\n\n &.multiple ul li.selectable {\n & > a > .selector {\n display: inline-block;\n }\n }\n\n &.multiple ul li.instance[data-access=\"denied\"] a .selector {\n display: none;\n }\n\n .clickable {\n &:hover {\n &:before {\n content: \" \";\n display: inline-block;\n position: absolute;\n width: $hoverWidth;\n height: $hoverWidth;\n top: 7.5px;\n left: 0;\n border-radius: 50%;\n background-color: blacken($uiSelectableHoverBg, .2);\n opacity: .5;\n }\n }\n &:focus {\n outline: 0 none;\n }\n }\n\n ul {\n list-style-type: none;\n padding: 0;\n margin: 0;\n\n li {\n position: relative;\n cursor: pointer;\n\n & > a {\n height: $nodeHeight;\n line-height: $nodeHeight;\n display: block;\n width: 100%;\n padding-right: 30px;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n border-bottom: solid 1px $uiGeneralContentBorder;\n color : $textColor;\n }\n &.class {\n .class-toggler {\n display: inline-block;\n position: relative;\n width: $actionWidth;\n height: $nodeHeight;\n text-align: center;\n &:after {\n @include tao-icon-setup;\n @include icon-down;\n @include font-size(15);\n position: relative;\n }\n }\n &.empty .class-toggler{\n visibility: hidden;\n }\n & > a {\n & > .icon-folder:before {\n @include icon-folder-open;\n color: $warning;\n margin-right: 4px;\n }\n &:hover {\n background-color: $uiSelectableHoverBg;\n color : $textColor;\n @include transition(all, 200ms, linear);\n }\n }\n\n &.selected {\n & > a {\n background-color: $uiSelectableSelectedBg;\n color: $textHighlight;\n &:before, &:after {\n color: $textHighlight;\n }\n @include transition(all, 200ms, linear);\n\n &:hover {\n background-color: $uiSelectableSelectedHoverBg;\n @include transition(all, 200ms, linear);\n }\n .clickable:hover:before {\n background-color: whiten($uiSelectableSelectedHoverBg, .2);\n }\n }\n }\n &.closed {\n & > a > .class-toggler:after {\n @include icon-right;\n }\n & > a > .icon-folder:before {\n @include icon-folder;\n }\n & > ul {\n display: none;\n }\n }\n }\n &.instance {\n & > a > [class^=\"icon-\"], & > a > [class*=\" icon-\"] {\n color: $info;\n margin-right: 4px;\n margin-left: $actionWidth;\n @include font-size(16);\n }\n &:hover {\n background-color: $uiSelectableHoverBg;\n color : $textColor;\n @include transition(all, 200ms, linear);\n }\n &.selected {\n background-color: $uiSelectableSelectedBg;\n & > a, & > a > [class^=\"icon-\"], & > a > [class*=\" icon-\"] {\n color: $textHighlight;\n }\n @include transition(all, 200ms, linear);\n\n &:hover {\n background-color: $uiSelectableSelectedHoverBg;\n @include transition(all, 200ms, linear);\n }\n .clickable:hover:before {\n background-color: whiten($uiSelectableSelectedHoverBg, .2);\n }\n }\n }\n & > a > .selector {\n display: none;\n position: absolute;\n top: 0;\n right: 8px;\n line-height: $nodeHeight;\n height: $nodeHeight;\n width: $actionWidth;\n text-align:center;\n\n &:after {\n @include transition(all, 200ms, linear);\n @include tao-icon-setup;\n @include icon-checkbox;\n @include font-size(15);\n color: $info;\n line-height: $nodeHeight;\n position: relative;\n }\n }\n &.selected > a > .selector:after {\n @include icon-checkbox-checked;\n }\n &.selected > a > .selector:after, &.selected > a:hover > .selector:after {\n color: $textHighlight;\n }\n &[data-access=denied] > a, &[data-access=partial] > a {\n [class^=\"icon-\"], [class*=\" icon-\"] {\n position: relative;\n &:after {\n @include icon-lock;\n color: #555;\n position: absolute;\n left: 7px;\n top: 6px;\n }\n }\n }\n &[data-access=denied] {\n color: $uiClickableActiveBg;\n background-color: $textHighlight;\n &:hover, &:hover > a, & > a, [class^=\"icon-\"]:before, [class*=\" icon-\"]:before {\n cursor: auto;\n background-color: $textHighlight;\n color: $uiClickableActiveBg !important;\n }\n }\n a:hover {\n text-decoration: none;\n }\n }\n }\n}\n",".filters {\n position: relative;\n height: 100%;\n opacity : 0;\n &.rendered {\n opacity: 1;\n @include transition(opacity, 300ms, linear);\n }\n\n .ui-generis-form {\n margin: 0;\n padding: 10px;\n width: 100%;\n background-color: $uiClickableDefaultBg;\n border: none;\n h2 {\n margin: 0;\n }\n .left {\n width: 100%;\n }\n .toolbar {\n margin: 0;\n }\n }\n}\n"]}
|
|
1
|
+
{"version":3,"sources":["../../../scss/inc/_functions.scss","../scss/selector.scss","../../../scss/inc/fonts/_tao-icon-vars.scss","../../../scss/inc/_colors.scss","../scss/_resource-list.scss","../scss/_resource-tree.scss","../scss/_filters.scss"],"names":[],"mappings":"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","file":"selector.css","sourcesContent":["@mixin iterate-sprite($iconList, $x, $y, $direction, $prefix:'') {\n @each $icon in $iconList {\n #{$prefix}#{$icon} {\n background-position: $x * 1px $y * 1px;\n }\n @if $direction == 'x' {\n $x: $x - 16;\n } @else {\n $y: $y - 16;\n }\n }\n}\n\n/*\nUsage:\n- linear-gradient((color1, color2, color3)) - returns linear-gradient with evenly distributed colors,\n if 3 colors used then the position of each will be 33,33%\n- linear-gradient((color1 0%, color2 30%, color3 80%)) - returns linear-gradient with manually distributed colors,\n first param - color, second - position. Also you can use px or other valid units for set position.\n*/\n@mixin linear-gradient($colorList, $direction: 'to right') {\n $percentage: 0;\n $units: '%';\n $count: length($colorList);\n $increment: 100 / ($count - 1);\n $css: #{$direction + ', '};\n $sep: ', ';\n @each $colorItem in $colorList {\n $color: $colorItem;\n @if (length($colorItem) > 1) {\n $color: nth($colorItem, 1);\n $percentage: nth($colorItem, 2);\n $units: '';\n }\n @if ($percentage >= 100 or index($colorList, $colorItem) == $count) {\n $sep: '';\n }\n $css: #{$css + $color + ' ' + $percentage + $units + $sep};\n $percentage: $percentage + $increment;\n }\n background: linear-gradient( #{$css} );\n}\n\n@mixin grid-unit($span, $numCols: 12, $gutter: 0) {\n $gridPx: 840;\n $rawSpanPx: (($gridPx - ($numCols * $gutter)) / $numCols);\n $spanPx: $rawSpanPx * $span + (($span - 1) * $gutter);\n $spanPercent: widthPerc($spanPx, $gridPx);\n $marginPercent: widthPerc($gutter, $gridPx);\n margin-left: $marginPercent;\n width: $spanPercent;\n}\n\n\n@mixin vendor-prefix($property, $value, $whatToPrefix: property, $prefixes: (-webkit-, -moz-, -ms-, -o-, '')) {\n @if $whatToPrefix == 'property' {\n @each $prefix in $prefixes {\n #{$prefix + $property}: #{$value};\n }\n }\n @else if $whatToPrefix == 'value' {\n @each $prefix in $prefixes {\n #{$property}: #{$prefix + $value};\n }\n }\n}\n@mixin flex-container($wrapBehavior: nowrap, $direction : row) {\n @include vendor-prefix(display, flex, value, (-ms-, -webkit-, ''));\n\n @include vendor-prefix(flex-direction, $direction, property, (-ms-, -webkit-, ''));\n @include vendor-prefix(flex-wrap, $wrapBehavior, property, (-ms-, -webkit-, ''));\n\n @include vendor-prefix(justify-content, flex-start, property, (-webkit-, ''));\n\n @include vendor-prefix(align-content, flex-start, property, (-webkit-, ''));\n\n @include vendor-prefix(align-items, stretch, property, (-webkit-, ''));\n}\n\n@mixin simple-flex-box($width: auto, $minWidth: 1) {\n\n @include vendor-prefix(order, 0, property, (-ms-, -webkit-, ''));\n flex-item-align: stretch;\n -ms-flex-item-align: stretch;\n @include vendor-prefix(align-self, stretch, property, (-webkit-, ''));\n\n // if both, min width and width are set, width will win this conflict\n @if ($width == auto) {\n @if ($minWidth != 1) {\n @include vendor-prefix(flex, 1 1 $minWidth, property, (-ms-, -webkit-, ''));\n }\n @else {\n @include vendor-prefix(flex, 1 1 auto, property, (-ms-, -webkit-, ''));\n // @see https://developer.mozilla.org/en-US/docs/Web/CSS/flex-basis#Values\n // for a discussion auto vs. main-size\n @include vendor-prefix(flex, 1 1, property, (-ms-, -webkit-, ''));\n }\n }\n @else {\n @include vendor-prefix(flex, 0 0 $width, property, (-ms-, -webkit-, ''));\n }\n}\n\n\n@mixin box-shadow($horiz: 1px, $vert: 1px, $blur: 2px, $spread: 0, $color: rgba(0, 0, 0, .2)) {\n @include vendor-prefix(box-shadow, $horiz $vert $blur $spread $color, property);\n}\n\n@mixin simple-border($color: #ddd) {\n border: 1px solid $color;\n border-radius: 2px;\n -webkit-border-radius: 2px;\n}\n\n@mixin border-radius($radius: 2) {\n -moz-border-radius: $radius * 1px;\n -webkit-border-radius: $radius * 1px;\n border-radius: $radius * 1px;\n}\n\n@mixin border-radius-top($radius: 2) {\n -webkit-border-top-left-radius: $radius * 1px;\n -webkit-border-top-right-radius: $radius * 1px;\n -moz-border-radius-topleft: $radius * 1px;\n -moz-border-radius-topright: $radius * 1px;\n border-top-left-radius: $radius * 1px;\n border-top-right-radius: $radius * 1px;\n}\n\n@mixin border-radius-bottom($radius: 2) {\n -webkit-border-bottom-right-radius: $radius * 1px;\n -webkit-border-bottom-left-radius: $radius * 1px;\n -moz-border-radius-bottomright: $radius * 1px;\n -moz-border-radius-bottomleft: $radius * 1px;\n border-bottom-right-radius: $radius * 1px;\n border-bottom-left-radius: $radius * 1px;\n}\n\n@mixin border-radius-left($radius: 2) {\n -webkit-border-top-left-radius: $radius * 1px;\n -webkit-border-bottom-left-radius: $radius * 1px;\n -moz-border-radius-topleft: $radius * 1px;\n -moz-border-radius-bottomleft: $radius * 1px;\n border-top-left-radius: $radius * 1px;\n border-bottom-left-radius: $radius * 1px;\n}\n\n@mixin border-radius-right($radius: 2) {\n -webkit-border-top-right-radius: $radius * 1px;\n -webkit-border-bottom-right-radius: $radius * 1px;\n -moz-border-radius-topright: $radius * 1px;\n -moz-border-radius-bottomright: $radius * 1px;\n border-top-right-radius: $radius * 1px;\n border-bottom-right-radius: $radius * 1px;\n}\n\n@mixin border-radius-top-left($radius: 2) {\n -webkit-border-top-left-radius: $radius * 1px;\n -moz-border-radius-topleft: $radius * 1px;\n border-top-left-radius: $radius * 1px;\n}\n\n@mixin border-radius-top-right($radius: 2) {\n -webkit-border-top-right-radius: $radius * 1px;\n -moz-border-radius-topright: $radius * 1px;\n border-top-right-radius: $radius * 1px;\n}\n\n@mixin border-radius-bottom-right($radius: 2) {\n -webkit-border-bottom-right-radius: $radius * 1px;\n -moz-border-radius-bottomright: $radius * 1px;\n border-bottom-right-radius: $radius * 1px;\n}\n\n@mixin border-radius-bottom-left($radius: 2) {\n -webkit-border-bottom-left-radius: $radius * 1px;\n -moz-border-radius-bottomleft: $radius * 1px;\n border-bottom-left-radius: $radius * 1px;\n}\n\n@mixin border-box() {\n -moz-box-sizing: border-box;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n\n@function whiten($color, $white: 0.3) {\n @return mix(#fff, $color, ($white * 100) * 1%);\n}\n\n@function blacken($color, $black: 0.3) {\n @return mix(#000, $color, ($black * 100) * 1%);\n}\n\n@function widthPerc($colWidth, $context) {\n @return ($colWidth * 100 / $context) * 1%\n}\n\n@function remDist($fontSizePx) {\n @return ($fontSizePx / 10) * 1rem\n}\n\n@function black($alpha: 1) {\n @return (rgba(0, 0, 0, $alpha))\n}\n\n@function white($alpha: 1) {\n @return (rgba(255, 255, 255, $alpha))\n}\n\n@mixin font-size($remPx, $important: false) {\n @if $important == true {\n font-size: ($remPx) * 1px !important;\n font-size: ($remPx / 10) * 1rem !important;\n }\n @else {\n font-size: ($remPx) * 1px;\n font-size: ($remPx / 10) * 1rem;\n }\n}\n\n\n@mixin keyframes($name) {\n @-o-keyframes #{$name} { @content };\n @-moz-keyframes #{$name} { @content };\n @-webkit-keyframes #{$name} { @content };\n @keyframes #{$name} { @content };\n}\n\n\n@mixin animation($value, $type:'') {\n $animation: animation;\n @if $type != '' {\n $animation: $animation + '-' + $type;\n }\n @include vendor-prefix($animation, $value, property);\n}\n\n/// CSS transition mixin to the current selection (apply also vendor prefixes).\n/// See <https://developer.mozilla.org/en-US/docs/Web/CSS/transition> for the values\n///\n/// @param {property} [$type = all] the CSS property to apply the transition to\n/// @param {time} [$duration = .5s] the transition property\n/// @param {timing-function} [$effect = ease-out] the transition property\n@mixin transition($type : all, $duration : 0.5s, $effect : ease-out, $delay : 0s){\n @include vendor-prefix(transition, $type + ', ' + $duration + ', ' + $effect + ', ' + $delay, property);\n}\n\n@mixin fade($duration: 1s){\n\n @include keyframes(fade) {\n 0% {opacity:0;}\n 50% {opacity:1;}\n 100% {opacity:0;}\n }\n\n @include vendor-prefix(animation, fade 1s forwards, property);\n}\n\n@mixin repeat(){\n @include animation(infinite, iteration-count);\n}\n\n@mixin largeHeading() {\n @include font-size(20);\n font-family: $headingFont;\n font-style: normal;\n}\n\n@mixin disableSelect() {\n @include vendor-prefix(user-select, none, property);\n}\n","@import \"inc/bootstrap\";\n\n@mixin resource-selector-actions {\n display: inline-block;\n width: 40px;\n height: 40px;\n padding: 10px 0 0 12px;\n color: $textColor;\n border-left: solid 1px $uiGeneralContentBg;\n text-shadow: 0 0 0 transparent;\n text-decoration: none;\n\n &:hover, &.active {\n color: $uiClickableHoverBg;\n @include transition(color, 200ms, linear);\n }\n}\n\n.resource-selector{\n position: relative;\n height: 100%;\n\n @include flex-container(nowrap, column);\n opacity: 0;\n\n\n background-color: $uiClickableDefaultBg;\n @include simple-border;\n\n &.rendered {\n opacity: 1;\n @include transition(opacity, 300ms, linear);\n }\n\n @import \"resource-list\";\n @import \"resource-tree\";\n @import \"filters\";\n\n nav {\n height: 40px;\n @include vendor-prefix(flex, 0 1 40px, property, (-ms-, -webkit-, ''));\n border-top: solid 1px $uiGeneralContentBorder;\n }\n\n .context {\n @include flex-container(nowrap, row);\n padding-right: 16px;\n\n .class-context {\n @include simple-flex-box;\n overflow : hidden;\n\n .class-selector{\n position: static;\n .options {\n max-height: calc(100% - 120px);\n &.folded {\n max-height: 0;\n }\n }\n }\n }\n\n & > a {\n @include resource-selector-actions;\n }\n }\n\n .selection {\n\n @include flex-container(nowrap, row);\n padding-right: 16px;\n\n .selection-control {\n\n @include vendor-prefix(flex, 0 0 80px, property, (-ms-, -webkit-, ''));\n\n & > label {\n @include resource-selector-actions;\n width: 36px;\n padding: 10px 0 0 8px;\n margin: 0;\n }\n & > a {\n @include resource-selector-actions;\n width: 38px;\n }\n .selection-toggle .icon-multi-select:before {\n @include font-size(16);\n }\n .selection-toggle.hidden{\n display: inline-block !important;\n visibility: hidden;\n }\n }\n .search {\n @include simple-flex-box;\n position: relative;\n\n padding : 6px 6px 6px 5px;\n\n &:before {\n @include tao-icon-setup;\n @include icon-find;\n position: absolute;\n left: 12px;\n top: 12px;\n opacity: .4;\n }\n input {\n @include border-radius(2);\n max-width: inherit;\n width: 100%;\n padding: 4px 25px;\n }\n\n & > a.filters-opener {\n position: absolute;\n right: 12px;\n top: 10px;\n\n @include font-size(16);\n text-decoration: none;\n }\n }\n .filters-container {\n position: absolute;\n width: 100%;\n background-color: $uiClickableDefaultBg;\n border: solid 1px $uiGeneralContentBorder;\n @include border-radius-bottom(3);\n @include box-shadow;\n left: 0;\n top: 80px;\n overflow-y: auto;\n z-index: 100;\n max-height: calc(100% - 110px);\n @include transition(max-height, 300ms, ease);\n\n &.folded {\n overflow: hidden;\n max-height: 0;\n border-width: 0;\n @include transition(max-height, 300ms, ease);\n }\n }\n }\n\n main {\n @include simple-flex-box;\n\n min-height: 150px;\n\n border-top: solid 1px $uiGeneralContentBorder;\n background-color: $uiGeneralContentBg;\n height: 100%;\n overflow-y: scroll;\n\n .no-results {\n display:inline-block;\n width: 100%;\n text-align:center;\n margin: 10px auto;\n opacity: .75;\n }\n\n .more {\n height: 45px;\n padding: 10px;\n }\n\n &.loading .more {\n opacity: 0.65;\n cursor : inherit;\n }\n }\n\n footer {\n height: 30px;\n @include vendor-prefix(flex, 0 1 30px, property, (-ms-, -webkit-, ''));\n border-top: solid 1px $uiGeneralContentBorder;\n\n background-color: $uiClickableDefaultBg;\n text-align: center;\n padding: 5px;\n }\n}\n\n/*# sourceMappingURL=selector.css.map */","/* Do not edit */@mixin tao-icon-setup {\n /* use !important to prevent issues with browser extensions that change fonts */\n font-family: 'tao' !important;\n speak: never;\n font-style: normal;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n\n /* Better Font Rendering =========== */\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n@mixin icon-info-bare { content: \"\\e923\"; }\n@mixin icon-bookmark-outline { content: \"\\e922\"; }\n@mixin icon-bookmark { content: \"\\e921\"; }\n@mixin icon-indicator { content: \"\\e920\"; }\n@mixin icon-add-subsection { content: \"\\e918\"; }\n@mixin icon-wrap-inline { content: \"\\e915\"; }\n@mixin icon-wrap-left { content: \"\\e916\"; }\n@mixin icon-wrap-right { content: \"\\e917\"; }\n@mixin icon-offline { content: \"\\e913\"; }\n@mixin icon-online { content: \"\\e914\"; }\n@mixin icon-tab { content: \"\\e90d\"; }\n@mixin icon-untab { content: \"\\e90e\"; }\n@mixin icon-multi-select { content: \"\\e90b\"; }\n@mixin icon-clipboard { content: \"\\e90a\"; }\n@mixin icon-filebox { content: \"\\e909\"; }\n@mixin icon-click-to-speak { content: \"\\e907\"; }\n@mixin icon-speech-bubble { content: \"\\f0e5\"; }\n@mixin icon-microphone { content: \"\\f130\"; }\n@mixin icon-microphone-off { content: \"\\f131\"; }\n@mixin icon-disconnect { content: \"\\e905\"; }\n@mixin icon-connect { content: \"\\e906\"; }\n@mixin icon-eliminate { content: \"\\e904\"; }\n@mixin icon-wheelchair { content: \"\\e903\"; }\n@mixin icon-text-marker { content: \"\\e902\"; }\n@mixin icon-unshield { content: \"\\e32a\"; }\n@mixin icon-shield { content: \"\\e8e8\"; }\n@mixin icon-tree { content: \"\\e6b4\"; }\n@mixin icon-home { content: \"\\e6b3\"; }\n@mixin icon-shared-file { content: \"\\e6b2\"; }\n@mixin icon-end-attempt { content: \"\\e603\"; }\n@mixin icon-icon { content: \"\\f1c5\"; }\n@mixin icon-radio-bg { content: \"\\e600\"; }\n@mixin icon-checkbox-bg { content: \"\\e601\"; }\n@mixin icon-tag { content: \"\\e602\"; }\n@mixin icon-style { content: \"\\e604\"; }\n@mixin icon-ownership-transfer { content: \"\\e605\"; }\n@mixin icon-property-advanced { content: \"\\e606\"; }\n@mixin icon-property-add { content: \"\\e607\"; }\n@mixin icon-repository-add { content: \"\\e608\"; }\n@mixin icon-repository-remove { content: \"\\e609\"; }\n@mixin icon-repository { content: \"\\e60a\"; }\n@mixin icon-result-server { content: \"\\e60b\"; }\n@mixin icon-folder { content: \"\\e60c\"; }\n@mixin icon-folder-open { content: \"\\e60d\"; }\n@mixin icon-left { content: \"\\e60e\"; }\n@mixin icon-right { content: \"\\e60f\"; }\n@mixin icon-up { content: \"\\e610\"; }\n@mixin icon-down { content: \"\\e611\"; }\n@mixin icon-undo { content: \"\\e612\"; }\n@mixin icon-redo { content: \"\\e613\"; }\n@mixin icon-screen { content: \"\\e614\"; }\n@mixin icon-laptop { content: \"\\e615\"; }\n@mixin icon-tablet { content: \"\\e616\"; }\n@mixin icon-phone { content: \"\\e617\"; }\n@mixin icon-move { content: \"\\e618\"; }\n@mixin icon-bin { content: \"\\e619\"; }\n@mixin icon-shuffle { content: \"\\e61a\"; }\n@mixin icon-print { content: \"\\e61b\"; }\n@mixin icon-tools { content: \"\\e61c\"; }\n@mixin icon-settings { content: \"\\e61d\"; }\n@mixin icon-video { content: \"\\e61e\"; }\n@mixin icon-find { content: \"\\e61f\"; }\n@mixin icon-image { content: \"\\e620\"; }\n@mixin icon-edit { content: \"\\e621\"; }\n@mixin icon-document { content: \"\\e622\"; }\n@mixin icon-resize-grid { content: \"\\e623\"; }\n@mixin icon-resize { content: \"\\e624\"; }\n@mixin icon-help { content: \"\\e625\"; }\n@mixin icon-mobile-menu { content: \"\\e626\"; }\n@mixin icon-fix { content: \"\\e627\"; }\n@mixin icon-unlock { content: \"\\e628\"; }\n@mixin icon-lock { content: \"\\e629\"; }\n@mixin icon-ul { content: \"\\e62a\"; }\n@mixin icon-ol { content: \"\\e62b\"; }\n@mixin icon-email { content: \"\\e62c\"; }\n@mixin icon-download { content: \"\\e62d\"; }\n@mixin icon-logout { content: \"\\e62e\"; }\n@mixin icon-login { content: \"\\e62f\"; }\n@mixin icon-spinner { content: \"\\e630\"; }\n@mixin icon-preview { content: \"\\e631\"; }\n@mixin icon-external { content: \"\\e632\"; }\n@mixin icon-time { content: \"\\e633\"; }\n@mixin icon-save { content: \"\\e634\"; }\n@mixin icon-warning { content: \"\\e635\"; }\n@mixin icon-add { content: \"\\e636\"; }\n@mixin icon-error { content: \"\\e900\"; }\n@mixin icon-close { content: \"\\e637\"; }\n@mixin icon-success { content: \"\\e638\"; }\n@mixin icon-remove { content: \"\\e639\"; }\n@mixin icon-info { content: \"\\e63a\"; }\n@mixin icon-danger { content: \"\\e63b\"; }\n@mixin icon-users { content: \"\\e63c\"; }\n@mixin icon-user { content: \"\\e63d\"; }\n@mixin icon-test-taker { content: \"\\e63e\"; }\n@mixin icon-test-takers { content: \"\\e63f\"; }\n@mixin icon-item { content: \"\\e640\"; }\n@mixin icon-test { content: \"\\e641\"; }\n@mixin icon-delivery { content: \"\\e642\"; }\n@mixin icon-eye-slash { content: \"\\e643\"; }\n@mixin icon-result { content: \"\\e644\"; }\n@mixin icon-delivery-small { content: \"\\e645\"; }\n@mixin icon-upload { content: \"\\e646\"; }\n@mixin icon-result-small { content: \"\\e647\"; }\n@mixin icon-mobile-preview { content: \"\\e648\"; }\n@mixin icon-extension { content: \"\\e649\"; }\n@mixin icon-desktop-preview { content: \"\\e64a\"; }\n@mixin icon-tablet-preview { content: \"\\e64b\"; }\n@mixin icon-insert-horizontal-line { content: \"\\e64c\"; }\n@mixin icon-table { content: \"\\e64d\"; }\n@mixin icon-anchor { content: \"\\e64e\"; }\n@mixin icon-unlink { content: \"\\e64f\"; }\n@mixin icon-link { content: \"\\e650\"; }\n@mixin icon-right-left { content: \"\\e651\"; }\n@mixin icon-left-right { content: \"\\e652\"; }\n@mixin icon-special-character { content: \"\\e653\"; }\n@mixin icon-source { content: \"\\e654\"; }\n@mixin icon-new-page { content: \"\\e655\"; }\n@mixin icon-templates { content: \"\\e656\"; }\n@mixin icon-cut { content: \"\\e657\"; }\n@mixin icon-replace { content: \"\\e658\"; }\n@mixin icon-copy { content: \"\\e659\"; }\n@mixin icon-paste { content: \"\\e65a\"; }\n@mixin icon-select-all { content: \"\\e65b\"; }\n@mixin icon-paste-text { content: \"\\e65c\"; }\n@mixin icon-paste-word { content: \"\\e65d\"; }\n@mixin icon-bold { content: \"\\e65e\"; }\n@mixin icon-italic { content: \"\\e65f\"; }\n@mixin icon-underline { content: \"\\e660\"; }\n@mixin icon-subscript { content: \"\\e661\"; }\n@mixin icon-superscript { content: \"\\e662\"; }\n@mixin icon-strike-through { content: \"\\e663\"; }\n@mixin icon-decrease-indent { content: \"\\e664\"; }\n@mixin icon-increase-indent { content: \"\\e665\"; }\n@mixin icon-block-quote { content: \"\\e666\"; }\n@mixin icon-div-container { content: \"\\e667\"; }\n@mixin icon-align-left { content: \"\\e668\"; }\n@mixin icon-center { content: \"\\e669\"; }\n@mixin icon-align-right { content: \"\\e66a\"; }\n@mixin icon-justify { content: \"\\e66b\"; }\n@mixin icon-choice { content: \"\\e66c\"; }\n@mixin icon-inline-choice { content: \"\\e66d\"; }\n@mixin icon-match { content: \"\\e66e\"; }\n@mixin icon-associate { content: \"\\e66f\"; }\n@mixin icon-media { content: \"\\e670\"; }\n@mixin icon-graphic-order { content: \"\\e671\"; }\n@mixin icon-hotspot { content: \"\\e672\"; }\n@mixin icon-graphic-gap { content: \"\\e673\"; }\n@mixin icon-graphic-associate { content: \"\\e674\"; }\n@mixin icon-select-point { content: \"\\e675\"; }\n@mixin icon-pin { content: \"\\e676\"; }\n@mixin icon-import { content: \"\\e677\"; }\n@mixin icon-export { content: \"\\e678\"; }\n@mixin icon-move-item { content: \"\\e679\"; }\n@mixin icon-meta-data { content: \"\\e67a\"; }\n@mixin icon-slider { content: \"\\e67b\"; }\n@mixin icon-summary-report { content: \"\\e67c\"; }\n@mixin icon-text-entry { content: \"\\e67d\"; }\n@mixin icon-extended-text { content: \"\\e67e\"; }\n@mixin icon-eraser { content: \"\\e67f\"; }\n@mixin icon-row { content: \"\\e680\"; }\n@mixin icon-column { content: \"\\e681\"; }\n@mixin icon-text-color { content: \"\\e682\"; }\n@mixin icon-background-color { content: \"\\e683\"; }\n@mixin icon-spell-check { content: \"\\e684\"; }\n@mixin icon-polygon { content: \"\\e685\"; }\n@mixin icon-rectangle { content: \"\\e686\"; }\n@mixin icon-gap-match { content: \"\\e687\"; }\n@mixin icon-order { content: \"\\e688\"; }\n@mixin icon-hottext { content: \"\\e689\"; }\n@mixin icon-free-form { content: \"\\e68a\"; }\n@mixin icon-step-backward { content: \"\\e68b\"; }\n@mixin icon-fast-backward { content: \"\\e68c\"; }\n@mixin icon-backward { content: \"\\e68d\"; }\n@mixin icon-play { content: \"\\e68e\"; }\n@mixin icon-pause { content: \"\\e68f\"; }\n@mixin icon-stop { content: \"\\e690\"; }\n@mixin icon-forward { content: \"\\e691\"; }\n@mixin icon-fast-forward { content: \"\\e692\"; }\n@mixin icon-step-forward { content: \"\\e693\"; }\n@mixin icon-ellipsis { content: \"\\e694\"; }\n@mixin icon-circle { content: \"\\e695\"; }\n@mixin icon-target { content: \"\\e696\"; }\n@mixin icon-guide-arrow { content: \"\\e697\"; }\n@mixin icon-range-slider-right { content: \"\\e698\"; }\n@mixin icon-range-slider-left { content: \"\\e699\"; }\n@mixin icon-radio-checked { content: \"\\e69a\"; }\n@mixin icon-checkbox-indeterminate { content: \"\\e901\"; }\n@mixin icon-checkbox { content: \"\\e69b\"; }\n@mixin icon-checkbox-crossed { content: \"\\e69c\"; }\n@mixin icon-checkbox-checked { content: \"\\e69d\"; }\n@mixin icon-result-nok { content: \"\\e69e\"; }\n@mixin icon-result-ok { content: \"\\e69f\"; }\n@mixin icon-not-evaluated { content: \"\\e6a0\"; }\n@mixin icon-filter { content: \"\\e6a1\"; }\n@mixin icon-translate { content: \"\\e6a2\"; }\n@mixin icon-eject { content: \"\\e6a3\"; }\n@mixin icon-continue { content: \"\\e6a4\"; }\n@mixin icon-radio { content: \"\\e6a5\"; }\n@mixin icon-sphere { content: \"\\e6a6\"; }\n@mixin icon-reset { content: \"\\e6a7\"; }\n@mixin icon-smaller { content: \"\\e6a8\"; }\n@mixin icon-larger { content: \"\\e6a9\"; }\n@mixin icon-clock { content: \"\\e6aa\"; }\n@mixin icon-font { content: \"\\e6ab\"; }\n@mixin icon-maths { content: \"\\e6ac\"; }\n@mixin icon-grip { content: \"\\e6ad\"; }\n@mixin icon-rubric { content: \"\\e6ae\"; }\n@mixin icon-audio { content: \"\\e6af\"; }\n@mixin icon-grip-h { content: \"\\e6b0\"; }\n@mixin icon-magicwand { content: \"\\e6b1\"; }\n@mixin icon-loop { content: \"\\ea2e\"; }\n@mixin icon-calendar { content: \"\\e953\"; }\n@mixin icon-reload { content: \"\\e984\"; }\n@mixin icon-speed { content: \"\\e9a6\"; }\n@mixin icon-volume { content: \"\\ea27\"; }\n@mixin icon-contrast { content: \"\\e9d5\"; }\n@mixin icon-headphones { content: \"\\e910\"; }\n@mixin icon-compress { content: \"\\f066\"; }\n@mixin icon-map-o { content: \"\\f278\"; }\n@mixin icon-variable { content: \"\\e908\"; }\n@mixin icon-tooltip { content: \"\\e90c\"; }\n@mixin icon-globe { content: \"\\e9c9\"; }\n@mixin icon-highlighter { content: \"\\e90f\"; }\n@mixin icon-eliminate-crossed { content: \"\\e911\"; }\n@mixin icon-play-from-here { content: \"\\e912\"; }\n","// buttons and alerts\n$success: rgb(14, 145, 75);\n$info: rgb(14, 93, 145);\n$warning: rgb(216, 174, 91);\n$danger: rgb(201, 96, 67);\n$error: rgb(186, 18, 43);\n$activeInteraction: rgb(195, 90, 19);\n\n// corporate identity\n$logoRed: rgb(186, 18, 43);\n$grey: rgb(173, 161, 148);\n$darkBlueGrey: rgb(164, 187, 197);\n$mediumBlueGrey: rgb(193, 212, 220);\n$lightBlueGrey: rgb(228, 236, 239);\n$brownRedGrey: rgb(154, 137, 123);\n$darkBrown: rgb(111, 99, 89);\n$websiteBorder: rgb(141, 148, 158);\n\n// ui elements, these should only variations of the above\n// naming convention: jQueryUi theme roller -> camelCase\n\n$textColor: #222;\n$textHighlight: white;\n\n$uiGeneralContentBg: white();\n$uiGeneralContentBorder: #ddd;\n\n$uiHeaderBg: #d4d5d7;\n\n$uiClickableDefaultBg: #f3f1ef;\n$uiClickableHoverBg: whiten($info, 0.2);\n//$uiClickableActiveBg: $uiHeaderBg;\n$uiClickableActiveBg: whiten($websiteBorder, 0.2);\n//$uiClickableActiveBg: #aaa;\n\n$uiSelectableSelectedBg: whiten($info, 0.2);\n$uiSelectableSelectedHoverBg: whiten($info, 0.1);\n$uiSelectableHoverBg: whiten($info, 0.9);\n\n$uiOverlay: $lightBlueGrey;\n\n// new layout. Implemented now only for review panel\n$uiReviewPanelBg: #f2f2f2;\n$uiReviewPanelTextDisabled: hsl(0, 0%, 45%);\n$uiReviewPanelTextDefault: hsl(0, 0%, 12%);\n$uiReviewPanelBgDefault: $uiGeneralContentBg;\n$uiReviewPanelPrimaryHighlight: hsl(208, 100%, 32%);\n$uiReviewPanelBgInverted: $uiReviewPanelTextDefault;\n$uiReviewPanelTextInverted: $uiGeneralContentBg;\n\n// sidebars etc.\n$canvas: mix(#fff, $grey, 85%);\n\n// colors taken from feedback.scss\n$successBgColor: whiten($success, 0.8);\n$successBorderColor: whiten($success, 0.1);\n\n$infoBgColor: whiten($info, 0.8);\n$infoBorderColor: whiten($info, 0.1);\n\n$warningBgColor: whiten($warning, 0.8);\n$warningBorderColor: whiten($warning, 0.1);\n\n$dangerBgColor: whiten($danger, 0.8);\n$dangerBorderColor: whiten($danger, 0.1);\n\n$errorBgColor: whiten($error, 0.8);\n$errorBorderColor: whiten($error, 0.1);\n\n$darkBar: rgb(51, 51, 51);\n$darkBarTxt: rgb(230, 230, 230);\n$darkBarIcon: rgb(220, 220, 220);\n\n$actionLinkColor: #276d9b;\n$actionLinkHoverColor: #4f83a7;\n\n$colorWheel-01: #c3ba13;\n$colorWheel-02: #84a610;\n$colorWheel-03: #2b8e0e;\n$colorWheel-04: #0f9787;\n$colorWheel-05: #0e5d91;\n$colorWheel-06: #0d2689;\n$colorWheel-07: #400d83;\n$colorWheel-08: #960e7d;\n$colorWheel-09: #ba122b;\n$colorWheel-10: #c34713;\n$colorWheel-11: #c36f13;\n$colorWheel-12: #c39413;\n",".resource-list {\n position: relative;\n height: 100%;\n\n opacity : 0;\n &.rendered {\n opacity: 1;\n @include transition(opacity, 300ms, linear);\n }\n\n &.multiple ul li a:after{\n display: block;\n @include transition(all, 200ms, linear);\n }\n\n &.multiple ul li[data-access=\"denied\"] a:after {\n display: none;\n }\n\n ul {\n list-style-type: none;\n padding: 0;\n margin: 0;\n\n li {\n position: relative;\n height: 40px;\n padding: 10px;\n border-bottom: solid 1px $uiGeneralContentBorder;\n\n @include transition(background-color, 200ms, linear);\n\n a {\n @include transition(color, 200ms, linear);\n color: $textColor;\n display: inline-block;\n width: 100%;\n padding-right: 25px;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n\n &:after {\n @include tao-icon-setup;\n @include icon-checkbox;\n color: $info;\n position: absolute;\n right: 17px;\n top: 12px;\n display: none;\n }\n &:hover {\n text-decoration: none;\n }\n\n & > span {\n color: $info;\n margin-right: 4px;\n @include font-size(16);\n vertical-align: top;\n }\n }\n\n &.selected, &:hover {\n background-color: $uiClickableHoverBg;\n cursor: pointer;\n @include transition(background-color, 200ms, linear);\n a {\n color: $textHighlight;\n @include transition(color, 200ms, linear);\n\n &:after {\n color: $textHighlight;\n }\n & > span {\n color: $textHighlight;\n }\n }\n }\n &.selected a:after {\n @include icon-checkbox-checked;\n }\n\n &[data-access=denied] > a, &[data-access=partial] > a {\n [class^=\"icon-\"], [class*=\" icon-\"] {\n position: relative;\n &:after {\n @include icon-lock;\n color: #555;\n position: absolute;\n left: 7px;\n top: 6px;\n }\n }\n }\n &[data-access=denied] {\n color: $uiClickableActiveBg;\n background-color: $textHighlight;\n &:hover, &:hover > a, & > a, [class^=\"icon-\"]:before, [class*=\" icon-\"]:before {\n cursor: auto;\n background-color: $textHighlight;\n color: $uiClickableActiveBg !important;\n }\n }\n }\n }\n}\n",".resource-tree{\n $nodeHeight: 40px;\n $actionWidth: 25px;\n $hoverWidth: $nodeHeight - 15px;\n\n position: relative;\n height: 100%;\n opacity : 0;\n &.rendered {\n opacity: 1;\n @include transition(opacity, 300ms, linear);\n }\n\n &.multiple ul li.selectable {\n & > a > .selector {\n display: inline-block;\n }\n }\n\n &.multiple ul li.instance[data-access=\"denied\"] a .selector {\n display: none;\n }\n\n .clickable {\n &:hover {\n &:before {\n content: \" \";\n display: inline-block;\n position: absolute;\n width: $hoverWidth;\n height: $hoverWidth;\n top: 7.5px;\n left: 0;\n border-radius: 50%;\n background-color: blacken($uiSelectableHoverBg, .2);\n opacity: .5;\n }\n }\n &:focus {\n outline: 0 none;\n }\n }\n\n ul {\n list-style-type: none;\n padding: 0;\n margin: 0;\n\n li {\n position: relative;\n cursor: pointer;\n\n & > a {\n height: $nodeHeight;\n line-height: $nodeHeight;\n display: block;\n width: 100%;\n padding-right: 30px;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n border-bottom: solid 1px $uiGeneralContentBorder;\n color : $textColor;\n }\n &.class {\n .class-toggler {\n display: inline-block;\n position: relative;\n width: $actionWidth;\n height: $nodeHeight;\n text-align: center;\n &:after {\n @include tao-icon-setup;\n @include icon-down;\n @include font-size(15);\n position: relative;\n }\n }\n &.empty .class-toggler{\n visibility: hidden;\n }\n & > a {\n & > .icon-folder:before {\n @include icon-folder-open;\n color: $warning;\n margin-right: 4px;\n }\n &:hover {\n background-color: $uiSelectableHoverBg;\n color : $textColor;\n @include transition(all, 200ms, linear);\n }\n }\n\n &.selected {\n & > a {\n background-color: $uiSelectableSelectedBg;\n color: $textHighlight;\n &:before, &:after {\n color: $textHighlight;\n }\n @include transition(all, 200ms, linear);\n\n &:hover {\n background-color: $uiSelectableSelectedHoverBg;\n @include transition(all, 200ms, linear);\n }\n .clickable:hover:before {\n background-color: whiten($uiSelectableSelectedHoverBg, .2);\n }\n }\n }\n &.closed {\n & > a > .class-toggler:after {\n @include icon-right;\n }\n & > a > .icon-folder:before {\n @include icon-folder;\n }\n & > ul {\n display: none;\n }\n }\n }\n &.instance {\n & > a > [class^=\"icon-\"], & > a > [class*=\" icon-\"] {\n color: $info;\n margin-right: 4px;\n margin-left: $actionWidth;\n @include font-size(16);\n }\n &:hover {\n background-color: $uiSelectableHoverBg;\n color : $textColor;\n @include transition(all, 200ms, linear);\n }\n &.selected {\n background-color: $uiSelectableSelectedBg;\n & > a, & > a > [class^=\"icon-\"], & > a > [class*=\" icon-\"] {\n color: $textHighlight;\n }\n @include transition(all, 200ms, linear);\n\n &:hover {\n background-color: $uiSelectableSelectedHoverBg;\n @include transition(all, 200ms, linear);\n }\n .clickable:hover:before {\n background-color: whiten($uiSelectableSelectedHoverBg, .2);\n }\n }\n }\n & > a > .selector {\n display: none;\n position: absolute;\n top: 0;\n right: 8px;\n line-height: $nodeHeight;\n height: $nodeHeight;\n width: $actionWidth;\n text-align:center;\n\n &:after {\n @include transition(all, 200ms, linear);\n @include tao-icon-setup;\n @include icon-checkbox;\n @include font-size(15);\n color: $info;\n line-height: $nodeHeight;\n position: relative;\n }\n }\n &.selected > a > .selector:after {\n @include icon-checkbox-checked;\n }\n &.selected > a > .selector:after, &.selected > a:hover > .selector:after {\n color: $textHighlight;\n }\n &[data-access=denied] > a, &[data-access=partial] > a {\n [class^=\"icon-\"], [class*=\" icon-\"] {\n position: relative;\n &:after {\n @include icon-lock;\n color: #555;\n position: absolute;\n left: 7px;\n top: 6px;\n }\n }\n }\n &[data-access=denied] {\n color: $uiClickableActiveBg;\n background-color: $textHighlight;\n &:hover, &:hover > a, & > a, [class^=\"icon-\"]:before, [class*=\" icon-\"]:before {\n cursor: auto;\n background-color: $textHighlight;\n color: $uiClickableActiveBg !important;\n }\n }\n a:hover {\n text-decoration: none;\n }\n }\n }\n}\n",".filters {\n position: relative;\n height: 100%;\n opacity : 0;\n &.rendered {\n opacity: 1;\n @include transition(opacity, 300ms, linear);\n }\n\n .ui-generis-form {\n margin: 0;\n padding: 10px;\n width: 100%;\n background-color: $uiClickableDefaultBg;\n border: none;\n h2 {\n margin: 0;\n }\n .left {\n width: 100%;\n }\n .toolbar {\n margin: 0;\n }\n }\n}\n"]}
|
|
@@ -134,7 +134,7 @@ Usage:
|
|
|
134
134
|
.resourcemgr .file-browser ul li a:before {
|
|
135
135
|
/* use !important to prevent issues with browser extensions that change fonts */
|
|
136
136
|
font-family: 'tao' !important;
|
|
137
|
-
speak:
|
|
137
|
+
speak: never;
|
|
138
138
|
font-style: normal;
|
|
139
139
|
font-weight: normal;
|
|
140
140
|
font-variant: normal;
|
|
@@ -151,7 +151,7 @@ Usage:
|
|
|
151
151
|
font-style: italic;
|
|
152
152
|
/* use !important to prevent issues with browser extensions that change fonts */
|
|
153
153
|
font-family: 'tao' !important;
|
|
154
|
-
speak:
|
|
154
|
+
speak: never;
|
|
155
155
|
font-style: normal;
|
|
156
156
|
font-weight: normal;
|
|
157
157
|
font-variant: normal;
|
|
@@ -244,7 +244,7 @@ Usage:
|
|
|
244
244
|
.resourcemgr .file-selector ul.files li:before {
|
|
245
245
|
/* use !important to prevent issues with browser extensions that change fonts */
|
|
246
246
|
font-family: 'tao' !important;
|
|
247
|
-
speak:
|
|
247
|
+
speak: never;
|
|
248
248
|
font-style: normal;
|
|
249
249
|
font-weight: normal;
|
|
250
250
|
font-variant: normal;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../scss/inc/_functions.scss","../scss/resourcemgr.scss","../../../scss/inc/fonts/_tao-icon-vars.scss","../../../scss/inc/_colors.scss"],"names":[],"mappings":"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","file":"resourcemgr.css","sourcesContent":["@mixin iterate-sprite($iconList, $x, $y, $direction, $prefix:'') {\n @each $icon in $iconList {\n #{$prefix}#{$icon} {\n background-position: $x * 1px $y * 1px;\n }\n @if $direction == 'x' {\n $x: $x - 16;\n } @else {\n $y: $y - 16;\n }\n }\n}\n\n/*\nUsage:\n- linear-gradient((color1, color2, color3)) - returns linear-gradient with evenly distributed colors,\n if 3 colors used then the position of each will be 33,33%\n- linear-gradient((color1 0%, color2 30%, color3 80%)) - returns linear-gradient with manually distributed colors,\n first param - color, second - position. Also you can use px or other valid units for set position.\n*/\n@mixin linear-gradient($colorList, $direction: 'to right') {\n $percentage: 0;\n $units: '%';\n $count: length($colorList);\n $increment: 100 / ($count - 1);\n $css: #{$direction + ', '};\n $sep: ', ';\n @each $colorItem in $colorList {\n $color: $colorItem;\n @if (length($colorItem) > 1) {\n $color: nth($colorItem, 1);\n $percentage: nth($colorItem, 2);\n $units: '';\n }\n @if ($percentage >= 100 or index($colorList, $colorItem) == $count) {\n $sep: '';\n }\n $css: #{$css + $color + ' ' + $percentage + $units + $sep};\n $percentage: $percentage + $increment;\n }\n background: linear-gradient( #{$css} );\n}\n\n@mixin grid-unit($span, $numCols: 12, $gutter: 0) {\n $gridPx: 840;\n $rawSpanPx: (($gridPx - ($numCols * $gutter)) / $numCols);\n $spanPx: $rawSpanPx * $span + (($span - 1) * $gutter);\n $spanPercent: widthPerc($spanPx, $gridPx);\n $marginPercent: widthPerc($gutter, $gridPx);\n margin-left: $marginPercent;\n width: $spanPercent;\n}\n\n\n@mixin vendor-prefix($property, $value, $whatToPrefix: property, $prefixes: (-webkit-, -moz-, -ms-, -o-, '')) {\n @if $whatToPrefix == 'property' {\n @each $prefix in $prefixes {\n #{$prefix + $property}: #{$value};\n }\n }\n @else if $whatToPrefix == 'value' {\n @each $prefix in $prefixes {\n #{$property}: #{$prefix + $value};\n }\n }\n}\n@mixin flex-container($wrapBehavior: nowrap, $direction : row) {\n @include vendor-prefix(display, flex, value, (-ms-, -webkit-, ''));\n\n @include vendor-prefix(flex-direction, $direction, property, (-ms-, -webkit-, ''));\n @include vendor-prefix(flex-wrap, $wrapBehavior, property, (-ms-, -webkit-, ''));\n\n @include vendor-prefix(justify-content, flex-start, property, (-webkit-, ''));\n\n @include vendor-prefix(align-content, flex-start, property, (-webkit-, ''));\n\n @include vendor-prefix(align-items, stretch, property, (-webkit-, ''));\n}\n\n@mixin simple-flex-box($width: auto, $minWidth: 1) {\n\n @include vendor-prefix(order, 0, property, (-ms-, -webkit-, ''));\n flex-item-align: stretch;\n -ms-flex-item-align: stretch;\n @include vendor-prefix(align-self, stretch, property, (-webkit-, ''));\n\n // if both, min width and width are set, width will win this conflict\n @if ($width == auto) {\n @if ($minWidth != 1) {\n @include vendor-prefix(flex, 1 1 $minWidth, property, (-ms-, -webkit-, ''));\n }\n @else {\n @include vendor-prefix(flex, 1 1 auto, property, (-ms-, -webkit-, ''));\n // @see https://developer.mozilla.org/en-US/docs/Web/CSS/flex-basis#Values\n // for a discussion auto vs. main-size\n @include vendor-prefix(flex, 1 1, property, (-ms-, -webkit-, ''));\n }\n }\n @else {\n @include vendor-prefix(flex, 0 0 $width, property, (-ms-, -webkit-, ''));\n }\n}\n\n\n@mixin box-shadow($horiz: 1px, $vert: 1px, $blur: 2px, $spread: 0, $color: rgba(0, 0, 0, .2)) {\n @include vendor-prefix(box-shadow, $horiz $vert $blur $spread $color, property);\n}\n\n@mixin simple-border($color: #ddd) {\n border: 1px solid $color;\n border-radius: 2px;\n -webkit-border-radius: 2px;\n}\n\n@mixin border-radius($radius: 2) {\n -moz-border-radius: $radius * 1px;\n -webkit-border-radius: $radius * 1px;\n border-radius: $radius * 1px;\n}\n\n@mixin border-radius-top($radius: 2) {\n -webkit-border-top-left-radius: $radius * 1px;\n -webkit-border-top-right-radius: $radius * 1px;\n -moz-border-radius-topleft: $radius * 1px;\n -moz-border-radius-topright: $radius * 1px;\n border-top-left-radius: $radius * 1px;\n border-top-right-radius: $radius * 1px;\n}\n\n@mixin border-radius-bottom($radius: 2) {\n -webkit-border-bottom-right-radius: $radius * 1px;\n -webkit-border-bottom-left-radius: $radius * 1px;\n -moz-border-radius-bottomright: $radius * 1px;\n -moz-border-radius-bottomleft: $radius * 1px;\n border-bottom-right-radius: $radius * 1px;\n border-bottom-left-radius: $radius * 1px;\n}\n\n@mixin border-radius-left($radius: 2) {\n -webkit-border-top-left-radius: $radius * 1px;\n -webkit-border-bottom-left-radius: $radius * 1px;\n -moz-border-radius-topleft: $radius * 1px;\n -moz-border-radius-bottomleft: $radius * 1px;\n border-top-left-radius: $radius * 1px;\n border-bottom-left-radius: $radius * 1px;\n}\n\n@mixin border-radius-right($radius: 2) {\n -webkit-border-top-right-radius: $radius * 1px;\n -webkit-border-bottom-right-radius: $radius * 1px;\n -moz-border-radius-topright: $radius * 1px;\n -moz-border-radius-bottomright: $radius * 1px;\n border-top-right-radius: $radius * 1px;\n border-bottom-right-radius: $radius * 1px;\n}\n\n@mixin border-radius-top-left($radius: 2) {\n -webkit-border-top-left-radius: $radius * 1px;\n -moz-border-radius-topleft: $radius * 1px;\n border-top-left-radius: $radius * 1px;\n}\n\n@mixin border-radius-top-right($radius: 2) {\n -webkit-border-top-right-radius: $radius * 1px;\n -moz-border-radius-topright: $radius * 1px;\n border-top-right-radius: $radius * 1px;\n}\n\n@mixin border-radius-bottom-right($radius: 2) {\n -webkit-border-bottom-right-radius: $radius * 1px;\n -moz-border-radius-bottomright: $radius * 1px;\n border-bottom-right-radius: $radius * 1px;\n}\n\n@mixin border-radius-bottom-left($radius: 2) {\n -webkit-border-bottom-left-radius: $radius * 1px;\n -moz-border-radius-bottomleft: $radius * 1px;\n border-bottom-left-radius: $radius * 1px;\n}\n\n@mixin border-box() {\n -moz-box-sizing: border-box;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n\n@function whiten($color, $white: 0.3) {\n @return mix(#fff, $color, ($white * 100) * 1%);\n}\n\n@function blacken($color, $black: 0.3) {\n @return mix(#000, $color, ($black * 100) * 1%);\n}\n\n@function widthPerc($colWidth, $context) {\n @return ($colWidth * 100 / $context) * 1%\n}\n\n@function remDist($fontSizePx) {\n @return ($fontSizePx / 10) * 1rem\n}\n\n@function black($alpha: 1) {\n @return (rgba(0, 0, 0, $alpha))\n}\n\n@function white($alpha: 1) {\n @return (rgba(255, 255, 255, $alpha))\n}\n\n@mixin font-size($remPx, $important: false) {\n @if $important == true {\n font-size: ($remPx) * 1px !important;\n font-size: ($remPx / 10) * 1rem !important;\n }\n @else {\n font-size: ($remPx) * 1px;\n font-size: ($remPx / 10) * 1rem;\n }\n}\n\n\n@mixin keyframes($name) {\n @-o-keyframes #{$name} { @content };\n @-moz-keyframes #{$name} { @content };\n @-webkit-keyframes #{$name} { @content };\n @keyframes #{$name} { @content };\n}\n\n\n@mixin animation($value, $type:'') {\n $animation: animation;\n @if $type != '' {\n $animation: $animation + '-' + $type;\n }\n @include vendor-prefix($animation, $value, property);\n}\n\n/// CSS transition mixin to the current selection (apply also vendor prefixes).\n/// See <https://developer.mozilla.org/en-US/docs/Web/CSS/transition> for the values\n///\n/// @param {property} [$type = all] the CSS property to apply the transition to\n/// @param {time} [$duration = .5s] the transition property\n/// @param {timing-function} [$effect = ease-out] the transition property\n@mixin transition($type : all, $duration : 0.5s, $effect : ease-out, $delay : 0s){\n @include vendor-prefix(transition, $type + ', ' + $duration + ', ' + $effect + ', ' + $delay, property);\n}\n\n@mixin fade($duration: 1s){\n\n @include keyframes(fade) {\n 0% {opacity:0;}\n 50% {opacity:1;}\n 100% {opacity:0;}\n }\n\n @include vendor-prefix(animation, fade 1s forwards, property);\n}\n\n@mixin repeat(){\n @include animation(infinite, iteration-count);\n}\n\n@mixin largeHeading() {\n @include font-size(20);\n font-family: $headingFont;\n font-style: normal;\n}\n\n@mixin disableSelect() {\n @include vendor-prefix(user-select, none, property);\n}\n","@import 'inc/bootstrap';\n\n/* tooltip */\n.resourcemgr {\n\n $activeColor: whiten($uiClickableHoverBg, 0.9);\n $rmBrowserWidth: 260;\n $rmPreviewWidth: 300;\n $rmMaxContainerWidth: 1400;\n $rmSideMargin: 40;\n\n width: 90%;\n height: 100%;\n max-width: $rmMaxContainerWidth * 1px;\n\n #mediaManager &.modal {\n max-height: 700px;\n top: 40px !important;\n bottom: 40px;\n padding: 0;\n }\n\n & > h2 {\n @include font-size(15);\n margin: 20px 40px 10px;\n height: 40px;\n }\n\n .file-wrapper {\n overflow-y: auto;\n margin: 0 #{$rmSideMargin * 1px};\n height: calc(100% - 40px - 40px - 40px); // full height - h2.padding - h2.height - modal.bottom-padding\n @include flex-container();\n }\n\n .file-browser {\n @include simple-flex-box($rmBrowserWidth * 1px);\n }\n\n .file-preview {\n @include simple-flex-box($rmPreviewWidth * 1px);\n }\n\n .file-selector {\n @include simple-flex-box(auto);\n max-width: calc(100% - #{($rmBrowserWidth + $rmPreviewWidth) *1px});\n }\n\n .file-browser, .file-selector, .file-preview {\n position: relative;\n vertical-align: top;\n height: 100% !important;\n color: $textColor;\n\n h1 {\n @include font-size(16);\n line-height: 1.6;\n\n color: $textColor;\n margin-top: 1px;\n padding: 5px;\n }\n h2 {\n @include font-size(13);\n line-height: 1.3;\n background-color: $uiHeaderBg;\n color: $textColor;\n margin-top: 1px;\n padding: 6px;\n position: relative;\n clear: both;\n\n &.toggler{\n cursor: pointer;\n &:after{\n position: absolute;\n right: 15px;\n top: 3px;\n }\n }\n }\n }\n\n .file-browser{\n background-color: $uiClickableDefaultBg;\n & > h1 {\n background-color: $uiHeaderBg;\n }\n\n & .file-browser-wrapper {\n overflow: auto;\n height: calc(100% - 50px);\n }\n\n ul {\n list-style-type: none;\n padding-left: 5px;\n ul {\n padding-left: 18px;\n }\n li {\n a {\n color: $textColor;\n white-space: nowrap;\n &:before {\n @include tao-icon-setup;\n @include icon-folder;\n margin: 0 3px;\n }\n }\n\n a.opened:before {\n font-style: italic;\n @include tao-icon-setup;\n @include icon-folder-open;\n }\n\n &.active > a {\n background-color: $activeColor;\n\n }\n }\n }\n }\n\n .file-preview{\n background-color: $uiClickableDefaultBg;\n & > h1 {\n background-color: $uiHeaderBg;\n }\n\n .file-properties{\n padding: 0 5px;\n }\n\n .previewer {\n height: 300px;\n overflow: hidden;\n }\n\n .actions {\n text-align: center;\n margin-bottom: 10px;\n }\n }\n\n .file-selector{\n position: relative;\n border: solid 1px #fff;\n border-top: none;\n border-bottom: none;\n display: flex;\n flex-direction: column;\n\n background-color: $uiGeneralContentBg;\n & > h1 {\n position: relative;\n background-color: $uiClickableDefaultBg;\n\n .title {\n margin-right: 10px;\n }\n\n .upload-switcher {\n a {\n display: inline-block;\n }\n .listing {\n display:none;\n }\n }\n }\n\n .empty {\n color: #666;\n font-style: italic;\n @include font-size(18);\n text-align: center;\n }\n\n ul.files {\n position: relative;\n margin-bottom: 0;\n padding: 0;\n list-style-type: none;\n flex-grow: 1;\n overflow-y: auto;\n li {\n height: 35px;\n line-height: 35px;\n margin-bottom: 0;\n padding: 0 0 0 5px;\n position: relative;\n\n &:before {\n @include tao-icon-setup;\n @include icon-document;\n @include font-size(16);\n vertical-align: top;\n line-height: 2.2;\n position: absolute;\n left: 8px;\n }\n &[data-type='image']:before{\n @include icon-image;\n }\n &[data-type='audio']:before{\n @include icon-media;\n }\n &[data-type='video']:before{\n @include icon-video;\n }\n\n &.active, &:hover {\n background-color: $activeColor;\n cursor: pointer;\n }\n\n .desc {\n display: inline-block;\n max-width: calc(100% - 130px);// 130 = icon left + toolbar right + some air\n margin-left: 25px;\n }\n\n .actions {\n top: 0;\n right: 0;\n position: absolute;\n height: 35px;\n width: 100px;\n .tlb {\n display: inline-block;\n background: none;\n @include font-size(14);\n .tlb-top {\n background: none !important;\n border-width: 0 !important;\n @include box-shadow(0, 0, 0);\n }\n }\n }\n }\n }\n .file-upload-container {\n display: none;\n padding: 0 5px;\n }\n .pagination-bottom { \n align-self: flex-end;\n width: 100%;\n padding: 5px 10px 0;\n }\n }\n}\n\n/*# sourceMappingURL=resourcemgr.css.map */","/* Do not edit */@mixin tao-icon-setup {\n /* use !important to prevent issues with browser extensions that change fonts */\n font-family: 'tao' !important;\n speak: none;\n font-style: normal;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n\n /* Better Font Rendering =========== */\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n@mixin icon-offline { content: \"\\e913\"; }\n@mixin icon-online { content: \"\\e914\"; }\n@mixin icon-tab { content: \"\\e90d\"; }\n@mixin icon-untab { content: \"\\e90e\"; }\n@mixin icon-multi-select { content: \"\\e90b\"; }\n@mixin icon-clipboard { content: \"\\e90a\"; }\n@mixin icon-filebox { content: \"\\e909\"; }\n@mixin icon-click-to-speak { content: \"\\e907\"; }\n@mixin icon-speech-bubble { content: \"\\f0e5\"; }\n@mixin icon-microphone { content: \"\\f130\"; }\n@mixin icon-microphone-off { content: \"\\f131\"; }\n@mixin icon-disconnect { content: \"\\e905\"; }\n@mixin icon-connect { content: \"\\e906\"; }\n@mixin icon-eliminate { content: \"\\e904\"; }\n@mixin icon-wheelchair { content: \"\\e903\"; }\n@mixin icon-text-marker { content: \"\\e902\"; }\n@mixin icon-unshield { content: \"\\e32a\"; }\n@mixin icon-shield { content: \"\\e8e8\"; }\n@mixin icon-tree { content: \"\\e6b4\"; }\n@mixin icon-home { content: \"\\e6b3\"; }\n@mixin icon-shared-file { content: \"\\e6b2\"; }\n@mixin icon-end-attempt { content: \"\\e603\"; }\n@mixin icon-icon { content: \"\\f1c5\"; }\n@mixin icon-radio-bg { content: \"\\e600\"; }\n@mixin icon-checkbox-bg { content: \"\\e601\"; }\n@mixin icon-tag { content: \"\\e602\"; }\n@mixin icon-style { content: \"\\e604\"; }\n@mixin icon-ownership-transfer { content: \"\\e605\"; }\n@mixin icon-property-advanced { content: \"\\e606\"; }\n@mixin icon-property-add { content: \"\\e607\"; }\n@mixin icon-repository-add { content: \"\\e608\"; }\n@mixin icon-repository-remove { content: \"\\e609\"; }\n@mixin icon-repository { content: \"\\e60a\"; }\n@mixin icon-result-server { content: \"\\e60b\"; }\n@mixin icon-folder { content: \"\\e60c\"; }\n@mixin icon-folder-open { content: \"\\e60d\"; }\n@mixin icon-left { content: \"\\e60e\"; }\n@mixin icon-right { content: \"\\e60f\"; }\n@mixin icon-up { content: \"\\e610\"; }\n@mixin icon-down { content: \"\\e611\"; }\n@mixin icon-undo { content: \"\\e612\"; }\n@mixin icon-redo { content: \"\\e613\"; }\n@mixin icon-screen { content: \"\\e614\"; }\n@mixin icon-laptop { content: \"\\e615\"; }\n@mixin icon-tablet { content: \"\\e616\"; }\n@mixin icon-phone { content: \"\\e617\"; }\n@mixin icon-move { content: \"\\e618\"; }\n@mixin icon-bin { content: \"\\e619\"; }\n@mixin icon-shuffle { content: \"\\e61a\"; }\n@mixin icon-print { content: \"\\e61b\"; }\n@mixin icon-tools { content: \"\\e61c\"; }\n@mixin icon-settings { content: \"\\e61d\"; }\n@mixin icon-video { content: \"\\e61e\"; }\n@mixin icon-find { content: \"\\e61f\"; }\n@mixin icon-image { content: \"\\e620\"; }\n@mixin icon-edit { content: \"\\e621\"; }\n@mixin icon-document { content: \"\\e622\"; }\n@mixin icon-resize-grid { content: \"\\e623\"; }\n@mixin icon-resize { content: \"\\e624\"; }\n@mixin icon-help { content: \"\\e625\"; }\n@mixin icon-mobile-menu { content: \"\\e626\"; }\n@mixin icon-fix { content: \"\\e627\"; }\n@mixin icon-unlock { content: \"\\e628\"; }\n@mixin icon-lock { content: \"\\e629\"; }\n@mixin icon-ul { content: \"\\e62a\"; }\n@mixin icon-ol { content: \"\\e62b\"; }\n@mixin icon-email { content: \"\\e62c\"; }\n@mixin icon-download { content: \"\\e62d\"; }\n@mixin icon-logout { content: \"\\e62e\"; }\n@mixin icon-login { content: \"\\e62f\"; }\n@mixin icon-spinner { content: \"\\e630\"; }\n@mixin icon-preview { content: \"\\e631\"; }\n@mixin icon-external { content: \"\\e632\"; }\n@mixin icon-time { content: \"\\e633\"; }\n@mixin icon-save { content: \"\\e634\"; }\n@mixin icon-warning { content: \"\\e635\"; }\n@mixin icon-add { content: \"\\e636\"; }\n@mixin icon-error { content: \"\\e900\"; }\n@mixin icon-close { content: \"\\e637\"; }\n@mixin icon-success { content: \"\\e638\"; }\n@mixin icon-remove { content: \"\\e639\"; }\n@mixin icon-info { content: \"\\e63a\"; }\n@mixin icon-danger { content: \"\\e63b\"; }\n@mixin icon-users { content: \"\\e63c\"; }\n@mixin icon-user { content: \"\\e63d\"; }\n@mixin icon-test-taker { content: \"\\e63e\"; }\n@mixin icon-test-takers { content: \"\\e63f\"; }\n@mixin icon-item { content: \"\\e640\"; }\n@mixin icon-test { content: \"\\e641\"; }\n@mixin icon-delivery { content: \"\\e642\"; }\n@mixin icon-eye-slash { content: \"\\e643\"; }\n@mixin icon-result { content: \"\\e644\"; }\n@mixin icon-delivery-small { content: \"\\e645\"; }\n@mixin icon-upload { content: \"\\e646\"; }\n@mixin icon-result-small { content: \"\\e647\"; }\n@mixin icon-mobile-preview { content: \"\\e648\"; }\n@mixin icon-extension { content: \"\\e649\"; }\n@mixin icon-desktop-preview { content: \"\\e64a\"; }\n@mixin icon-tablet-preview { content: \"\\e64b\"; }\n@mixin icon-insert-horizontal-line { content: \"\\e64c\"; }\n@mixin icon-table { content: \"\\e64d\"; }\n@mixin icon-anchor { content: \"\\e64e\"; }\n@mixin icon-unlink { content: \"\\e64f\"; }\n@mixin icon-link { content: \"\\e650\"; }\n@mixin icon-right-left { content: \"\\e651\"; }\n@mixin icon-left-right { content: \"\\e652\"; }\n@mixin icon-special-character { content: \"\\e653\"; }\n@mixin icon-source { content: \"\\e654\"; }\n@mixin icon-new-page { content: \"\\e655\"; }\n@mixin icon-templates { content: \"\\e656\"; }\n@mixin icon-cut { content: \"\\e657\"; }\n@mixin icon-replace { content: \"\\e658\"; }\n@mixin icon-copy { content: \"\\e659\"; }\n@mixin icon-paste { content: \"\\e65a\"; }\n@mixin icon-select-all { content: \"\\e65b\"; }\n@mixin icon-paste-text { content: \"\\e65c\"; }\n@mixin icon-paste-word { content: \"\\e65d\"; }\n@mixin icon-bold { content: \"\\e65e\"; }\n@mixin icon-italic { content: \"\\e65f\"; }\n@mixin icon-underline { content: \"\\e660\"; }\n@mixin icon-subscript { content: \"\\e661\"; }\n@mixin icon-superscript { content: \"\\e662\"; }\n@mixin icon-strike-through { content: \"\\e663\"; }\n@mixin icon-decrease-indent { content: \"\\e664\"; }\n@mixin icon-increase-indent { content: \"\\e665\"; }\n@mixin icon-block-quote { content: \"\\e666\"; }\n@mixin icon-div-container { content: \"\\e667\"; }\n@mixin icon-align-left { content: \"\\e668\"; }\n@mixin icon-center { content: \"\\e669\"; }\n@mixin icon-align-right { content: \"\\e66a\"; }\n@mixin icon-justify { content: \"\\e66b\"; }\n@mixin icon-choice { content: \"\\e66c\"; }\n@mixin icon-inline-choice { content: \"\\e66d\"; }\n@mixin icon-match { content: \"\\e66e\"; }\n@mixin icon-associate { content: \"\\e66f\"; }\n@mixin icon-media { content: \"\\e670\"; }\n@mixin icon-graphic-order { content: \"\\e671\"; }\n@mixin icon-hotspot { content: \"\\e672\"; }\n@mixin icon-graphic-gap { content: \"\\e673\"; }\n@mixin icon-graphic-associate { content: \"\\e674\"; }\n@mixin icon-select-point { content: \"\\e675\"; }\n@mixin icon-pin { content: \"\\e676\"; }\n@mixin icon-import { content: \"\\e677\"; }\n@mixin icon-export { content: \"\\e678\"; }\n@mixin icon-move-item { content: \"\\e679\"; }\n@mixin icon-meta-data { content: \"\\e67a\"; }\n@mixin icon-slider { content: \"\\e67b\"; }\n@mixin icon-summary-report { content: \"\\e67c\"; }\n@mixin icon-text-entry { content: \"\\e67d\"; }\n@mixin icon-extended-text { content: \"\\e67e\"; }\n@mixin icon-eraser { content: \"\\e67f\"; }\n@mixin icon-row { content: \"\\e680\"; }\n@mixin icon-column { content: \"\\e681\"; }\n@mixin icon-text-color { content: \"\\e682\"; }\n@mixin icon-background-color { content: \"\\e683\"; }\n@mixin icon-spell-check { content: \"\\e684\"; }\n@mixin icon-polygon { content: \"\\e685\"; }\n@mixin icon-rectangle { content: \"\\e686\"; }\n@mixin icon-gap-match { content: \"\\e687\"; }\n@mixin icon-order { content: \"\\e688\"; }\n@mixin icon-hottext { content: \"\\e689\"; }\n@mixin icon-free-form { content: \"\\e68a\"; }\n@mixin icon-step-backward { content: \"\\e68b\"; }\n@mixin icon-fast-backward { content: \"\\e68c\"; }\n@mixin icon-backward { content: \"\\e68d\"; }\n@mixin icon-play { content: \"\\e68e\"; }\n@mixin icon-pause { content: \"\\e68f\"; }\n@mixin icon-stop { content: \"\\e690\"; }\n@mixin icon-forward { content: \"\\e691\"; }\n@mixin icon-fast-forward { content: \"\\e692\"; }\n@mixin icon-step-forward { content: \"\\e693\"; }\n@mixin icon-ellipsis { content: \"\\e694\"; }\n@mixin icon-circle { content: \"\\e695\"; }\n@mixin icon-target { content: \"\\e696\"; }\n@mixin icon-guide-arrow { content: \"\\e697\"; }\n@mixin icon-range-slider-right { content: \"\\e698\"; }\n@mixin icon-range-slider-left { content: \"\\e699\"; }\n@mixin icon-radio-checked { content: \"\\e69a\"; }\n@mixin icon-checkbox-indeterminate { content: \"\\e901\"; }\n@mixin icon-checkbox { content: \"\\e69b\"; }\n@mixin icon-checkbox-crossed { content: \"\\e69c\"; }\n@mixin icon-checkbox-checked { content: \"\\e69d\"; }\n@mixin icon-result-nok { content: \"\\e69e\"; }\n@mixin icon-result-ok { content: \"\\e69f\"; }\n@mixin icon-not-evaluated { content: \"\\e6a0\"; }\n@mixin icon-filter { content: \"\\e6a1\"; }\n@mixin icon-translate { content: \"\\e6a2\"; }\n@mixin icon-eject { content: \"\\e6a3\"; }\n@mixin icon-continue { content: \"\\e6a4\"; }\n@mixin icon-radio { content: \"\\e6a5\"; }\n@mixin icon-sphere { content: \"\\e6a6\"; }\n@mixin icon-reset { content: \"\\e6a7\"; }\n@mixin icon-smaller { content: \"\\e6a8\"; }\n@mixin icon-larger { content: \"\\e6a9\"; }\n@mixin icon-clock { content: \"\\e6aa\"; }\n@mixin icon-font { content: \"\\e6ab\"; }\n@mixin icon-maths { content: \"\\e6ac\"; }\n@mixin icon-grip { content: \"\\e6ad\"; }\n@mixin icon-rubric { content: \"\\e6ae\"; }\n@mixin icon-audio { content: \"\\e6af\"; }\n@mixin icon-grip-h { content: \"\\e6b0\"; }\n@mixin icon-magicwand { content: \"\\e6b1\"; }\n@mixin icon-loop { content: \"\\ea2e\"; }\n@mixin icon-calendar { content: \"\\e953\"; }\n@mixin icon-reload { content: \"\\e984\"; }\n@mixin icon-speed { content: \"\\e9a6\"; }\n@mixin icon-volume { content: \"\\ea27\"; }\n@mixin icon-contrast { content: \"\\e9d5\"; }\n@mixin icon-headphones { content: \"\\e910\"; }\n@mixin icon-compress { content: \"\\f066\"; }\n@mixin icon-map-o { content: \"\\f278\"; }\n@mixin icon-variable { content: \"\\e908\"; }\n@mixin icon-tooltip { content: \"\\e90c\"; }\n@mixin icon-globe { content: \"\\e9c9\"; }\n@mixin icon-highlighter { content: \"\\e90f\"; }\n@mixin icon-eliminate-crossed { content: \"\\e911\"; }\n@mixin icon-play-from-here { content: \"\\e912\"; }\n@mixin icon-wrap-inline { content: \"\\e917\"; }\n@mixin icon-wrap-right { content: \"\\e915\"; }\n@mixin icon-wrap-left { content: \"\\e916\"; }\n@mixin icon-indicator { content: \"\\e920\"; }\n@mixin icon-bookmark { content: \"\\e921\"; }\n@mixin icon-bookmark-outline { content: \"\\e922\"; }\n@mixin icon-info-bare { content: \"\\e923\"; }","// buttons and alerts\n$success: rgb(14, 145, 75);\n$info: rgb(14, 93, 145);\n$warning: rgb(216, 174, 91);\n$danger: rgb(201, 96, 67);\n$error: rgb(186, 18, 43);\n$activeInteraction: rgb(195, 90, 19);\n\n// corporate identity\n$logoRed: rgb(186, 18, 43);\n$grey: rgb(173, 161, 148);\n$darkBlueGrey: rgb(164, 187, 197);\n$mediumBlueGrey: rgb(193, 212, 220);\n$lightBlueGrey: rgb(228, 236, 239);\n$brownRedGrey: rgb(154, 137, 123);\n$darkBrown: rgb(111, 99, 89);\n$websiteBorder: rgb(141, 148, 158);\n\n// ui elements, these should only variations of the above\n// naming convention: jQueryUi theme roller -> camelCase\n\n$textColor: #222;\n$textHighlight: white;\n\n$uiGeneralContentBg: white();\n$uiGeneralContentBorder: #ddd;\n\n$uiHeaderBg: #d4d5d7;\n\n$uiClickableDefaultBg: #f3f1ef;\n$uiClickableHoverBg: whiten($info, 0.2);\n//$uiClickableActiveBg: $uiHeaderBg;\n$uiClickableActiveBg: whiten($websiteBorder, 0.2);\n//$uiClickableActiveBg: #aaa;\n\n$uiSelectableSelectedBg: whiten($info, 0.2);\n$uiSelectableSelectedHoverBg: whiten($info, 0.1);\n$uiSelectableHoverBg: whiten($info, 0.9);\n\n$uiOverlay: $lightBlueGrey;\n\n// new layout. Implemented now only for review panel\n$uiReviewPanelBg: #f2f2f2;\n$uiReviewPanelTextDisabled: hsl(0, 0%, 45%);\n$uiReviewPanelTextDefault: hsl(0, 0%, 12%);\n$uiReviewPanelBgDefault: $uiGeneralContentBg;\n$uiReviewPanelPrimaryHighlight: hsl(208, 100%, 32%);\n$uiReviewPanelBgInverted: $uiReviewPanelTextDefault;\n$uiReviewPanelTextInverted: $uiGeneralContentBg;\n\n// sidebars etc.\n$canvas: mix(#fff, $grey, 85%);\n\n// colors taken from feedback.scss\n$successBgColor: whiten($success, 0.8);\n$successBorderColor: whiten($success, 0.1);\n\n$infoBgColor: whiten($info, 0.8);\n$infoBorderColor: whiten($info, 0.1);\n\n$warningBgColor: whiten($warning, 0.8);\n$warningBorderColor: whiten($warning, 0.1);\n\n$dangerBgColor: whiten($danger, 0.8);\n$dangerBorderColor: whiten($danger, 0.1);\n\n$errorBgColor: whiten($error, 0.8);\n$errorBorderColor: whiten($error, 0.1);\n\n$darkBar: rgb(51, 51, 51);\n$darkBarTxt: rgb(230, 230, 230);\n$darkBarIcon: rgb(220, 220, 220);\n\n$actionLinkColor: #276d9b;\n$actionLinkHoverColor: #4f83a7;\n\n$colorWheel-01: #c3ba13;\n$colorWheel-02: #84a610;\n$colorWheel-03: #2b8e0e;\n$colorWheel-04: #0f9787;\n$colorWheel-05: #0e5d91;\n$colorWheel-06: #0d2689;\n$colorWheel-07: #400d83;\n$colorWheel-08: #960e7d;\n$colorWheel-09: #ba122b;\n$colorWheel-10: #c34713;\n$colorWheel-11: #c36f13;\n$colorWheel-12: #c39413;\n"]}
|
|
1
|
+
{"version":3,"sources":["../../../scss/inc/_functions.scss","../scss/resourcemgr.scss","../../../scss/inc/fonts/_tao-icon-vars.scss","../../../scss/inc/_colors.scss"],"names":[],"mappings":"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","file":"resourcemgr.css","sourcesContent":["@mixin iterate-sprite($iconList, $x, $y, $direction, $prefix:'') {\n @each $icon in $iconList {\n #{$prefix}#{$icon} {\n background-position: $x * 1px $y * 1px;\n }\n @if $direction == 'x' {\n $x: $x - 16;\n } @else {\n $y: $y - 16;\n }\n }\n}\n\n/*\nUsage:\n- linear-gradient((color1, color2, color3)) - returns linear-gradient with evenly distributed colors,\n if 3 colors used then the position of each will be 33,33%\n- linear-gradient((color1 0%, color2 30%, color3 80%)) - returns linear-gradient with manually distributed colors,\n first param - color, second - position. Also you can use px or other valid units for set position.\n*/\n@mixin linear-gradient($colorList, $direction: 'to right') {\n $percentage: 0;\n $units: '%';\n $count: length($colorList);\n $increment: 100 / ($count - 1);\n $css: #{$direction + ', '};\n $sep: ', ';\n @each $colorItem in $colorList {\n $color: $colorItem;\n @if (length($colorItem) > 1) {\n $color: nth($colorItem, 1);\n $percentage: nth($colorItem, 2);\n $units: '';\n }\n @if ($percentage >= 100 or index($colorList, $colorItem) == $count) {\n $sep: '';\n }\n $css: #{$css + $color + ' ' + $percentage + $units + $sep};\n $percentage: $percentage + $increment;\n }\n background: linear-gradient( #{$css} );\n}\n\n@mixin grid-unit($span, $numCols: 12, $gutter: 0) {\n $gridPx: 840;\n $rawSpanPx: (($gridPx - ($numCols * $gutter)) / $numCols);\n $spanPx: $rawSpanPx * $span + (($span - 1) * $gutter);\n $spanPercent: widthPerc($spanPx, $gridPx);\n $marginPercent: widthPerc($gutter, $gridPx);\n margin-left: $marginPercent;\n width: $spanPercent;\n}\n\n\n@mixin vendor-prefix($property, $value, $whatToPrefix: property, $prefixes: (-webkit-, -moz-, -ms-, -o-, '')) {\n @if $whatToPrefix == 'property' {\n @each $prefix in $prefixes {\n #{$prefix + $property}: #{$value};\n }\n }\n @else if $whatToPrefix == 'value' {\n @each $prefix in $prefixes {\n #{$property}: #{$prefix + $value};\n }\n }\n}\n@mixin flex-container($wrapBehavior: nowrap, $direction : row) {\n @include vendor-prefix(display, flex, value, (-ms-, -webkit-, ''));\n\n @include vendor-prefix(flex-direction, $direction, property, (-ms-, -webkit-, ''));\n @include vendor-prefix(flex-wrap, $wrapBehavior, property, (-ms-, -webkit-, ''));\n\n @include vendor-prefix(justify-content, flex-start, property, (-webkit-, ''));\n\n @include vendor-prefix(align-content, flex-start, property, (-webkit-, ''));\n\n @include vendor-prefix(align-items, stretch, property, (-webkit-, ''));\n}\n\n@mixin simple-flex-box($width: auto, $minWidth: 1) {\n\n @include vendor-prefix(order, 0, property, (-ms-, -webkit-, ''));\n flex-item-align: stretch;\n -ms-flex-item-align: stretch;\n @include vendor-prefix(align-self, stretch, property, (-webkit-, ''));\n\n // if both, min width and width are set, width will win this conflict\n @if ($width == auto) {\n @if ($minWidth != 1) {\n @include vendor-prefix(flex, 1 1 $minWidth, property, (-ms-, -webkit-, ''));\n }\n @else {\n @include vendor-prefix(flex, 1 1 auto, property, (-ms-, -webkit-, ''));\n // @see https://developer.mozilla.org/en-US/docs/Web/CSS/flex-basis#Values\n // for a discussion auto vs. main-size\n @include vendor-prefix(flex, 1 1, property, (-ms-, -webkit-, ''));\n }\n }\n @else {\n @include vendor-prefix(flex, 0 0 $width, property, (-ms-, -webkit-, ''));\n }\n}\n\n\n@mixin box-shadow($horiz: 1px, $vert: 1px, $blur: 2px, $spread: 0, $color: rgba(0, 0, 0, .2)) {\n @include vendor-prefix(box-shadow, $horiz $vert $blur $spread $color, property);\n}\n\n@mixin simple-border($color: #ddd) {\n border: 1px solid $color;\n border-radius: 2px;\n -webkit-border-radius: 2px;\n}\n\n@mixin border-radius($radius: 2) {\n -moz-border-radius: $radius * 1px;\n -webkit-border-radius: $radius * 1px;\n border-radius: $radius * 1px;\n}\n\n@mixin border-radius-top($radius: 2) {\n -webkit-border-top-left-radius: $radius * 1px;\n -webkit-border-top-right-radius: $radius * 1px;\n -moz-border-radius-topleft: $radius * 1px;\n -moz-border-radius-topright: $radius * 1px;\n border-top-left-radius: $radius * 1px;\n border-top-right-radius: $radius * 1px;\n}\n\n@mixin border-radius-bottom($radius: 2) {\n -webkit-border-bottom-right-radius: $radius * 1px;\n -webkit-border-bottom-left-radius: $radius * 1px;\n -moz-border-radius-bottomright: $radius * 1px;\n -moz-border-radius-bottomleft: $radius * 1px;\n border-bottom-right-radius: $radius * 1px;\n border-bottom-left-radius: $radius * 1px;\n}\n\n@mixin border-radius-left($radius: 2) {\n -webkit-border-top-left-radius: $radius * 1px;\n -webkit-border-bottom-left-radius: $radius * 1px;\n -moz-border-radius-topleft: $radius * 1px;\n -moz-border-radius-bottomleft: $radius * 1px;\n border-top-left-radius: $radius * 1px;\n border-bottom-left-radius: $radius * 1px;\n}\n\n@mixin border-radius-right($radius: 2) {\n -webkit-border-top-right-radius: $radius * 1px;\n -webkit-border-bottom-right-radius: $radius * 1px;\n -moz-border-radius-topright: $radius * 1px;\n -moz-border-radius-bottomright: $radius * 1px;\n border-top-right-radius: $radius * 1px;\n border-bottom-right-radius: $radius * 1px;\n}\n\n@mixin border-radius-top-left($radius: 2) {\n -webkit-border-top-left-radius: $radius * 1px;\n -moz-border-radius-topleft: $radius * 1px;\n border-top-left-radius: $radius * 1px;\n}\n\n@mixin border-radius-top-right($radius: 2) {\n -webkit-border-top-right-radius: $radius * 1px;\n -moz-border-radius-topright: $radius * 1px;\n border-top-right-radius: $radius * 1px;\n}\n\n@mixin border-radius-bottom-right($radius: 2) {\n -webkit-border-bottom-right-radius: $radius * 1px;\n -moz-border-radius-bottomright: $radius * 1px;\n border-bottom-right-radius: $radius * 1px;\n}\n\n@mixin border-radius-bottom-left($radius: 2) {\n -webkit-border-bottom-left-radius: $radius * 1px;\n -moz-border-radius-bottomleft: $radius * 1px;\n border-bottom-left-radius: $radius * 1px;\n}\n\n@mixin border-box() {\n -moz-box-sizing: border-box;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n\n@function whiten($color, $white: 0.3) {\n @return mix(#fff, $color, ($white * 100) * 1%);\n}\n\n@function blacken($color, $black: 0.3) {\n @return mix(#000, $color, ($black * 100) * 1%);\n}\n\n@function widthPerc($colWidth, $context) {\n @return ($colWidth * 100 / $context) * 1%\n}\n\n@function remDist($fontSizePx) {\n @return ($fontSizePx / 10) * 1rem\n}\n\n@function black($alpha: 1) {\n @return (rgba(0, 0, 0, $alpha))\n}\n\n@function white($alpha: 1) {\n @return (rgba(255, 255, 255, $alpha))\n}\n\n@mixin font-size($remPx, $important: false) {\n @if $important == true {\n font-size: ($remPx) * 1px !important;\n font-size: ($remPx / 10) * 1rem !important;\n }\n @else {\n font-size: ($remPx) * 1px;\n font-size: ($remPx / 10) * 1rem;\n }\n}\n\n\n@mixin keyframes($name) {\n @-o-keyframes #{$name} { @content };\n @-moz-keyframes #{$name} { @content };\n @-webkit-keyframes #{$name} { @content };\n @keyframes #{$name} { @content };\n}\n\n\n@mixin animation($value, $type:'') {\n $animation: animation;\n @if $type != '' {\n $animation: $animation + '-' + $type;\n }\n @include vendor-prefix($animation, $value, property);\n}\n\n/// CSS transition mixin to the current selection (apply also vendor prefixes).\n/// See <https://developer.mozilla.org/en-US/docs/Web/CSS/transition> for the values\n///\n/// @param {property} [$type = all] the CSS property to apply the transition to\n/// @param {time} [$duration = .5s] the transition property\n/// @param {timing-function} [$effect = ease-out] the transition property\n@mixin transition($type : all, $duration : 0.5s, $effect : ease-out, $delay : 0s){\n @include vendor-prefix(transition, $type + ', ' + $duration + ', ' + $effect + ', ' + $delay, property);\n}\n\n@mixin fade($duration: 1s){\n\n @include keyframes(fade) {\n 0% {opacity:0;}\n 50% {opacity:1;}\n 100% {opacity:0;}\n }\n\n @include vendor-prefix(animation, fade 1s forwards, property);\n}\n\n@mixin repeat(){\n @include animation(infinite, iteration-count);\n}\n\n@mixin largeHeading() {\n @include font-size(20);\n font-family: $headingFont;\n font-style: normal;\n}\n\n@mixin disableSelect() {\n @include vendor-prefix(user-select, none, property);\n}\n","@import 'inc/bootstrap';\n\n/* tooltip */\n.resourcemgr {\n\n $activeColor: whiten($uiClickableHoverBg, 0.9);\n $rmBrowserWidth: 260;\n $rmPreviewWidth: 300;\n $rmMaxContainerWidth: 1400;\n $rmSideMargin: 40;\n\n width: 90%;\n height: 100%;\n max-width: $rmMaxContainerWidth * 1px;\n\n #mediaManager &.modal {\n max-height: 700px;\n top: 40px !important;\n bottom: 40px;\n padding: 0;\n }\n\n & > h2 {\n @include font-size(15);\n margin: 20px 40px 10px;\n height: 40px;\n }\n\n .file-wrapper {\n overflow-y: auto;\n margin: 0 #{$rmSideMargin * 1px};\n height: calc(100% - 40px - 40px - 40px); // full height - h2.padding - h2.height - modal.bottom-padding\n @include flex-container();\n }\n\n .file-browser {\n @include simple-flex-box($rmBrowserWidth * 1px);\n }\n\n .file-preview {\n @include simple-flex-box($rmPreviewWidth * 1px);\n }\n\n .file-selector {\n @include simple-flex-box(auto);\n max-width: calc(100% - #{($rmBrowserWidth + $rmPreviewWidth) *1px});\n }\n\n .file-browser, .file-selector, .file-preview {\n position: relative;\n vertical-align: top;\n height: 100% !important;\n color: $textColor;\n\n h1 {\n @include font-size(16);\n line-height: 1.6;\n\n color: $textColor;\n margin-top: 1px;\n padding: 5px;\n }\n h2 {\n @include font-size(13);\n line-height: 1.3;\n background-color: $uiHeaderBg;\n color: $textColor;\n margin-top: 1px;\n padding: 6px;\n position: relative;\n clear: both;\n\n &.toggler{\n cursor: pointer;\n &:after{\n position: absolute;\n right: 15px;\n top: 3px;\n }\n }\n }\n }\n\n .file-browser{\n background-color: $uiClickableDefaultBg;\n & > h1 {\n background-color: $uiHeaderBg;\n }\n\n & .file-browser-wrapper {\n overflow: auto;\n height: calc(100% - 50px);\n }\n\n ul {\n list-style-type: none;\n padding-left: 5px;\n ul {\n padding-left: 18px;\n }\n li {\n a {\n color: $textColor;\n white-space: nowrap;\n &:before {\n @include tao-icon-setup;\n @include icon-folder;\n margin: 0 3px;\n }\n }\n\n a.opened:before {\n font-style: italic;\n @include tao-icon-setup;\n @include icon-folder-open;\n }\n\n &.active > a {\n background-color: $activeColor;\n\n }\n }\n }\n }\n\n .file-preview{\n background-color: $uiClickableDefaultBg;\n & > h1 {\n background-color: $uiHeaderBg;\n }\n\n .file-properties{\n padding: 0 5px;\n }\n\n .previewer {\n height: 300px;\n overflow: hidden;\n }\n\n .actions {\n text-align: center;\n margin-bottom: 10px;\n }\n }\n\n .file-selector{\n position: relative;\n border: solid 1px #fff;\n border-top: none;\n border-bottom: none;\n display: flex;\n flex-direction: column;\n\n background-color: $uiGeneralContentBg;\n & > h1 {\n position: relative;\n background-color: $uiClickableDefaultBg;\n\n .title {\n margin-right: 10px;\n }\n\n .upload-switcher {\n a {\n display: inline-block;\n }\n .listing {\n display:none;\n }\n }\n }\n\n .empty {\n color: #666;\n font-style: italic;\n @include font-size(18);\n text-align: center;\n }\n\n ul.files {\n position: relative;\n margin-bottom: 0;\n padding: 0;\n list-style-type: none;\n flex-grow: 1;\n overflow-y: auto;\n li {\n height: 35px;\n line-height: 35px;\n margin-bottom: 0;\n padding: 0 0 0 5px;\n position: relative;\n\n &:before {\n @include tao-icon-setup;\n @include icon-document;\n @include font-size(16);\n vertical-align: top;\n line-height: 2.2;\n position: absolute;\n left: 8px;\n }\n &[data-type='image']:before{\n @include icon-image;\n }\n &[data-type='audio']:before{\n @include icon-media;\n }\n &[data-type='video']:before{\n @include icon-video;\n }\n\n &.active, &:hover {\n background-color: $activeColor;\n cursor: pointer;\n }\n\n .desc {\n display: inline-block;\n max-width: calc(100% - 130px);// 130 = icon left + toolbar right + some air\n margin-left: 25px;\n }\n\n .actions {\n top: 0;\n right: 0;\n position: absolute;\n height: 35px;\n width: 100px;\n .tlb {\n display: inline-block;\n background: none;\n @include font-size(14);\n .tlb-top {\n background: none !important;\n border-width: 0 !important;\n @include box-shadow(0, 0, 0);\n }\n }\n }\n }\n }\n .file-upload-container {\n display: none;\n padding: 0 5px;\n }\n .pagination-bottom { \n align-self: flex-end;\n width: 100%;\n padding: 5px 10px 0;\n }\n }\n}\n\n/*# sourceMappingURL=resourcemgr.css.map */","/* Do not edit */@mixin tao-icon-setup {\n /* use !important to prevent issues with browser extensions that change fonts */\n font-family: 'tao' !important;\n speak: never;\n font-style: normal;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n\n /* Better Font Rendering =========== */\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n@mixin icon-info-bare { content: \"\\e923\"; }\n@mixin icon-bookmark-outline { content: \"\\e922\"; }\n@mixin icon-bookmark { content: \"\\e921\"; }\n@mixin icon-indicator { content: \"\\e920\"; }\n@mixin icon-add-subsection { content: \"\\e918\"; }\n@mixin icon-wrap-inline { content: \"\\e915\"; }\n@mixin icon-wrap-left { content: \"\\e916\"; }\n@mixin icon-wrap-right { content: \"\\e917\"; }\n@mixin icon-offline { content: \"\\e913\"; }\n@mixin icon-online { content: \"\\e914\"; }\n@mixin icon-tab { content: \"\\e90d\"; }\n@mixin icon-untab { content: \"\\e90e\"; }\n@mixin icon-multi-select { content: \"\\e90b\"; }\n@mixin icon-clipboard { content: \"\\e90a\"; }\n@mixin icon-filebox { content: \"\\e909\"; }\n@mixin icon-click-to-speak { content: \"\\e907\"; }\n@mixin icon-speech-bubble { content: \"\\f0e5\"; }\n@mixin icon-microphone { content: \"\\f130\"; }\n@mixin icon-microphone-off { content: \"\\f131\"; }\n@mixin icon-disconnect { content: \"\\e905\"; }\n@mixin icon-connect { content: \"\\e906\"; }\n@mixin icon-eliminate { content: \"\\e904\"; }\n@mixin icon-wheelchair { content: \"\\e903\"; }\n@mixin icon-text-marker { content: \"\\e902\"; }\n@mixin icon-unshield { content: \"\\e32a\"; }\n@mixin icon-shield { content: \"\\e8e8\"; }\n@mixin icon-tree { content: \"\\e6b4\"; }\n@mixin icon-home { content: \"\\e6b3\"; }\n@mixin icon-shared-file { content: \"\\e6b2\"; }\n@mixin icon-end-attempt { content: \"\\e603\"; }\n@mixin icon-icon { content: \"\\f1c5\"; }\n@mixin icon-radio-bg { content: \"\\e600\"; }\n@mixin icon-checkbox-bg { content: \"\\e601\"; }\n@mixin icon-tag { content: \"\\e602\"; }\n@mixin icon-style { content: \"\\e604\"; }\n@mixin icon-ownership-transfer { content: \"\\e605\"; }\n@mixin icon-property-advanced { content: \"\\e606\"; }\n@mixin icon-property-add { content: \"\\e607\"; }\n@mixin icon-repository-add { content: \"\\e608\"; }\n@mixin icon-repository-remove { content: \"\\e609\"; }\n@mixin icon-repository { content: \"\\e60a\"; }\n@mixin icon-result-server { content: \"\\e60b\"; }\n@mixin icon-folder { content: \"\\e60c\"; }\n@mixin icon-folder-open { content: \"\\e60d\"; }\n@mixin icon-left { content: \"\\e60e\"; }\n@mixin icon-right { content: \"\\e60f\"; }\n@mixin icon-up { content: \"\\e610\"; }\n@mixin icon-down { content: \"\\e611\"; }\n@mixin icon-undo { content: \"\\e612\"; }\n@mixin icon-redo { content: \"\\e613\"; }\n@mixin icon-screen { content: \"\\e614\"; }\n@mixin icon-laptop { content: \"\\e615\"; }\n@mixin icon-tablet { content: \"\\e616\"; }\n@mixin icon-phone { content: \"\\e617\"; }\n@mixin icon-move { content: \"\\e618\"; }\n@mixin icon-bin { content: \"\\e619\"; }\n@mixin icon-shuffle { content: \"\\e61a\"; }\n@mixin icon-print { content: \"\\e61b\"; }\n@mixin icon-tools { content: \"\\e61c\"; }\n@mixin icon-settings { content: \"\\e61d\"; }\n@mixin icon-video { content: \"\\e61e\"; }\n@mixin icon-find { content: \"\\e61f\"; }\n@mixin icon-image { content: \"\\e620\"; }\n@mixin icon-edit { content: \"\\e621\"; }\n@mixin icon-document { content: \"\\e622\"; }\n@mixin icon-resize-grid { content: \"\\e623\"; }\n@mixin icon-resize { content: \"\\e624\"; }\n@mixin icon-help { content: \"\\e625\"; }\n@mixin icon-mobile-menu { content: \"\\e626\"; }\n@mixin icon-fix { content: \"\\e627\"; }\n@mixin icon-unlock { content: \"\\e628\"; }\n@mixin icon-lock { content: \"\\e629\"; }\n@mixin icon-ul { content: \"\\e62a\"; }\n@mixin icon-ol { content: \"\\e62b\"; }\n@mixin icon-email { content: \"\\e62c\"; }\n@mixin icon-download { content: \"\\e62d\"; }\n@mixin icon-logout { content: \"\\e62e\"; }\n@mixin icon-login { content: \"\\e62f\"; }\n@mixin icon-spinner { content: \"\\e630\"; }\n@mixin icon-preview { content: \"\\e631\"; }\n@mixin icon-external { content: \"\\e632\"; }\n@mixin icon-time { content: \"\\e633\"; }\n@mixin icon-save { content: \"\\e634\"; }\n@mixin icon-warning { content: \"\\e635\"; }\n@mixin icon-add { content: \"\\e636\"; }\n@mixin icon-error { content: \"\\e900\"; }\n@mixin icon-close { content: \"\\e637\"; }\n@mixin icon-success { content: \"\\e638\"; }\n@mixin icon-remove { content: \"\\e639\"; }\n@mixin icon-info { content: \"\\e63a\"; }\n@mixin icon-danger { content: \"\\e63b\"; }\n@mixin icon-users { content: \"\\e63c\"; }\n@mixin icon-user { content: \"\\e63d\"; }\n@mixin icon-test-taker { content: \"\\e63e\"; }\n@mixin icon-test-takers { content: \"\\e63f\"; }\n@mixin icon-item { content: \"\\e640\"; }\n@mixin icon-test { content: \"\\e641\"; }\n@mixin icon-delivery { content: \"\\e642\"; }\n@mixin icon-eye-slash { content: \"\\e643\"; }\n@mixin icon-result { content: \"\\e644\"; }\n@mixin icon-delivery-small { content: \"\\e645\"; }\n@mixin icon-upload { content: \"\\e646\"; }\n@mixin icon-result-small { content: \"\\e647\"; }\n@mixin icon-mobile-preview { content: \"\\e648\"; }\n@mixin icon-extension { content: \"\\e649\"; }\n@mixin icon-desktop-preview { content: \"\\e64a\"; }\n@mixin icon-tablet-preview { content: \"\\e64b\"; }\n@mixin icon-insert-horizontal-line { content: \"\\e64c\"; }\n@mixin icon-table { content: \"\\e64d\"; }\n@mixin icon-anchor { content: \"\\e64e\"; }\n@mixin icon-unlink { content: \"\\e64f\"; }\n@mixin icon-link { content: \"\\e650\"; }\n@mixin icon-right-left { content: \"\\e651\"; }\n@mixin icon-left-right { content: \"\\e652\"; }\n@mixin icon-special-character { content: \"\\e653\"; }\n@mixin icon-source { content: \"\\e654\"; }\n@mixin icon-new-page { content: \"\\e655\"; }\n@mixin icon-templates { content: \"\\e656\"; }\n@mixin icon-cut { content: \"\\e657\"; }\n@mixin icon-replace { content: \"\\e658\"; }\n@mixin icon-copy { content: \"\\e659\"; }\n@mixin icon-paste { content: \"\\e65a\"; }\n@mixin icon-select-all { content: \"\\e65b\"; }\n@mixin icon-paste-text { content: \"\\e65c\"; }\n@mixin icon-paste-word { content: \"\\e65d\"; }\n@mixin icon-bold { content: \"\\e65e\"; }\n@mixin icon-italic { content: \"\\e65f\"; }\n@mixin icon-underline { content: \"\\e660\"; }\n@mixin icon-subscript { content: \"\\e661\"; }\n@mixin icon-superscript { content: \"\\e662\"; }\n@mixin icon-strike-through { content: \"\\e663\"; }\n@mixin icon-decrease-indent { content: \"\\e664\"; }\n@mixin icon-increase-indent { content: \"\\e665\"; }\n@mixin icon-block-quote { content: \"\\e666\"; }\n@mixin icon-div-container { content: \"\\e667\"; }\n@mixin icon-align-left { content: \"\\e668\"; }\n@mixin icon-center { content: \"\\e669\"; }\n@mixin icon-align-right { content: \"\\e66a\"; }\n@mixin icon-justify { content: \"\\e66b\"; }\n@mixin icon-choice { content: \"\\e66c\"; }\n@mixin icon-inline-choice { content: \"\\e66d\"; }\n@mixin icon-match { content: \"\\e66e\"; }\n@mixin icon-associate { content: \"\\e66f\"; }\n@mixin icon-media { content: \"\\e670\"; }\n@mixin icon-graphic-order { content: \"\\e671\"; }\n@mixin icon-hotspot { content: \"\\e672\"; }\n@mixin icon-graphic-gap { content: \"\\e673\"; }\n@mixin icon-graphic-associate { content: \"\\e674\"; }\n@mixin icon-select-point { content: \"\\e675\"; }\n@mixin icon-pin { content: \"\\e676\"; }\n@mixin icon-import { content: \"\\e677\"; }\n@mixin icon-export { content: \"\\e678\"; }\n@mixin icon-move-item { content: \"\\e679\"; }\n@mixin icon-meta-data { content: \"\\e67a\"; }\n@mixin icon-slider { content: \"\\e67b\"; }\n@mixin icon-summary-report { content: \"\\e67c\"; }\n@mixin icon-text-entry { content: \"\\e67d\"; }\n@mixin icon-extended-text { content: \"\\e67e\"; }\n@mixin icon-eraser { content: \"\\e67f\"; }\n@mixin icon-row { content: \"\\e680\"; }\n@mixin icon-column { content: \"\\e681\"; }\n@mixin icon-text-color { content: \"\\e682\"; }\n@mixin icon-background-color { content: \"\\e683\"; }\n@mixin icon-spell-check { content: \"\\e684\"; }\n@mixin icon-polygon { content: \"\\e685\"; }\n@mixin icon-rectangle { content: \"\\e686\"; }\n@mixin icon-gap-match { content: \"\\e687\"; }\n@mixin icon-order { content: \"\\e688\"; }\n@mixin icon-hottext { content: \"\\e689\"; }\n@mixin icon-free-form { content: \"\\e68a\"; }\n@mixin icon-step-backward { content: \"\\e68b\"; }\n@mixin icon-fast-backward { content: \"\\e68c\"; }\n@mixin icon-backward { content: \"\\e68d\"; }\n@mixin icon-play { content: \"\\e68e\"; }\n@mixin icon-pause { content: \"\\e68f\"; }\n@mixin icon-stop { content: \"\\e690\"; }\n@mixin icon-forward { content: \"\\e691\"; }\n@mixin icon-fast-forward { content: \"\\e692\"; }\n@mixin icon-step-forward { content: \"\\e693\"; }\n@mixin icon-ellipsis { content: \"\\e694\"; }\n@mixin icon-circle { content: \"\\e695\"; }\n@mixin icon-target { content: \"\\e696\"; }\n@mixin icon-guide-arrow { content: \"\\e697\"; }\n@mixin icon-range-slider-right { content: \"\\e698\"; }\n@mixin icon-range-slider-left { content: \"\\e699\"; }\n@mixin icon-radio-checked { content: \"\\e69a\"; }\n@mixin icon-checkbox-indeterminate { content: \"\\e901\"; }\n@mixin icon-checkbox { content: \"\\e69b\"; }\n@mixin icon-checkbox-crossed { content: \"\\e69c\"; }\n@mixin icon-checkbox-checked { content: \"\\e69d\"; }\n@mixin icon-result-nok { content: \"\\e69e\"; }\n@mixin icon-result-ok { content: \"\\e69f\"; }\n@mixin icon-not-evaluated { content: \"\\e6a0\"; }\n@mixin icon-filter { content: \"\\e6a1\"; }\n@mixin icon-translate { content: \"\\e6a2\"; }\n@mixin icon-eject { content: \"\\e6a3\"; }\n@mixin icon-continue { content: \"\\e6a4\"; }\n@mixin icon-radio { content: \"\\e6a5\"; }\n@mixin icon-sphere { content: \"\\e6a6\"; }\n@mixin icon-reset { content: \"\\e6a7\"; }\n@mixin icon-smaller { content: \"\\e6a8\"; }\n@mixin icon-larger { content: \"\\e6a9\"; }\n@mixin icon-clock { content: \"\\e6aa\"; }\n@mixin icon-font { content: \"\\e6ab\"; }\n@mixin icon-maths { content: \"\\e6ac\"; }\n@mixin icon-grip { content: \"\\e6ad\"; }\n@mixin icon-rubric { content: \"\\e6ae\"; }\n@mixin icon-audio { content: \"\\e6af\"; }\n@mixin icon-grip-h { content: \"\\e6b0\"; }\n@mixin icon-magicwand { content: \"\\e6b1\"; }\n@mixin icon-loop { content: \"\\ea2e\"; }\n@mixin icon-calendar { content: \"\\e953\"; }\n@mixin icon-reload { content: \"\\e984\"; }\n@mixin icon-speed { content: \"\\e9a6\"; }\n@mixin icon-volume { content: \"\\ea27\"; }\n@mixin icon-contrast { content: \"\\e9d5\"; }\n@mixin icon-headphones { content: \"\\e910\"; }\n@mixin icon-compress { content: \"\\f066\"; }\n@mixin icon-map-o { content: \"\\f278\"; }\n@mixin icon-variable { content: \"\\e908\"; }\n@mixin icon-tooltip { content: \"\\e90c\"; }\n@mixin icon-globe { content: \"\\e9c9\"; }\n@mixin icon-highlighter { content: \"\\e90f\"; }\n@mixin icon-eliminate-crossed { content: \"\\e911\"; }\n@mixin icon-play-from-here { content: \"\\e912\"; }\n","// buttons and alerts\n$success: rgb(14, 145, 75);\n$info: rgb(14, 93, 145);\n$warning: rgb(216, 174, 91);\n$danger: rgb(201, 96, 67);\n$error: rgb(186, 18, 43);\n$activeInteraction: rgb(195, 90, 19);\n\n// corporate identity\n$logoRed: rgb(186, 18, 43);\n$grey: rgb(173, 161, 148);\n$darkBlueGrey: rgb(164, 187, 197);\n$mediumBlueGrey: rgb(193, 212, 220);\n$lightBlueGrey: rgb(228, 236, 239);\n$brownRedGrey: rgb(154, 137, 123);\n$darkBrown: rgb(111, 99, 89);\n$websiteBorder: rgb(141, 148, 158);\n\n// ui elements, these should only variations of the above\n// naming convention: jQueryUi theme roller -> camelCase\n\n$textColor: #222;\n$textHighlight: white;\n\n$uiGeneralContentBg: white();\n$uiGeneralContentBorder: #ddd;\n\n$uiHeaderBg: #d4d5d7;\n\n$uiClickableDefaultBg: #f3f1ef;\n$uiClickableHoverBg: whiten($info, 0.2);\n//$uiClickableActiveBg: $uiHeaderBg;\n$uiClickableActiveBg: whiten($websiteBorder, 0.2);\n//$uiClickableActiveBg: #aaa;\n\n$uiSelectableSelectedBg: whiten($info, 0.2);\n$uiSelectableSelectedHoverBg: whiten($info, 0.1);\n$uiSelectableHoverBg: whiten($info, 0.9);\n\n$uiOverlay: $lightBlueGrey;\n\n// new layout. Implemented now only for review panel\n$uiReviewPanelBg: #f2f2f2;\n$uiReviewPanelTextDisabled: hsl(0, 0%, 45%);\n$uiReviewPanelTextDefault: hsl(0, 0%, 12%);\n$uiReviewPanelBgDefault: $uiGeneralContentBg;\n$uiReviewPanelPrimaryHighlight: hsl(208, 100%, 32%);\n$uiReviewPanelBgInverted: $uiReviewPanelTextDefault;\n$uiReviewPanelTextInverted: $uiGeneralContentBg;\n\n// sidebars etc.\n$canvas: mix(#fff, $grey, 85%);\n\n// colors taken from feedback.scss\n$successBgColor: whiten($success, 0.8);\n$successBorderColor: whiten($success, 0.1);\n\n$infoBgColor: whiten($info, 0.8);\n$infoBorderColor: whiten($info, 0.1);\n\n$warningBgColor: whiten($warning, 0.8);\n$warningBorderColor: whiten($warning, 0.1);\n\n$dangerBgColor: whiten($danger, 0.8);\n$dangerBorderColor: whiten($danger, 0.1);\n\n$errorBgColor: whiten($error, 0.8);\n$errorBorderColor: whiten($error, 0.1);\n\n$darkBar: rgb(51, 51, 51);\n$darkBarTxt: rgb(230, 230, 230);\n$darkBarIcon: rgb(220, 220, 220);\n\n$actionLinkColor: #276d9b;\n$actionLinkHoverColor: #4f83a7;\n\n$colorWheel-01: #c3ba13;\n$colorWheel-02: #84a610;\n$colorWheel-03: #2b8e0e;\n$colorWheel-04: #0f9787;\n$colorWheel-05: #0e5d91;\n$colorWheel-06: #0d2689;\n$colorWheel-07: #400d83;\n$colorWheel-08: #960e7d;\n$colorWheel-09: #ba122b;\n$colorWheel-10: #c34713;\n$colorWheel-11: #c36f13;\n$colorWheel-12: #c39413;\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../scss/inc/_functions.scss","../scss/advancedSearch.scss","../../../scss/inc/fonts/_tao-icon-vars.scss","../../../scss/inc/_colors.scss"],"names":[],"mappings":"AAaA;;;;;;CCPC;ACND,gBAAA;ADKA;IACI,cAAc;IACd,aAAa;IACb,aAAa;IACb,sBAAsB;AAI1B;;AARA;IAMQ,mBAAmB;AAM3B;;AAZA;IASQ,iBAAiB;IACjB,mBAAmB;IACnB,kBAAkB;AAO1B;;AAlBA;IAaY,iBAAiB;IACjB,kBAAkB;IAClB,QAAQ;IACR,iBAAiB;AAS7B;;AAzBA;IAmBY,iBAAiB;IACjB,kBAAkB;IAClB,QAAQ;IACR,iBAAiB;IACjB,sCAAsC;IACtC,qBAAqB;AAUjC;;AAlCA;IA2BY,qBAAqB;AAWjC;;AAtCA;IA8BY,kBAAkB;IAClB,kBAAkB;IAClB,OAAO;IACP,wBAAwB;AAYpC;;AA7CA;IAoCY,aAAa;AAazB;;AAjDA;IAwCQ,gBAAgB;IAChB,mBAAmB;IACnB,gBAAgB;IAChB,aAAa;IACb,aAAa;IACb,sBAAsB;AAa9B;;AA1DA;IA+CY,iBAAiB;AAe7B;;AA9DA;IAkDY,mBAAmB;AAgB/B;;AAlEA;IAoDgB,mBAAmB;AAkBnC;;AAtEA;IAuDgB,QAAQ;IACR,QAAQ;IACR,eAAe;IACf,kBAAkB;IAClB,4BAA4B;IAC5B,gBAAgB;IAChB,UAAU;IACV,uBAAuB;IACvB,gBAAgB;IAChB,SAAS;IACT,cAAc;IACd,cAAc;IACd,UAAU;IACV,8BAA8B;AAmB9C;;AAvFA;IAsEoB,qBENK;AF2BzB;;AA3FA;IA2EoB,mBAAmB;AAoBvC;;AA/FA;IA8EoB,cAAc;AAqBlC;;AAnGA;IAkFgB,WAAW;IACX,UAAU;IACV,SAAS;AAqBzB;;AAzGA;IAuFgB,mBAAmB;IACnB,qBAAqB;IACrB,WAAW;IACX,sBAAsB;AAsBtC;;AAhHA;IA8FoB,iBAAiB;IACjB,WAAW;AAsB/B;;AArHA;IAoGoB,WAAW;AAqB/B;;AAzHA;IAuGoB,gBAAgB;IAChB,eAAe;AAsBnC;;AA9HA;IA2GoB,cAAc;IACd,mBAAmB;AAuBvC;;AAnIA;IA+GoB,WAAW;AAwB/B;;AAvIA;IAoHY,yBAvHuB;IAwHvB,yBAvHmB;IAwHnB,aAAa;AAuBzB;;AA7IA;IAwHgB,gBAAgB;AAyBhC;;AAjJA;IA2HgB,gBAAgB;IAChB,mBAAmB;IACnB,eAAe;AA0B/B;;AAvJA;IAiIY,mBAAmB;AA0B/B;;AA3JA;IAoIY,0BEhHiB;AF2I7B;;AA/JA;IAuIY,6BEnHiB;AF+I7B;;AAtBA;IACI,sBE1HyB;IF2HzB,4BAA+C;AAyBnD;;AA3BA;IAIQ,kBAAkB;IAClB,yBAAyB;AA2BjC;;AAvBA;IACI,cAAc;IACd,gBAAgB;AA0BpB;;AAvBA;IACI,cAAc;IACd,gBAAgB;AA0BpB;;AAvBA;IACI,WAAW;AA0Bf;;AAvBA;IACI;QACI,uBAAuB;IA0B3B;IAxBA;QACI,yBAAyB;IA0B7B;AACJ","file":"advancedSearch.css","sourcesContent":["@mixin iterate-sprite($iconList, $x, $y, $direction, $prefix:'') {\n @each $icon in $iconList {\n #{$prefix}#{$icon} {\n background-position: $x * 1px $y * 1px;\n }\n @if $direction == 'x' {\n $x: $x - 16;\n } @else {\n $y: $y - 16;\n }\n }\n}\n\n/*\nUsage:\n- linear-gradient((color1, color2, color3)) - returns linear-gradient with evenly distributed colors,\n if 3 colors used then the position of each will be 33,33%\n- linear-gradient((color1 0%, color2 30%, color3 80%)) - returns linear-gradient with manually distributed colors,\n first param - color, second - position. Also you can use px or other valid units for set position.\n*/\n@mixin linear-gradient($colorList, $direction: 'to right') {\n $percentage: 0;\n $units: '%';\n $count: length($colorList);\n $increment: 100 / ($count - 1);\n $css: #{$direction + ', '};\n $sep: ', ';\n @each $colorItem in $colorList {\n $color: $colorItem;\n @if (length($colorItem) > 1) {\n $color: nth($colorItem, 1);\n $percentage: nth($colorItem, 2);\n $units: '';\n }\n @if ($percentage >= 100 or index($colorList, $colorItem) == $count) {\n $sep: '';\n }\n $css: #{$css + $color + ' ' + $percentage + $units + $sep};\n $percentage: $percentage + $increment;\n }\n background: linear-gradient( #{$css} );\n}\n\n@mixin grid-unit($span, $numCols: 12, $gutter: 0) {\n $gridPx: 840;\n $rawSpanPx: (($gridPx - ($numCols * $gutter)) / $numCols);\n $spanPx: $rawSpanPx * $span + (($span - 1) * $gutter);\n $spanPercent: widthPerc($spanPx, $gridPx);\n $marginPercent: widthPerc($gutter, $gridPx);\n margin-left: $marginPercent;\n width: $spanPercent;\n}\n\n\n@mixin vendor-prefix($property, $value, $whatToPrefix: property, $prefixes: (-webkit-, -moz-, -ms-, -o-, '')) {\n @if $whatToPrefix == 'property' {\n @each $prefix in $prefixes {\n #{$prefix + $property}: #{$value};\n }\n }\n @else if $whatToPrefix == 'value' {\n @each $prefix in $prefixes {\n #{$property}: #{$prefix + $value};\n }\n }\n}\n@mixin flex-container($wrapBehavior: nowrap, $direction : row) {\n @include vendor-prefix(display, flex, value, (-ms-, -webkit-, ''));\n\n @include vendor-prefix(flex-direction, $direction, property, (-ms-, -webkit-, ''));\n @include vendor-prefix(flex-wrap, $wrapBehavior, property, (-ms-, -webkit-, ''));\n\n @include vendor-prefix(justify-content, flex-start, property, (-webkit-, ''));\n\n @include vendor-prefix(align-content, flex-start, property, (-webkit-, ''));\n\n @include vendor-prefix(align-items, stretch, property, (-webkit-, ''));\n}\n\n@mixin simple-flex-box($width: auto, $minWidth: 1) {\n\n @include vendor-prefix(order, 0, property, (-ms-, -webkit-, ''));\n flex-item-align: stretch;\n -ms-flex-item-align: stretch;\n @include vendor-prefix(align-self, stretch, property, (-webkit-, ''));\n\n // if both, min width and width are set, width will win this conflict\n @if ($width == auto) {\n @if ($minWidth != 1) {\n @include vendor-prefix(flex, 1 1 $minWidth, property, (-ms-, -webkit-, ''));\n }\n @else {\n @include vendor-prefix(flex, 1 1 auto, property, (-ms-, -webkit-, ''));\n // @see https://developer.mozilla.org/en-US/docs/Web/CSS/flex-basis#Values\n // for a discussion auto vs. main-size\n @include vendor-prefix(flex, 1 1, property, (-ms-, -webkit-, ''));\n }\n }\n @else {\n @include vendor-prefix(flex, 0 0 $width, property, (-ms-, -webkit-, ''));\n }\n}\n\n\n@mixin box-shadow($horiz: 1px, $vert: 1px, $blur: 2px, $spread: 0, $color: rgba(0, 0, 0, .2)) {\n @include vendor-prefix(box-shadow, $horiz $vert $blur $spread $color, property);\n}\n\n@mixin simple-border($color: #ddd) {\n border: 1px solid $color;\n border-radius: 2px;\n -webkit-border-radius: 2px;\n}\n\n@mixin border-radius($radius: 2) {\n -moz-border-radius: $radius * 1px;\n -webkit-border-radius: $radius * 1px;\n border-radius: $radius * 1px;\n}\n\n@mixin border-radius-top($radius: 2) {\n -webkit-border-top-left-radius: $radius * 1px;\n -webkit-border-top-right-radius: $radius * 1px;\n -moz-border-radius-topleft: $radius * 1px;\n -moz-border-radius-topright: $radius * 1px;\n border-top-left-radius: $radius * 1px;\n border-top-right-radius: $radius * 1px;\n}\n\n@mixin border-radius-bottom($radius: 2) {\n -webkit-border-bottom-right-radius: $radius * 1px;\n -webkit-border-bottom-left-radius: $radius * 1px;\n -moz-border-radius-bottomright: $radius * 1px;\n -moz-border-radius-bottomleft: $radius * 1px;\n border-bottom-right-radius: $radius * 1px;\n border-bottom-left-radius: $radius * 1px;\n}\n\n@mixin border-radius-left($radius: 2) {\n -webkit-border-top-left-radius: $radius * 1px;\n -webkit-border-bottom-left-radius: $radius * 1px;\n -moz-border-radius-topleft: $radius * 1px;\n -moz-border-radius-bottomleft: $radius * 1px;\n border-top-left-radius: $radius * 1px;\n border-bottom-left-radius: $radius * 1px;\n}\n\n@mixin border-radius-right($radius: 2) {\n -webkit-border-top-right-radius: $radius * 1px;\n -webkit-border-bottom-right-radius: $radius * 1px;\n -moz-border-radius-topright: $radius * 1px;\n -moz-border-radius-bottomright: $radius * 1px;\n border-top-right-radius: $radius * 1px;\n border-bottom-right-radius: $radius * 1px;\n}\n\n@mixin border-radius-top-left($radius: 2) {\n -webkit-border-top-left-radius: $radius * 1px;\n -moz-border-radius-topleft: $radius * 1px;\n border-top-left-radius: $radius * 1px;\n}\n\n@mixin border-radius-top-right($radius: 2) {\n -webkit-border-top-right-radius: $radius * 1px;\n -moz-border-radius-topright: $radius * 1px;\n border-top-right-radius: $radius * 1px;\n}\n\n@mixin border-radius-bottom-right($radius: 2) {\n -webkit-border-bottom-right-radius: $radius * 1px;\n -moz-border-radius-bottomright: $radius * 1px;\n border-bottom-right-radius: $radius * 1px;\n}\n\n@mixin border-radius-bottom-left($radius: 2) {\n -webkit-border-bottom-left-radius: $radius * 1px;\n -moz-border-radius-bottomleft: $radius * 1px;\n border-bottom-left-radius: $radius * 1px;\n}\n\n@mixin border-box() {\n -moz-box-sizing: border-box;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n\n@function whiten($color, $white: 0.3) {\n @return mix(#fff, $color, ($white * 100) * 1%);\n}\n\n@function blacken($color, $black: 0.3) {\n @return mix(#000, $color, ($black * 100) * 1%);\n}\n\n@function widthPerc($colWidth, $context) {\n @return ($colWidth * 100 / $context) * 1%\n}\n\n@function remDist($fontSizePx) {\n @return ($fontSizePx / 10) * 1rem\n}\n\n@function black($alpha: 1) {\n @return (rgba(0, 0, 0, $alpha))\n}\n\n@function white($alpha: 1) {\n @return (rgba(255, 255, 255, $alpha))\n}\n\n@mixin font-size($remPx, $important: false) {\n @if $important == true {\n font-size: ($remPx) * 1px !important;\n font-size: ($remPx / 10) * 1rem !important;\n }\n @else {\n font-size: ($remPx) * 1px;\n font-size: ($remPx / 10) * 1rem;\n }\n}\n\n\n@mixin keyframes($name) {\n @-o-keyframes #{$name} { @content };\n @-moz-keyframes #{$name} { @content };\n @-webkit-keyframes #{$name} { @content };\n @keyframes #{$name} { @content };\n}\n\n\n@mixin animation($value, $type:'') {\n $animation: animation;\n @if $type != '' {\n $animation: $animation + '-' + $type;\n }\n @include vendor-prefix($animation, $value, property);\n}\n\n/// CSS transition mixin to the current selection (apply also vendor prefixes).\n/// See <https://developer.mozilla.org/en-US/docs/Web/CSS/transition> for the values\n///\n/// @param {property} [$type = all] the CSS property to apply the transition to\n/// @param {time} [$duration = .5s] the transition property\n/// @param {timing-function} [$effect = ease-out] the transition property\n@mixin transition($type : all, $duration : 0.5s, $effect : ease-out, $delay : 0s){\n @include vendor-prefix(transition, $type + ', ' + $duration + ', ' + $effect + ', ' + $delay, property);\n}\n\n@mixin fade($duration: 1s){\n\n @include keyframes(fade) {\n 0% {opacity:0;}\n 50% {opacity:1;}\n 100% {opacity:0;}\n }\n\n @include vendor-prefix(animation, fade 1s forwards, property);\n}\n\n@mixin repeat(){\n @include animation(infinite, iteration-count);\n}\n\n@mixin largeHeading() {\n @include font-size(20);\n font-family: $headingFont;\n font-style: normal;\n}\n\n@mixin disableSelect() {\n @include vendor-prefix(user-select, none, property);\n}\n","@import 'inc/bootstrap';\n\n$invalidCriteriaBackground: #cfdfe9;\n$invalidCriteriaBorder: #266d9c;\n\n.advanced-search-container {\n flex: 1 1 auto;\n min-height: 0;\n display: flex;\n flex-direction: column;\n &:not(:empty) {\n padding: 0 0 32px 0;\n }\n .add-criteria-container {\n padding-top: 16px;\n padding-right: 20px;\n position: relative;\n .icon-add {\n font-size: 1.6rem;\n position: relative;\n top: 2px;\n margin-right: 8px;\n }\n .icon-loop {\n font-size: 1.6rem;\n position: relative;\n top: 2px;\n margin-right: 8px;\n animation: rotating 2s linear infinite;\n display: inline-block;\n }\n a {\n text-decoration: none;\n }\n .criteria-select2 {\n visibility: hidden;\n position: absolute;\n left: 0;\n width: calc(100% - 20px);\n }\n &.disabled {\n display: none;\n }\n }\n .advanced-criteria-container {\n overflow-y: auto;\n padding-right: 20px;\n max-height: 100%;\n min-height: 0;\n display: flex;\n flex-direction: column;\n &:not(:empty) {\n padding-top: 16px;\n }\n .filter-container {\n margin-bottom: 32px;\n &:last-child {\n margin-bottom: 16px;\n }\n .icon-result-nok {\n right: 0;\n top: 2px;\n cursor: pointer;\n position: absolute;\n font-size: 1.6rem !important;\n font-weight: 400;\n padding: 0;\n background: transparent;\n box-shadow: none;\n border: 0;\n color: inherit;\n height: 1.8rem;\n z-index: 1;\n border: 1px dashed transparent;\n &:focus {\n border-color: $darkBar;\n }\n }\n .filter-bool-group {\n legend {\n padding-bottom: 4px;\n }\n input[type=\"checkbox\"] {\n margin-left: 0;\n }\n }\n label {\n width: 100%;\n padding: 0;\n margin: 0;\n }\n .filter-label-text {\n padding-bottom: 4px;\n display: inline-block;\n width: auto;\n vertical-align: middle;\n }\n &[data-type='text'] {\n input {\n padding-left: 4px;\n width: 100%;\n }\n }\n &[data-type='list'] {\n .select2-container {\n width: 100%;\n }\n ul {\n list-style: none;\n padding-left: 0;\n }\n input[type='checkbox'] {\n width: initial;\n vertical-align: top;\n }\n input[type='text'] {\n width: 100%;\n }\n }\n }\n .invalid-criteria-warning-container {\n background-color: $invalidCriteriaBackground;\n border: 1px solid $invalidCriteriaBorder;\n padding: 10px;\n p {\n margin-bottom: 0;\n }\n ul {\n list-style: none;\n font-weight: bolder;\n padding-left: 0;\n }\n }\n &.scrollable {\n padding-right: 10px;\n }\n &.scroll-separator-top {\n border-top: 1px solid $uiGeneralContentBorder;\n }\n &.scroll-separator-bottom {\n border-bottom: 1px solid $uiGeneralContentBorder;\n }\n }\n}\n\n// select2 appends dropdown options directly to body, so need a custom class to isolate custom styles\n.criteria-dropdown-select2 {\n border: 1px solid $uiGeneralContentBorder;\n box-shadow: $uiGeneralContentBorder 1px 1px 1px;\n input {\n min-width: initial;\n background-image: initial;\n }\n}\n\n.advanced-search-container .class-path {\n color: #616161;\n font-size: 0.8em;\n}\n\n.criteria-dropdown-select2 .class-path {\n color: #808080;\n font-size: 0.8em;\n}\n\n.select2-highlighted .class-path {\n color: #FFF;\n}\n\n@keyframes rotating {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n}\n\n/*# sourceMappingURL=advancedSearch.css.map */","/* Do not edit */@mixin tao-icon-setup {\n /* use !important to prevent issues with browser extensions that change fonts */\n font-family: 'tao' !important;\n speak: none;\n font-style: normal;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n\n /* Better Font Rendering =========== */\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n@mixin icon-offline { content: \"\\e913\"; }\n@mixin icon-online { content: \"\\e914\"; }\n@mixin icon-tab { content: \"\\e90d\"; }\n@mixin icon-untab { content: \"\\e90e\"; }\n@mixin icon-multi-select { content: \"\\e90b\"; }\n@mixin icon-clipboard { content: \"\\e90a\"; }\n@mixin icon-filebox { content: \"\\e909\"; }\n@mixin icon-click-to-speak { content: \"\\e907\"; }\n@mixin icon-speech-bubble { content: \"\\f0e5\"; }\n@mixin icon-microphone { content: \"\\f130\"; }\n@mixin icon-microphone-off { content: \"\\f131\"; }\n@mixin icon-disconnect { content: \"\\e905\"; }\n@mixin icon-connect { content: \"\\e906\"; }\n@mixin icon-eliminate { content: \"\\e904\"; }\n@mixin icon-wheelchair { content: \"\\e903\"; }\n@mixin icon-text-marker { content: \"\\e902\"; }\n@mixin icon-unshield { content: \"\\e32a\"; }\n@mixin icon-shield { content: \"\\e8e8\"; }\n@mixin icon-tree { content: \"\\e6b4\"; }\n@mixin icon-home { content: \"\\e6b3\"; }\n@mixin icon-shared-file { content: \"\\e6b2\"; }\n@mixin icon-end-attempt { content: \"\\e603\"; }\n@mixin icon-icon { content: \"\\f1c5\"; }\n@mixin icon-radio-bg { content: \"\\e600\"; }\n@mixin icon-checkbox-bg { content: \"\\e601\"; }\n@mixin icon-tag { content: \"\\e602\"; }\n@mixin icon-style { content: \"\\e604\"; }\n@mixin icon-ownership-transfer { content: \"\\e605\"; }\n@mixin icon-property-advanced { content: \"\\e606\"; }\n@mixin icon-property-add { content: \"\\e607\"; }\n@mixin icon-repository-add { content: \"\\e608\"; }\n@mixin icon-repository-remove { content: \"\\e609\"; }\n@mixin icon-repository { content: \"\\e60a\"; }\n@mixin icon-result-server { content: \"\\e60b\"; }\n@mixin icon-folder { content: \"\\e60c\"; }\n@mixin icon-folder-open { content: \"\\e60d\"; }\n@mixin icon-left { content: \"\\e60e\"; }\n@mixin icon-right { content: \"\\e60f\"; }\n@mixin icon-up { content: \"\\e610\"; }\n@mixin icon-down { content: \"\\e611\"; }\n@mixin icon-undo { content: \"\\e612\"; }\n@mixin icon-redo { content: \"\\e613\"; }\n@mixin icon-screen { content: \"\\e614\"; }\n@mixin icon-laptop { content: \"\\e615\"; }\n@mixin icon-tablet { content: \"\\e616\"; }\n@mixin icon-phone { content: \"\\e617\"; }\n@mixin icon-move { content: \"\\e618\"; }\n@mixin icon-bin { content: \"\\e619\"; }\n@mixin icon-shuffle { content: \"\\e61a\"; }\n@mixin icon-print { content: \"\\e61b\"; }\n@mixin icon-tools { content: \"\\e61c\"; }\n@mixin icon-settings { content: \"\\e61d\"; }\n@mixin icon-video { content: \"\\e61e\"; }\n@mixin icon-find { content: \"\\e61f\"; }\n@mixin icon-image { content: \"\\e620\"; }\n@mixin icon-edit { content: \"\\e621\"; }\n@mixin icon-document { content: \"\\e622\"; }\n@mixin icon-resize-grid { content: \"\\e623\"; }\n@mixin icon-resize { content: \"\\e624\"; }\n@mixin icon-help { content: \"\\e625\"; }\n@mixin icon-mobile-menu { content: \"\\e626\"; }\n@mixin icon-fix { content: \"\\e627\"; }\n@mixin icon-unlock { content: \"\\e628\"; }\n@mixin icon-lock { content: \"\\e629\"; }\n@mixin icon-ul { content: \"\\e62a\"; }\n@mixin icon-ol { content: \"\\e62b\"; }\n@mixin icon-email { content: \"\\e62c\"; }\n@mixin icon-download { content: \"\\e62d\"; }\n@mixin icon-logout { content: \"\\e62e\"; }\n@mixin icon-login { content: \"\\e62f\"; }\n@mixin icon-spinner { content: \"\\e630\"; }\n@mixin icon-preview { content: \"\\e631\"; }\n@mixin icon-external { content: \"\\e632\"; }\n@mixin icon-time { content: \"\\e633\"; }\n@mixin icon-save { content: \"\\e634\"; }\n@mixin icon-warning { content: \"\\e635\"; }\n@mixin icon-add { content: \"\\e636\"; }\n@mixin icon-error { content: \"\\e900\"; }\n@mixin icon-close { content: \"\\e637\"; }\n@mixin icon-success { content: \"\\e638\"; }\n@mixin icon-remove { content: \"\\e639\"; }\n@mixin icon-info { content: \"\\e63a\"; }\n@mixin icon-danger { content: \"\\e63b\"; }\n@mixin icon-users { content: \"\\e63c\"; }\n@mixin icon-user { content: \"\\e63d\"; }\n@mixin icon-test-taker { content: \"\\e63e\"; }\n@mixin icon-test-takers { content: \"\\e63f\"; }\n@mixin icon-item { content: \"\\e640\"; }\n@mixin icon-test { content: \"\\e641\"; }\n@mixin icon-delivery { content: \"\\e642\"; }\n@mixin icon-eye-slash { content: \"\\e643\"; }\n@mixin icon-result { content: \"\\e644\"; }\n@mixin icon-delivery-small { content: \"\\e645\"; }\n@mixin icon-upload { content: \"\\e646\"; }\n@mixin icon-result-small { content: \"\\e647\"; }\n@mixin icon-mobile-preview { content: \"\\e648\"; }\n@mixin icon-extension { content: \"\\e649\"; }\n@mixin icon-desktop-preview { content: \"\\e64a\"; }\n@mixin icon-tablet-preview { content: \"\\e64b\"; }\n@mixin icon-insert-horizontal-line { content: \"\\e64c\"; }\n@mixin icon-table { content: \"\\e64d\"; }\n@mixin icon-anchor { content: \"\\e64e\"; }\n@mixin icon-unlink { content: \"\\e64f\"; }\n@mixin icon-link { content: \"\\e650\"; }\n@mixin icon-right-left { content: \"\\e651\"; }\n@mixin icon-left-right { content: \"\\e652\"; }\n@mixin icon-special-character { content: \"\\e653\"; }\n@mixin icon-source { content: \"\\e654\"; }\n@mixin icon-new-page { content: \"\\e655\"; }\n@mixin icon-templates { content: \"\\e656\"; }\n@mixin icon-cut { content: \"\\e657\"; }\n@mixin icon-replace { content: \"\\e658\"; }\n@mixin icon-copy { content: \"\\e659\"; }\n@mixin icon-paste { content: \"\\e65a\"; }\n@mixin icon-select-all { content: \"\\e65b\"; }\n@mixin icon-paste-text { content: \"\\e65c\"; }\n@mixin icon-paste-word { content: \"\\e65d\"; }\n@mixin icon-bold { content: \"\\e65e\"; }\n@mixin icon-italic { content: \"\\e65f\"; }\n@mixin icon-underline { content: \"\\e660\"; }\n@mixin icon-subscript { content: \"\\e661\"; }\n@mixin icon-superscript { content: \"\\e662\"; }\n@mixin icon-strike-through { content: \"\\e663\"; }\n@mixin icon-decrease-indent { content: \"\\e664\"; }\n@mixin icon-increase-indent { content: \"\\e665\"; }\n@mixin icon-block-quote { content: \"\\e666\"; }\n@mixin icon-div-container { content: \"\\e667\"; }\n@mixin icon-align-left { content: \"\\e668\"; }\n@mixin icon-center { content: \"\\e669\"; }\n@mixin icon-align-right { content: \"\\e66a\"; }\n@mixin icon-justify { content: \"\\e66b\"; }\n@mixin icon-choice { content: \"\\e66c\"; }\n@mixin icon-inline-choice { content: \"\\e66d\"; }\n@mixin icon-match { content: \"\\e66e\"; }\n@mixin icon-associate { content: \"\\e66f\"; }\n@mixin icon-media { content: \"\\e670\"; }\n@mixin icon-graphic-order { content: \"\\e671\"; }\n@mixin icon-hotspot { content: \"\\e672\"; }\n@mixin icon-graphic-gap { content: \"\\e673\"; }\n@mixin icon-graphic-associate { content: \"\\e674\"; }\n@mixin icon-select-point { content: \"\\e675\"; }\n@mixin icon-pin { content: \"\\e676\"; }\n@mixin icon-import { content: \"\\e677\"; }\n@mixin icon-export { content: \"\\e678\"; }\n@mixin icon-move-item { content: \"\\e679\"; }\n@mixin icon-meta-data { content: \"\\e67a\"; }\n@mixin icon-slider { content: \"\\e67b\"; }\n@mixin icon-summary-report { content: \"\\e67c\"; }\n@mixin icon-text-entry { content: \"\\e67d\"; }\n@mixin icon-extended-text { content: \"\\e67e\"; }\n@mixin icon-eraser { content: \"\\e67f\"; }\n@mixin icon-row { content: \"\\e680\"; }\n@mixin icon-column { content: \"\\e681\"; }\n@mixin icon-text-color { content: \"\\e682\"; }\n@mixin icon-background-color { content: \"\\e683\"; }\n@mixin icon-spell-check { content: \"\\e684\"; }\n@mixin icon-polygon { content: \"\\e685\"; }\n@mixin icon-rectangle { content: \"\\e686\"; }\n@mixin icon-gap-match { content: \"\\e687\"; }\n@mixin icon-order { content: \"\\e688\"; }\n@mixin icon-hottext { content: \"\\e689\"; }\n@mixin icon-free-form { content: \"\\e68a\"; }\n@mixin icon-step-backward { content: \"\\e68b\"; }\n@mixin icon-fast-backward { content: \"\\e68c\"; }\n@mixin icon-backward { content: \"\\e68d\"; }\n@mixin icon-play { content: \"\\e68e\"; }\n@mixin icon-pause { content: \"\\e68f\"; }\n@mixin icon-stop { content: \"\\e690\"; }\n@mixin icon-forward { content: \"\\e691\"; }\n@mixin icon-fast-forward { content: \"\\e692\"; }\n@mixin icon-step-forward { content: \"\\e693\"; }\n@mixin icon-ellipsis { content: \"\\e694\"; }\n@mixin icon-circle { content: \"\\e695\"; }\n@mixin icon-target { content: \"\\e696\"; }\n@mixin icon-guide-arrow { content: \"\\e697\"; }\n@mixin icon-range-slider-right { content: \"\\e698\"; }\n@mixin icon-range-slider-left { content: \"\\e699\"; }\n@mixin icon-radio-checked { content: \"\\e69a\"; }\n@mixin icon-checkbox-indeterminate { content: \"\\e901\"; }\n@mixin icon-checkbox { content: \"\\e69b\"; }\n@mixin icon-checkbox-crossed { content: \"\\e69c\"; }\n@mixin icon-checkbox-checked { content: \"\\e69d\"; }\n@mixin icon-result-nok { content: \"\\e69e\"; }\n@mixin icon-result-ok { content: \"\\e69f\"; }\n@mixin icon-not-evaluated { content: \"\\e6a0\"; }\n@mixin icon-filter { content: \"\\e6a1\"; }\n@mixin icon-translate { content: \"\\e6a2\"; }\n@mixin icon-eject { content: \"\\e6a3\"; }\n@mixin icon-continue { content: \"\\e6a4\"; }\n@mixin icon-radio { content: \"\\e6a5\"; }\n@mixin icon-sphere { content: \"\\e6a6\"; }\n@mixin icon-reset { content: \"\\e6a7\"; }\n@mixin icon-smaller { content: \"\\e6a8\"; }\n@mixin icon-larger { content: \"\\e6a9\"; }\n@mixin icon-clock { content: \"\\e6aa\"; }\n@mixin icon-font { content: \"\\e6ab\"; }\n@mixin icon-maths { content: \"\\e6ac\"; }\n@mixin icon-grip { content: \"\\e6ad\"; }\n@mixin icon-rubric { content: \"\\e6ae\"; }\n@mixin icon-audio { content: \"\\e6af\"; }\n@mixin icon-grip-h { content: \"\\e6b0\"; }\n@mixin icon-magicwand { content: \"\\e6b1\"; }\n@mixin icon-loop { content: \"\\ea2e\"; }\n@mixin icon-calendar { content: \"\\e953\"; }\n@mixin icon-reload { content: \"\\e984\"; }\n@mixin icon-speed { content: \"\\e9a6\"; }\n@mixin icon-volume { content: \"\\ea27\"; }\n@mixin icon-contrast { content: \"\\e9d5\"; }\n@mixin icon-headphones { content: \"\\e910\"; }\n@mixin icon-compress { content: \"\\f066\"; }\n@mixin icon-map-o { content: \"\\f278\"; }\n@mixin icon-variable { content: \"\\e908\"; }\n@mixin icon-tooltip { content: \"\\e90c\"; }\n@mixin icon-globe { content: \"\\e9c9\"; }\n@mixin icon-highlighter { content: \"\\e90f\"; }\n@mixin icon-eliminate-crossed { content: \"\\e911\"; }\n@mixin icon-play-from-here { content: \"\\e912\"; }\n@mixin icon-wrap-inline { content: \"\\e917\"; }\n@mixin icon-wrap-right { content: \"\\e915\"; }\n@mixin icon-wrap-left { content: \"\\e916\"; }\n@mixin icon-indicator { content: \"\\e920\"; }\n@mixin icon-bookmark { content: \"\\e921\"; }\n@mixin icon-bookmark-outline { content: \"\\e922\"; }\n@mixin icon-info-bare { content: \"\\e923\"; }","// buttons and alerts\n$success: rgb(14, 145, 75);\n$info: rgb(14, 93, 145);\n$warning: rgb(216, 174, 91);\n$danger: rgb(201, 96, 67);\n$error: rgb(186, 18, 43);\n$activeInteraction: rgb(195, 90, 19);\n\n// corporate identity\n$logoRed: rgb(186, 18, 43);\n$grey: rgb(173, 161, 148);\n$darkBlueGrey: rgb(164, 187, 197);\n$mediumBlueGrey: rgb(193, 212, 220);\n$lightBlueGrey: rgb(228, 236, 239);\n$brownRedGrey: rgb(154, 137, 123);\n$darkBrown: rgb(111, 99, 89);\n$websiteBorder: rgb(141, 148, 158);\n\n// ui elements, these should only variations of the above\n// naming convention: jQueryUi theme roller -> camelCase\n\n$textColor: #222;\n$textHighlight: white;\n\n$uiGeneralContentBg: white();\n$uiGeneralContentBorder: #ddd;\n\n$uiHeaderBg: #d4d5d7;\n\n$uiClickableDefaultBg: #f3f1ef;\n$uiClickableHoverBg: whiten($info, 0.2);\n//$uiClickableActiveBg: $uiHeaderBg;\n$uiClickableActiveBg: whiten($websiteBorder, 0.2);\n//$uiClickableActiveBg: #aaa;\n\n$uiSelectableSelectedBg: whiten($info, 0.2);\n$uiSelectableSelectedHoverBg: whiten($info, 0.1);\n$uiSelectableHoverBg: whiten($info, 0.9);\n\n$uiOverlay: $lightBlueGrey;\n\n// new layout. Implemented now only for review panel\n$uiReviewPanelBg: #f2f2f2;\n$uiReviewPanelTextDisabled: hsl(0, 0%, 45%);\n$uiReviewPanelTextDefault: hsl(0, 0%, 12%);\n$uiReviewPanelBgDefault: $uiGeneralContentBg;\n$uiReviewPanelPrimaryHighlight: hsl(208, 100%, 32%);\n$uiReviewPanelBgInverted: $uiReviewPanelTextDefault;\n$uiReviewPanelTextInverted: $uiGeneralContentBg;\n\n// sidebars etc.\n$canvas: mix(#fff, $grey, 85%);\n\n// colors taken from feedback.scss\n$successBgColor: whiten($success, 0.8);\n$successBorderColor: whiten($success, 0.1);\n\n$infoBgColor: whiten($info, 0.8);\n$infoBorderColor: whiten($info, 0.1);\n\n$warningBgColor: whiten($warning, 0.8);\n$warningBorderColor: whiten($warning, 0.1);\n\n$dangerBgColor: whiten($danger, 0.8);\n$dangerBorderColor: whiten($danger, 0.1);\n\n$errorBgColor: whiten($error, 0.8);\n$errorBorderColor: whiten($error, 0.1);\n\n$darkBar: rgb(51, 51, 51);\n$darkBarTxt: rgb(230, 230, 230);\n$darkBarIcon: rgb(220, 220, 220);\n\n$actionLinkColor: #276d9b;\n$actionLinkHoverColor: #4f83a7;\n\n$colorWheel-01: #c3ba13;\n$colorWheel-02: #84a610;\n$colorWheel-03: #2b8e0e;\n$colorWheel-04: #0f9787;\n$colorWheel-05: #0e5d91;\n$colorWheel-06: #0d2689;\n$colorWheel-07: #400d83;\n$colorWheel-08: #960e7d;\n$colorWheel-09: #ba122b;\n$colorWheel-10: #c34713;\n$colorWheel-11: #c36f13;\n$colorWheel-12: #c39413;\n"]}
|
|
1
|
+
{"version":3,"sources":["../../../scss/inc/_functions.scss","../scss/advancedSearch.scss","../../../scss/inc/fonts/_tao-icon-vars.scss","../../../scss/inc/_colors.scss"],"names":[],"mappings":"AAaA;;;;;;CCPC;ACND,gBAAA;ADKA;IACI,cAAc;IACd,aAAa;IACb,aAAa;IACb,sBAAsB;AAI1B;;AARA;IAMQ,mBAAmB;AAM3B;;AAZA;IASQ,iBAAiB;IACjB,mBAAmB;IACnB,kBAAkB;AAO1B;;AAlBA;IAaY,iBAAiB;IACjB,kBAAkB;IAClB,QAAQ;IACR,iBAAiB;AAS7B;;AAzBA;IAmBY,iBAAiB;IACjB,kBAAkB;IAClB,QAAQ;IACR,iBAAiB;IACjB,sCAAsC;IACtC,qBAAqB;AAUjC;;AAlCA;IA2BY,qBAAqB;AAWjC;;AAtCA;IA8BY,kBAAkB;IAClB,kBAAkB;IAClB,OAAO;IACP,wBAAwB;AAYpC;;AA7CA;IAoCY,aAAa;AAazB;;AAjDA;IAwCQ,gBAAgB;IAChB,mBAAmB;IACnB,gBAAgB;IAChB,aAAa;IACb,aAAa;IACb,sBAAsB;AAa9B;;AA1DA;IA+CY,iBAAiB;AAe7B;;AA9DA;IAkDY,mBAAmB;AAgB/B;;AAlEA;IAoDgB,mBAAmB;AAkBnC;;AAtEA;IAuDgB,QAAQ;IACR,QAAQ;IACR,eAAe;IACf,kBAAkB;IAClB,4BAA4B;IAC5B,gBAAgB;IAChB,UAAU;IACV,uBAAuB;IACvB,gBAAgB;IAChB,SAAS;IACT,cAAc;IACd,cAAc;IACd,UAAU;IACV,8BAA8B;AAmB9C;;AAvFA;IAsEoB,qBENK;AF2BzB;;AA3FA;IA2EoB,mBAAmB;AAoBvC;;AA/FA;IA8EoB,cAAc;AAqBlC;;AAnGA;IAkFgB,WAAW;IACX,UAAU;IACV,SAAS;AAqBzB;;AAzGA;IAuFgB,mBAAmB;IACnB,qBAAqB;IACrB,WAAW;IACX,sBAAsB;AAsBtC;;AAhHA;IA8FoB,iBAAiB;IACjB,WAAW;AAsB/B;;AArHA;IAoGoB,WAAW;AAqB/B;;AAzHA;IAuGoB,gBAAgB;IAChB,eAAe;AAsBnC;;AA9HA;IA2GoB,cAAc;IACd,mBAAmB;AAuBvC;;AAnIA;IA+GoB,WAAW;AAwB/B;;AAvIA;IAoHY,yBAvHuB;IAwHvB,yBAvHmB;IAwHnB,aAAa;AAuBzB;;AA7IA;IAwHgB,gBAAgB;AAyBhC;;AAjJA;IA2HgB,gBAAgB;IAChB,mBAAmB;IACnB,eAAe;AA0B/B;;AAvJA;IAiIY,mBAAmB;AA0B/B;;AA3JA;IAoIY,0BEhHiB;AF2I7B;;AA/JA;IAuIY,6BEnHiB;AF+I7B;;AAtBA;IACI,sBE1HyB;IF2HzB,4BAA+C;AAyBnD;;AA3BA;IAIQ,kBAAkB;IAClB,yBAAyB;AA2BjC;;AAvBA;IACI,cAAc;IACd,gBAAgB;AA0BpB;;AAvBA;IACI,cAAc;IACd,gBAAgB;AA0BpB;;AAvBA;IACI,WAAW;AA0Bf;;AAvBA;IACI;QACI,uBAAuB;IA0B3B;IAxBA;QACI,yBAAyB;IA0B7B;AACJ","file":"advancedSearch.css","sourcesContent":["@mixin iterate-sprite($iconList, $x, $y, $direction, $prefix:'') {\n @each $icon in $iconList {\n #{$prefix}#{$icon} {\n background-position: $x * 1px $y * 1px;\n }\n @if $direction == 'x' {\n $x: $x - 16;\n } @else {\n $y: $y - 16;\n }\n }\n}\n\n/*\nUsage:\n- linear-gradient((color1, color2, color3)) - returns linear-gradient with evenly distributed colors,\n if 3 colors used then the position of each will be 33,33%\n- linear-gradient((color1 0%, color2 30%, color3 80%)) - returns linear-gradient with manually distributed colors,\n first param - color, second - position. Also you can use px or other valid units for set position.\n*/\n@mixin linear-gradient($colorList, $direction: 'to right') {\n $percentage: 0;\n $units: '%';\n $count: length($colorList);\n $increment: 100 / ($count - 1);\n $css: #{$direction + ', '};\n $sep: ', ';\n @each $colorItem in $colorList {\n $color: $colorItem;\n @if (length($colorItem) > 1) {\n $color: nth($colorItem, 1);\n $percentage: nth($colorItem, 2);\n $units: '';\n }\n @if ($percentage >= 100 or index($colorList, $colorItem) == $count) {\n $sep: '';\n }\n $css: #{$css + $color + ' ' + $percentage + $units + $sep};\n $percentage: $percentage + $increment;\n }\n background: linear-gradient( #{$css} );\n}\n\n@mixin grid-unit($span, $numCols: 12, $gutter: 0) {\n $gridPx: 840;\n $rawSpanPx: (($gridPx - ($numCols * $gutter)) / $numCols);\n $spanPx: $rawSpanPx * $span + (($span - 1) * $gutter);\n $spanPercent: widthPerc($spanPx, $gridPx);\n $marginPercent: widthPerc($gutter, $gridPx);\n margin-left: $marginPercent;\n width: $spanPercent;\n}\n\n\n@mixin vendor-prefix($property, $value, $whatToPrefix: property, $prefixes: (-webkit-, -moz-, -ms-, -o-, '')) {\n @if $whatToPrefix == 'property' {\n @each $prefix in $prefixes {\n #{$prefix + $property}: #{$value};\n }\n }\n @else if $whatToPrefix == 'value' {\n @each $prefix in $prefixes {\n #{$property}: #{$prefix + $value};\n }\n }\n}\n@mixin flex-container($wrapBehavior: nowrap, $direction : row) {\n @include vendor-prefix(display, flex, value, (-ms-, -webkit-, ''));\n\n @include vendor-prefix(flex-direction, $direction, property, (-ms-, -webkit-, ''));\n @include vendor-prefix(flex-wrap, $wrapBehavior, property, (-ms-, -webkit-, ''));\n\n @include vendor-prefix(justify-content, flex-start, property, (-webkit-, ''));\n\n @include vendor-prefix(align-content, flex-start, property, (-webkit-, ''));\n\n @include vendor-prefix(align-items, stretch, property, (-webkit-, ''));\n}\n\n@mixin simple-flex-box($width: auto, $minWidth: 1) {\n\n @include vendor-prefix(order, 0, property, (-ms-, -webkit-, ''));\n flex-item-align: stretch;\n -ms-flex-item-align: stretch;\n @include vendor-prefix(align-self, stretch, property, (-webkit-, ''));\n\n // if both, min width and width are set, width will win this conflict\n @if ($width == auto) {\n @if ($minWidth != 1) {\n @include vendor-prefix(flex, 1 1 $minWidth, property, (-ms-, -webkit-, ''));\n }\n @else {\n @include vendor-prefix(flex, 1 1 auto, property, (-ms-, -webkit-, ''));\n // @see https://developer.mozilla.org/en-US/docs/Web/CSS/flex-basis#Values\n // for a discussion auto vs. main-size\n @include vendor-prefix(flex, 1 1, property, (-ms-, -webkit-, ''));\n }\n }\n @else {\n @include vendor-prefix(flex, 0 0 $width, property, (-ms-, -webkit-, ''));\n }\n}\n\n\n@mixin box-shadow($horiz: 1px, $vert: 1px, $blur: 2px, $spread: 0, $color: rgba(0, 0, 0, .2)) {\n @include vendor-prefix(box-shadow, $horiz $vert $blur $spread $color, property);\n}\n\n@mixin simple-border($color: #ddd) {\n border: 1px solid $color;\n border-radius: 2px;\n -webkit-border-radius: 2px;\n}\n\n@mixin border-radius($radius: 2) {\n -moz-border-radius: $radius * 1px;\n -webkit-border-radius: $radius * 1px;\n border-radius: $radius * 1px;\n}\n\n@mixin border-radius-top($radius: 2) {\n -webkit-border-top-left-radius: $radius * 1px;\n -webkit-border-top-right-radius: $radius * 1px;\n -moz-border-radius-topleft: $radius * 1px;\n -moz-border-radius-topright: $radius * 1px;\n border-top-left-radius: $radius * 1px;\n border-top-right-radius: $radius * 1px;\n}\n\n@mixin border-radius-bottom($radius: 2) {\n -webkit-border-bottom-right-radius: $radius * 1px;\n -webkit-border-bottom-left-radius: $radius * 1px;\n -moz-border-radius-bottomright: $radius * 1px;\n -moz-border-radius-bottomleft: $radius * 1px;\n border-bottom-right-radius: $radius * 1px;\n border-bottom-left-radius: $radius * 1px;\n}\n\n@mixin border-radius-left($radius: 2) {\n -webkit-border-top-left-radius: $radius * 1px;\n -webkit-border-bottom-left-radius: $radius * 1px;\n -moz-border-radius-topleft: $radius * 1px;\n -moz-border-radius-bottomleft: $radius * 1px;\n border-top-left-radius: $radius * 1px;\n border-bottom-left-radius: $radius * 1px;\n}\n\n@mixin border-radius-right($radius: 2) {\n -webkit-border-top-right-radius: $radius * 1px;\n -webkit-border-bottom-right-radius: $radius * 1px;\n -moz-border-radius-topright: $radius * 1px;\n -moz-border-radius-bottomright: $radius * 1px;\n border-top-right-radius: $radius * 1px;\n border-bottom-right-radius: $radius * 1px;\n}\n\n@mixin border-radius-top-left($radius: 2) {\n -webkit-border-top-left-radius: $radius * 1px;\n -moz-border-radius-topleft: $radius * 1px;\n border-top-left-radius: $radius * 1px;\n}\n\n@mixin border-radius-top-right($radius: 2) {\n -webkit-border-top-right-radius: $radius * 1px;\n -moz-border-radius-topright: $radius * 1px;\n border-top-right-radius: $radius * 1px;\n}\n\n@mixin border-radius-bottom-right($radius: 2) {\n -webkit-border-bottom-right-radius: $radius * 1px;\n -moz-border-radius-bottomright: $radius * 1px;\n border-bottom-right-radius: $radius * 1px;\n}\n\n@mixin border-radius-bottom-left($radius: 2) {\n -webkit-border-bottom-left-radius: $radius * 1px;\n -moz-border-radius-bottomleft: $radius * 1px;\n border-bottom-left-radius: $radius * 1px;\n}\n\n@mixin border-box() {\n -moz-box-sizing: border-box;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n\n@function whiten($color, $white: 0.3) {\n @return mix(#fff, $color, ($white * 100) * 1%);\n}\n\n@function blacken($color, $black: 0.3) {\n @return mix(#000, $color, ($black * 100) * 1%);\n}\n\n@function widthPerc($colWidth, $context) {\n @return ($colWidth * 100 / $context) * 1%\n}\n\n@function remDist($fontSizePx) {\n @return ($fontSizePx / 10) * 1rem\n}\n\n@function black($alpha: 1) {\n @return (rgba(0, 0, 0, $alpha))\n}\n\n@function white($alpha: 1) {\n @return (rgba(255, 255, 255, $alpha))\n}\n\n@mixin font-size($remPx, $important: false) {\n @if $important == true {\n font-size: ($remPx) * 1px !important;\n font-size: ($remPx / 10) * 1rem !important;\n }\n @else {\n font-size: ($remPx) * 1px;\n font-size: ($remPx / 10) * 1rem;\n }\n}\n\n\n@mixin keyframes($name) {\n @-o-keyframes #{$name} { @content };\n @-moz-keyframes #{$name} { @content };\n @-webkit-keyframes #{$name} { @content };\n @keyframes #{$name} { @content };\n}\n\n\n@mixin animation($value, $type:'') {\n $animation: animation;\n @if $type != '' {\n $animation: $animation + '-' + $type;\n }\n @include vendor-prefix($animation, $value, property);\n}\n\n/// CSS transition mixin to the current selection (apply also vendor prefixes).\n/// See <https://developer.mozilla.org/en-US/docs/Web/CSS/transition> for the values\n///\n/// @param {property} [$type = all] the CSS property to apply the transition to\n/// @param {time} [$duration = .5s] the transition property\n/// @param {timing-function} [$effect = ease-out] the transition property\n@mixin transition($type : all, $duration : 0.5s, $effect : ease-out, $delay : 0s){\n @include vendor-prefix(transition, $type + ', ' + $duration + ', ' + $effect + ', ' + $delay, property);\n}\n\n@mixin fade($duration: 1s){\n\n @include keyframes(fade) {\n 0% {opacity:0;}\n 50% {opacity:1;}\n 100% {opacity:0;}\n }\n\n @include vendor-prefix(animation, fade 1s forwards, property);\n}\n\n@mixin repeat(){\n @include animation(infinite, iteration-count);\n}\n\n@mixin largeHeading() {\n @include font-size(20);\n font-family: $headingFont;\n font-style: normal;\n}\n\n@mixin disableSelect() {\n @include vendor-prefix(user-select, none, property);\n}\n","@import 'inc/bootstrap';\n\n$invalidCriteriaBackground: #cfdfe9;\n$invalidCriteriaBorder: #266d9c;\n\n.advanced-search-container {\n flex: 1 1 auto;\n min-height: 0;\n display: flex;\n flex-direction: column;\n &:not(:empty) {\n padding: 0 0 32px 0;\n }\n .add-criteria-container {\n padding-top: 16px;\n padding-right: 20px;\n position: relative;\n .icon-add {\n font-size: 1.6rem;\n position: relative;\n top: 2px;\n margin-right: 8px;\n }\n .icon-loop {\n font-size: 1.6rem;\n position: relative;\n top: 2px;\n margin-right: 8px;\n animation: rotating 2s linear infinite;\n display: inline-block;\n }\n a {\n text-decoration: none;\n }\n .criteria-select2 {\n visibility: hidden;\n position: absolute;\n left: 0;\n width: calc(100% - 20px);\n }\n &.disabled {\n display: none;\n }\n }\n .advanced-criteria-container {\n overflow-y: auto;\n padding-right: 20px;\n max-height: 100%;\n min-height: 0;\n display: flex;\n flex-direction: column;\n &:not(:empty) {\n padding-top: 16px;\n }\n .filter-container {\n margin-bottom: 32px;\n &:last-child {\n margin-bottom: 16px;\n }\n .icon-result-nok {\n right: 0;\n top: 2px;\n cursor: pointer;\n position: absolute;\n font-size: 1.6rem !important;\n font-weight: 400;\n padding: 0;\n background: transparent;\n box-shadow: none;\n border: 0;\n color: inherit;\n height: 1.8rem;\n z-index: 1;\n border: 1px dashed transparent;\n &:focus {\n border-color: $darkBar;\n }\n }\n .filter-bool-group {\n legend {\n padding-bottom: 4px;\n }\n input[type=\"checkbox\"] {\n margin-left: 0;\n }\n }\n label {\n width: 100%;\n padding: 0;\n margin: 0;\n }\n .filter-label-text {\n padding-bottom: 4px;\n display: inline-block;\n width: auto;\n vertical-align: middle;\n }\n &[data-type='text'] {\n input {\n padding-left: 4px;\n width: 100%;\n }\n }\n &[data-type='list'] {\n .select2-container {\n width: 100%;\n }\n ul {\n list-style: none;\n padding-left: 0;\n }\n input[type='checkbox'] {\n width: initial;\n vertical-align: top;\n }\n input[type='text'] {\n width: 100%;\n }\n }\n }\n .invalid-criteria-warning-container {\n background-color: $invalidCriteriaBackground;\n border: 1px solid $invalidCriteriaBorder;\n padding: 10px;\n p {\n margin-bottom: 0;\n }\n ul {\n list-style: none;\n font-weight: bolder;\n padding-left: 0;\n }\n }\n &.scrollable {\n padding-right: 10px;\n }\n &.scroll-separator-top {\n border-top: 1px solid $uiGeneralContentBorder;\n }\n &.scroll-separator-bottom {\n border-bottom: 1px solid $uiGeneralContentBorder;\n }\n }\n}\n\n// select2 appends dropdown options directly to body, so need a custom class to isolate custom styles\n.criteria-dropdown-select2 {\n border: 1px solid $uiGeneralContentBorder;\n box-shadow: $uiGeneralContentBorder 1px 1px 1px;\n input {\n min-width: initial;\n background-image: initial;\n }\n}\n\n.advanced-search-container .class-path {\n color: #616161;\n font-size: 0.8em;\n}\n\n.criteria-dropdown-select2 .class-path {\n color: #808080;\n font-size: 0.8em;\n}\n\n.select2-highlighted .class-path {\n color: #FFF;\n}\n\n@keyframes rotating {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n}\n\n/*# sourceMappingURL=advancedSearch.css.map */","/* Do not edit */@mixin tao-icon-setup {\n /* use !important to prevent issues with browser extensions that change fonts */\n font-family: 'tao' !important;\n speak: never;\n font-style: normal;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n\n /* Better Font Rendering =========== */\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n@mixin icon-info-bare { content: \"\\e923\"; }\n@mixin icon-bookmark-outline { content: \"\\e922\"; }\n@mixin icon-bookmark { content: \"\\e921\"; }\n@mixin icon-indicator { content: \"\\e920\"; }\n@mixin icon-add-subsection { content: \"\\e918\"; }\n@mixin icon-wrap-inline { content: \"\\e915\"; }\n@mixin icon-wrap-left { content: \"\\e916\"; }\n@mixin icon-wrap-right { content: \"\\e917\"; }\n@mixin icon-offline { content: \"\\e913\"; }\n@mixin icon-online { content: \"\\e914\"; }\n@mixin icon-tab { content: \"\\e90d\"; }\n@mixin icon-untab { content: \"\\e90e\"; }\n@mixin icon-multi-select { content: \"\\e90b\"; }\n@mixin icon-clipboard { content: \"\\e90a\"; }\n@mixin icon-filebox { content: \"\\e909\"; }\n@mixin icon-click-to-speak { content: \"\\e907\"; }\n@mixin icon-speech-bubble { content: \"\\f0e5\"; }\n@mixin icon-microphone { content: \"\\f130\"; }\n@mixin icon-microphone-off { content: \"\\f131\"; }\n@mixin icon-disconnect { content: \"\\e905\"; }\n@mixin icon-connect { content: \"\\e906\"; }\n@mixin icon-eliminate { content: \"\\e904\"; }\n@mixin icon-wheelchair { content: \"\\e903\"; }\n@mixin icon-text-marker { content: \"\\e902\"; }\n@mixin icon-unshield { content: \"\\e32a\"; }\n@mixin icon-shield { content: \"\\e8e8\"; }\n@mixin icon-tree { content: \"\\e6b4\"; }\n@mixin icon-home { content: \"\\e6b3\"; }\n@mixin icon-shared-file { content: \"\\e6b2\"; }\n@mixin icon-end-attempt { content: \"\\e603\"; }\n@mixin icon-icon { content: \"\\f1c5\"; }\n@mixin icon-radio-bg { content: \"\\e600\"; }\n@mixin icon-checkbox-bg { content: \"\\e601\"; }\n@mixin icon-tag { content: \"\\e602\"; }\n@mixin icon-style { content: \"\\e604\"; }\n@mixin icon-ownership-transfer { content: \"\\e605\"; }\n@mixin icon-property-advanced { content: \"\\e606\"; }\n@mixin icon-property-add { content: \"\\e607\"; }\n@mixin icon-repository-add { content: \"\\e608\"; }\n@mixin icon-repository-remove { content: \"\\e609\"; }\n@mixin icon-repository { content: \"\\e60a\"; }\n@mixin icon-result-server { content: \"\\e60b\"; }\n@mixin icon-folder { content: \"\\e60c\"; }\n@mixin icon-folder-open { content: \"\\e60d\"; }\n@mixin icon-left { content: \"\\e60e\"; }\n@mixin icon-right { content: \"\\e60f\"; }\n@mixin icon-up { content: \"\\e610\"; }\n@mixin icon-down { content: \"\\e611\"; }\n@mixin icon-undo { content: \"\\e612\"; }\n@mixin icon-redo { content: \"\\e613\"; }\n@mixin icon-screen { content: \"\\e614\"; }\n@mixin icon-laptop { content: \"\\e615\"; }\n@mixin icon-tablet { content: \"\\e616\"; }\n@mixin icon-phone { content: \"\\e617\"; }\n@mixin icon-move { content: \"\\e618\"; }\n@mixin icon-bin { content: \"\\e619\"; }\n@mixin icon-shuffle { content: \"\\e61a\"; }\n@mixin icon-print { content: \"\\e61b\"; }\n@mixin icon-tools { content: \"\\e61c\"; }\n@mixin icon-settings { content: \"\\e61d\"; }\n@mixin icon-video { content: \"\\e61e\"; }\n@mixin icon-find { content: \"\\e61f\"; }\n@mixin icon-image { content: \"\\e620\"; }\n@mixin icon-edit { content: \"\\e621\"; }\n@mixin icon-document { content: \"\\e622\"; }\n@mixin icon-resize-grid { content: \"\\e623\"; }\n@mixin icon-resize { content: \"\\e624\"; }\n@mixin icon-help { content: \"\\e625\"; }\n@mixin icon-mobile-menu { content: \"\\e626\"; }\n@mixin icon-fix { content: \"\\e627\"; }\n@mixin icon-unlock { content: \"\\e628\"; }\n@mixin icon-lock { content: \"\\e629\"; }\n@mixin icon-ul { content: \"\\e62a\"; }\n@mixin icon-ol { content: \"\\e62b\"; }\n@mixin icon-email { content: \"\\e62c\"; }\n@mixin icon-download { content: \"\\e62d\"; }\n@mixin icon-logout { content: \"\\e62e\"; }\n@mixin icon-login { content: \"\\e62f\"; }\n@mixin icon-spinner { content: \"\\e630\"; }\n@mixin icon-preview { content: \"\\e631\"; }\n@mixin icon-external { content: \"\\e632\"; }\n@mixin icon-time { content: \"\\e633\"; }\n@mixin icon-save { content: \"\\e634\"; }\n@mixin icon-warning { content: \"\\e635\"; }\n@mixin icon-add { content: \"\\e636\"; }\n@mixin icon-error { content: \"\\e900\"; }\n@mixin icon-close { content: \"\\e637\"; }\n@mixin icon-success { content: \"\\e638\"; }\n@mixin icon-remove { content: \"\\e639\"; }\n@mixin icon-info { content: \"\\e63a\"; }\n@mixin icon-danger { content: \"\\e63b\"; }\n@mixin icon-users { content: \"\\e63c\"; }\n@mixin icon-user { content: \"\\e63d\"; }\n@mixin icon-test-taker { content: \"\\e63e\"; }\n@mixin icon-test-takers { content: \"\\e63f\"; }\n@mixin icon-item { content: \"\\e640\"; }\n@mixin icon-test { content: \"\\e641\"; }\n@mixin icon-delivery { content: \"\\e642\"; }\n@mixin icon-eye-slash { content: \"\\e643\"; }\n@mixin icon-result { content: \"\\e644\"; }\n@mixin icon-delivery-small { content: \"\\e645\"; }\n@mixin icon-upload { content: \"\\e646\"; }\n@mixin icon-result-small { content: \"\\e647\"; }\n@mixin icon-mobile-preview { content: \"\\e648\"; }\n@mixin icon-extension { content: \"\\e649\"; }\n@mixin icon-desktop-preview { content: \"\\e64a\"; }\n@mixin icon-tablet-preview { content: \"\\e64b\"; }\n@mixin icon-insert-horizontal-line { content: \"\\e64c\"; }\n@mixin icon-table { content: \"\\e64d\"; }\n@mixin icon-anchor { content: \"\\e64e\"; }\n@mixin icon-unlink { content: \"\\e64f\"; }\n@mixin icon-link { content: \"\\e650\"; }\n@mixin icon-right-left { content: \"\\e651\"; }\n@mixin icon-left-right { content: \"\\e652\"; }\n@mixin icon-special-character { content: \"\\e653\"; }\n@mixin icon-source { content: \"\\e654\"; }\n@mixin icon-new-page { content: \"\\e655\"; }\n@mixin icon-templates { content: \"\\e656\"; }\n@mixin icon-cut { content: \"\\e657\"; }\n@mixin icon-replace { content: \"\\e658\"; }\n@mixin icon-copy { content: \"\\e659\"; }\n@mixin icon-paste { content: \"\\e65a\"; }\n@mixin icon-select-all { content: \"\\e65b\"; }\n@mixin icon-paste-text { content: \"\\e65c\"; }\n@mixin icon-paste-word { content: \"\\e65d\"; }\n@mixin icon-bold { content: \"\\e65e\"; }\n@mixin icon-italic { content: \"\\e65f\"; }\n@mixin icon-underline { content: \"\\e660\"; }\n@mixin icon-subscript { content: \"\\e661\"; }\n@mixin icon-superscript { content: \"\\e662\"; }\n@mixin icon-strike-through { content: \"\\e663\"; }\n@mixin icon-decrease-indent { content: \"\\e664\"; }\n@mixin icon-increase-indent { content: \"\\e665\"; }\n@mixin icon-block-quote { content: \"\\e666\"; }\n@mixin icon-div-container { content: \"\\e667\"; }\n@mixin icon-align-left { content: \"\\e668\"; }\n@mixin icon-center { content: \"\\e669\"; }\n@mixin icon-align-right { content: \"\\e66a\"; }\n@mixin icon-justify { content: \"\\e66b\"; }\n@mixin icon-choice { content: \"\\e66c\"; }\n@mixin icon-inline-choice { content: \"\\e66d\"; }\n@mixin icon-match { content: \"\\e66e\"; }\n@mixin icon-associate { content: \"\\e66f\"; }\n@mixin icon-media { content: \"\\e670\"; }\n@mixin icon-graphic-order { content: \"\\e671\"; }\n@mixin icon-hotspot { content: \"\\e672\"; }\n@mixin icon-graphic-gap { content: \"\\e673\"; }\n@mixin icon-graphic-associate { content: \"\\e674\"; }\n@mixin icon-select-point { content: \"\\e675\"; }\n@mixin icon-pin { content: \"\\e676\"; }\n@mixin icon-import { content: \"\\e677\"; }\n@mixin icon-export { content: \"\\e678\"; }\n@mixin icon-move-item { content: \"\\e679\"; }\n@mixin icon-meta-data { content: \"\\e67a\"; }\n@mixin icon-slider { content: \"\\e67b\"; }\n@mixin icon-summary-report { content: \"\\e67c\"; }\n@mixin icon-text-entry { content: \"\\e67d\"; }\n@mixin icon-extended-text { content: \"\\e67e\"; }\n@mixin icon-eraser { content: \"\\e67f\"; }\n@mixin icon-row { content: \"\\e680\"; }\n@mixin icon-column { content: \"\\e681\"; }\n@mixin icon-text-color { content: \"\\e682\"; }\n@mixin icon-background-color { content: \"\\e683\"; }\n@mixin icon-spell-check { content: \"\\e684\"; }\n@mixin icon-polygon { content: \"\\e685\"; }\n@mixin icon-rectangle { content: \"\\e686\"; }\n@mixin icon-gap-match { content: \"\\e687\"; }\n@mixin icon-order { content: \"\\e688\"; }\n@mixin icon-hottext { content: \"\\e689\"; }\n@mixin icon-free-form { content: \"\\e68a\"; }\n@mixin icon-step-backward { content: \"\\e68b\"; }\n@mixin icon-fast-backward { content: \"\\e68c\"; }\n@mixin icon-backward { content: \"\\e68d\"; }\n@mixin icon-play { content: \"\\e68e\"; }\n@mixin icon-pause { content: \"\\e68f\"; }\n@mixin icon-stop { content: \"\\e690\"; }\n@mixin icon-forward { content: \"\\e691\"; }\n@mixin icon-fast-forward { content: \"\\e692\"; }\n@mixin icon-step-forward { content: \"\\e693\"; }\n@mixin icon-ellipsis { content: \"\\e694\"; }\n@mixin icon-circle { content: \"\\e695\"; }\n@mixin icon-target { content: \"\\e696\"; }\n@mixin icon-guide-arrow { content: \"\\e697\"; }\n@mixin icon-range-slider-right { content: \"\\e698\"; }\n@mixin icon-range-slider-left { content: \"\\e699\"; }\n@mixin icon-radio-checked { content: \"\\e69a\"; }\n@mixin icon-checkbox-indeterminate { content: \"\\e901\"; }\n@mixin icon-checkbox { content: \"\\e69b\"; }\n@mixin icon-checkbox-crossed { content: \"\\e69c\"; }\n@mixin icon-checkbox-checked { content: \"\\e69d\"; }\n@mixin icon-result-nok { content: \"\\e69e\"; }\n@mixin icon-result-ok { content: \"\\e69f\"; }\n@mixin icon-not-evaluated { content: \"\\e6a0\"; }\n@mixin icon-filter { content: \"\\e6a1\"; }\n@mixin icon-translate { content: \"\\e6a2\"; }\n@mixin icon-eject { content: \"\\e6a3\"; }\n@mixin icon-continue { content: \"\\e6a4\"; }\n@mixin icon-radio { content: \"\\e6a5\"; }\n@mixin icon-sphere { content: \"\\e6a6\"; }\n@mixin icon-reset { content: \"\\e6a7\"; }\n@mixin icon-smaller { content: \"\\e6a8\"; }\n@mixin icon-larger { content: \"\\e6a9\"; }\n@mixin icon-clock { content: \"\\e6aa\"; }\n@mixin icon-font { content: \"\\e6ab\"; }\n@mixin icon-maths { content: \"\\e6ac\"; }\n@mixin icon-grip { content: \"\\e6ad\"; }\n@mixin icon-rubric { content: \"\\e6ae\"; }\n@mixin icon-audio { content: \"\\e6af\"; }\n@mixin icon-grip-h { content: \"\\e6b0\"; }\n@mixin icon-magicwand { content: \"\\e6b1\"; }\n@mixin icon-loop { content: \"\\ea2e\"; }\n@mixin icon-calendar { content: \"\\e953\"; }\n@mixin icon-reload { content: \"\\e984\"; }\n@mixin icon-speed { content: \"\\e9a6\"; }\n@mixin icon-volume { content: \"\\ea27\"; }\n@mixin icon-contrast { content: \"\\e9d5\"; }\n@mixin icon-headphones { content: \"\\e910\"; }\n@mixin icon-compress { content: \"\\f066\"; }\n@mixin icon-map-o { content: \"\\f278\"; }\n@mixin icon-variable { content: \"\\e908\"; }\n@mixin icon-tooltip { content: \"\\e90c\"; }\n@mixin icon-globe { content: \"\\e9c9\"; }\n@mixin icon-highlighter { content: \"\\e90f\"; }\n@mixin icon-eliminate-crossed { content: \"\\e911\"; }\n@mixin icon-play-from-here { content: \"\\e912\"; }\n","// buttons and alerts\n$success: rgb(14, 145, 75);\n$info: rgb(14, 93, 145);\n$warning: rgb(216, 174, 91);\n$danger: rgb(201, 96, 67);\n$error: rgb(186, 18, 43);\n$activeInteraction: rgb(195, 90, 19);\n\n// corporate identity\n$logoRed: rgb(186, 18, 43);\n$grey: rgb(173, 161, 148);\n$darkBlueGrey: rgb(164, 187, 197);\n$mediumBlueGrey: rgb(193, 212, 220);\n$lightBlueGrey: rgb(228, 236, 239);\n$brownRedGrey: rgb(154, 137, 123);\n$darkBrown: rgb(111, 99, 89);\n$websiteBorder: rgb(141, 148, 158);\n\n// ui elements, these should only variations of the above\n// naming convention: jQueryUi theme roller -> camelCase\n\n$textColor: #222;\n$textHighlight: white;\n\n$uiGeneralContentBg: white();\n$uiGeneralContentBorder: #ddd;\n\n$uiHeaderBg: #d4d5d7;\n\n$uiClickableDefaultBg: #f3f1ef;\n$uiClickableHoverBg: whiten($info, 0.2);\n//$uiClickableActiveBg: $uiHeaderBg;\n$uiClickableActiveBg: whiten($websiteBorder, 0.2);\n//$uiClickableActiveBg: #aaa;\n\n$uiSelectableSelectedBg: whiten($info, 0.2);\n$uiSelectableSelectedHoverBg: whiten($info, 0.1);\n$uiSelectableHoverBg: whiten($info, 0.9);\n\n$uiOverlay: $lightBlueGrey;\n\n// new layout. Implemented now only for review panel\n$uiReviewPanelBg: #f2f2f2;\n$uiReviewPanelTextDisabled: hsl(0, 0%, 45%);\n$uiReviewPanelTextDefault: hsl(0, 0%, 12%);\n$uiReviewPanelBgDefault: $uiGeneralContentBg;\n$uiReviewPanelPrimaryHighlight: hsl(208, 100%, 32%);\n$uiReviewPanelBgInverted: $uiReviewPanelTextDefault;\n$uiReviewPanelTextInverted: $uiGeneralContentBg;\n\n// sidebars etc.\n$canvas: mix(#fff, $grey, 85%);\n\n// colors taken from feedback.scss\n$successBgColor: whiten($success, 0.8);\n$successBorderColor: whiten($success, 0.1);\n\n$infoBgColor: whiten($info, 0.8);\n$infoBorderColor: whiten($info, 0.1);\n\n$warningBgColor: whiten($warning, 0.8);\n$warningBorderColor: whiten($warning, 0.1);\n\n$dangerBgColor: whiten($danger, 0.8);\n$dangerBorderColor: whiten($danger, 0.1);\n\n$errorBgColor: whiten($error, 0.8);\n$errorBorderColor: whiten($error, 0.1);\n\n$darkBar: rgb(51, 51, 51);\n$darkBarTxt: rgb(230, 230, 230);\n$darkBarIcon: rgb(220, 220, 220);\n\n$actionLinkColor: #276d9b;\n$actionLinkHoverColor: #4f83a7;\n\n$colorWheel-01: #c3ba13;\n$colorWheel-02: #84a610;\n$colorWheel-03: #2b8e0e;\n$colorWheel-04: #0f9787;\n$colorWheel-05: #0e5d91;\n$colorWheel-06: #0d2689;\n$colorWheel-07: #400d83;\n$colorWheel-08: #960e7d;\n$colorWheel-09: #ba122b;\n$colorWheel-10: #c34713;\n$colorWheel-11: #c36f13;\n$colorWheel-12: #c39413;\n"]}
|