@oat-sa/tao-core-ui 2.1.0 → 2.2.0

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.
Files changed (99) hide show
  1. package/dist/animable/absorbable/css/absorb.css.map +1 -1
  2. package/dist/animable/pulsable/css/pulse.css.map +1 -1
  3. package/dist/autocomplete/css/autocomplete.css.map +1 -1
  4. package/dist/badge/css/badge.css.map +1 -1
  5. package/dist/breadcrumbs/css/breadcrumbs.css.map +1 -1
  6. package/dist/bulkActionPopup/css/bulkActionPopup.css.map +1 -1
  7. package/dist/calculator/css/calculator.css.map +1 -1
  8. package/dist/class/css/selector.css.map +1 -1
  9. package/dist/component/css/components.css.map +1 -1
  10. package/dist/component/css/windowComponent.css.map +1 -1
  11. package/dist/contextualPopup/css/contextualPopup.css.map +1 -1
  12. package/dist/dashboard/css/dashboard.css.map +1 -1
  13. package/dist/datalist/css/datalist.css.map +1 -1
  14. package/dist/datatable/css/datatable.css.map +1 -1
  15. package/dist/dateRange/css/dateRange.css.map +1 -1
  16. package/dist/datetime/css/picker.css.map +1 -1
  17. package/dist/destination/css/selector.css.map +1 -1
  18. package/dist/documentViewer/css/documentViewer.css.map +1 -1
  19. package/dist/dropdown/css/dropdown.css.map +1 -1
  20. package/dist/dynamicComponent/css/dynamicComponent.css.map +1 -1
  21. package/dist/form/css/dropdownForm.css.map +1 -1
  22. package/dist/form/css/form.css.map +1 -1
  23. package/dist/form/validator/css/validator.css.map +1 -1
  24. package/dist/form/widget/css/widget.css.map +1 -1
  25. package/dist/generis/form/css/form.css.map +1 -1
  26. package/dist/generis/validator/css/validator.css.map +1 -1
  27. package/dist/generis/widget/css/widget.css.map +1 -1
  28. package/dist/itemButtonList/css/item-button-list.css.map +1 -1
  29. package/dist/listbox/css/listbox.css.map +1 -1
  30. package/dist/loadingButton/css/button.css.map +1 -1
  31. package/dist/maths/calculator/css/calculator.css.map +1 -1
  32. package/dist/mediaplayer/css/player.css.map +1 -1
  33. package/dist/pagination/css/pagination.css.map +1 -1
  34. package/dist/propertySelector/css/propertySelector.css.map +1 -1
  35. package/dist/resource/css/selector.css.map +1 -1
  36. package/dist/resourcemgr/css/resourcemgr.css.map +1 -1
  37. package/dist/searchModal/css/advancedSearch.css.map +1 -1
  38. package/dist/searchModal/css/searchModal.css.map +1 -1
  39. package/dist/switch/css/switch.css.map +1 -1
  40. package/dist/tabs/css/tabs.css.map +1 -1
  41. package/dist/taskQueue/css/taskQueue.css.map +1 -1
  42. package/dist/taskQueueButton/css/taskable.css.map +1 -1
  43. package/dist/taskQueueButton/css/treeButton.css.map +1 -1
  44. package/dist/tristateCheckboxGroup/css/tristateCheckboxGroup.css.map +1 -1
  45. package/dist/waitingDialog/css/waitingDialog.css.map +1 -1
  46. package/package.json +1 -1
  47. package/scss/font/tao/tao.svg +1 -0
  48. package/scss/font/tao/tao.ttf +0 -0
  49. package/scss/font/tao/tao.woff +0 -0
  50. package/scss/inc/fonts/_tao-icon-classes.scss +1 -0
  51. package/scss/inc/fonts/_tao-icon-def.scss +3 -3
  52. package/scss/inc/fonts/_tao-icon-vars.scss +1 -0
  53. package/src/animable/absorbable/css/absorb.css.map +1 -1
  54. package/src/animable/pulsable/css/pulse.css.map +1 -1
  55. package/src/autocomplete/css/autocomplete.css.map +1 -1
  56. package/src/badge/css/badge.css.map +1 -1
  57. package/src/breadcrumbs/css/breadcrumbs.css.map +1 -1
  58. package/src/bulkActionPopup/css/bulkActionPopup.css.map +1 -1
  59. package/src/calculator/css/calculator.css.map +1 -1
  60. package/src/class/css/selector.css.map +1 -1
  61. package/src/component/css/components.css.map +1 -1
  62. package/src/component/css/windowComponent.css.map +1 -1
  63. package/src/contextualPopup/css/contextualPopup.css.map +1 -1
  64. package/src/css/basic.css +5 -1
  65. package/src/css/basic.css.map +1 -1
  66. package/src/dashboard/css/dashboard.css.map +1 -1
  67. package/src/datalist/css/datalist.css.map +1 -1
  68. package/src/datatable/css/datatable.css.map +1 -1
  69. package/src/dateRange/css/dateRange.css.map +1 -1
  70. package/src/datetime/css/picker.css.map +1 -1
  71. package/src/destination/css/selector.css.map +1 -1
  72. package/src/documentViewer/css/documentViewer.css.map +1 -1
  73. package/src/dropdown/css/dropdown.css.map +1 -1
  74. package/src/dynamicComponent/css/dynamicComponent.css.map +1 -1
  75. package/src/form/css/dropdownForm.css.map +1 -1
  76. package/src/form/css/form.css.map +1 -1
  77. package/src/form/validator/css/validator.css.map +1 -1
  78. package/src/form/widget/css/widget.css.map +1 -1
  79. package/src/generis/form/css/form.css.map +1 -1
  80. package/src/generis/validator/css/validator.css.map +1 -1
  81. package/src/generis/widget/css/widget.css.map +1 -1
  82. package/src/itemButtonList/css/item-button-list.css.map +1 -1
  83. package/src/listbox/css/listbox.css.map +1 -1
  84. package/src/loadingButton/css/button.css.map +1 -1
  85. package/src/maths/calculator/css/calculator.css.map +1 -1
  86. package/src/mediaplayer/css/player.css.map +1 -1
  87. package/src/pagination/css/pagination.css.map +1 -1
  88. package/src/propertySelector/css/propertySelector.css.map +1 -1
  89. package/src/resource/css/selector.css.map +1 -1
  90. package/src/resourcemgr/css/resourcemgr.css.map +1 -1
  91. package/src/searchModal/css/advancedSearch.css.map +1 -1
  92. package/src/searchModal/css/searchModal.css.map +1 -1
  93. package/src/switch/css/switch.css.map +1 -1
  94. package/src/tabs/css/tabs.css.map +1 -1
  95. package/src/taskQueue/css/taskQueue.css.map +1 -1
  96. package/src/taskQueueButton/css/taskable.css.map +1 -1
  97. package/src/taskQueueButton/css/treeButton.css.map +1 -1
  98. package/src/tristateCheckboxGroup/css/tristateCheckboxGroup.css.map +1 -1
  99. package/src/waitingDialog/css/waitingDialog.css.map +1 -1
package/dist/component/css/components.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../scss/inc/_functions.scss","../../../scss/inc/fonts/_tao-icon-vars.scss","../scss/components.scss%23sass","../scss/components.scss","../../../scss/inc/_colors.scss"],"names":[],"mappings":"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","file":"components.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: calc(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: calc((($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 calc(($colWidth * 100 / $context) * 1%)\n}\n\n@function remDist($fontSizePx) {\n @return calc(($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: calc(($remPx) * 1px) !important;\n font-size: calc(($remPx / 10) * 1rem) !important;\n }\n @else {\n font-size: calc(($remPx) * 1px);\n font-size: calc(($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\n/* based on \"visually-hidden\" mixin in LDS for accessibility goals */\n@mixin visuallyHidden() {\n position: absolute;\n width: 1px;\n height: 1px;\n overflow: hidden;\n clip: rect(1px, 1px, 1px, 1px);\n margin: 0;\n padding: 0;\n}\n","/* 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-japan-incorrect { content: \"\\e91b\"; }\n@mixin icon-japan-correct { content: \"\\e91c\"; }\n@mixin icon-japan-partial { content: \"\\e91d\"; }\n@mixin icon-score-partial { content: \"\\e91a\"; }\n@mixin icon-furigana { content: \"\\e919\"; }\n@mixin icon-add-subsection { content: \"\\e918\"; }\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-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","@import \"inc/bootstrap\";\n/* Style of advanced components */\n\n/* toggler */\n.toggler {\n &:after {\n margin-left: 3px;\n position: relative;\n top: 2px;\n @include tao-icon-setup;\n @include icon-down;\n }\n &.opened:after {\n @include tao-icon-setup;\n @include icon-up;\n }\n}\n\n.toggled {\n display: none;\n}\n\n/* Adder */\n.adder {\n &:before {\n margin-right: 5px;\n @include font-size(10.5);\n @include tao-icon-setup;\n @include icon-add;\n }\n}\n\n/* Closer / Deleter */\n.closer {\n &:before {\n margin-right: 5px;\n @include font-size(10.5);\n @include tao-icon-setup;\n @include icon-close;\n }\n}\n.deleter {\n @extend .closer;\n}\n\n.undobox {\n border: 1px #266d9c solid;\n display: block;\n position: fixed;\n top: 50px;\n left: 50%;\n margin-left: -200px;\n width: 400px;\n z-index: 100005;\n background-color: #cfdfe9;\n padding: 20px 20px 20px 45px;\n border-radius: 3px;\n color: #222 !important;\n}\n\n.undobox > .icon-close {\n right: 7px;\n font-size: 1.5rem;\n color: #999;\n left: auto;\n top: 5px;\n cursor: pointer;\n position: absolute;\n}\n\n.undobox .icon-info {\n color: #0e5d91;\n font-size: 2rem;\n position: absolute;\n top: 20px;\n left: 15px;\n}\n\n/* Incrementer and duration */\ninput[data-increment], input.duration-ctrl {\n width: 40px !important;\n min-width: 40px !important;\n text-align:right;\n}\n\n.duration-ctrl-wrapper, .incrementer-ctrl-wrapper {\n position: relative;\n display: inline-block;\n @include simple-border($uiGeneralContentBorder);\n @include border-radius(2);\n .incrementer {\n text-align: right;\n border: none;\n padding-right: 18px;\n & ~ .incrementer-ctrl {\n border-left: 1px $uiGeneralContentBorder solid;\n display: inline-block;\n height: 100%;\n position: absolute;\n right: 0;\n top: 0;\n > a {\n outline: 0 !important;\n cursor:pointer;\n display: inline-block;\n line-height: 13px;\n color: $textColor;\n background: $uiClickableDefaultBg;\n padding: 0 4px 0 4px;\n @include font-size(10.5);\n position: absolute;\n right: 0;\n height: 50%;\n text-align:center;\n &.inc {\n top: 0;\n -moz-border-radius-topright: 2px;\n -webkit-border-top-right-radius: 2px;\n border-top-right-radius: 2px;\n }\n &.dec {\n top: 50%;\n -moz-border-radius-bottomright: 2px;\n -webkit-border-bottom-right-radius: 2px;\n border-bottom-right-radius: 2px;\n }\n &.inc:before {\n position: relative;\n bottom: 0px;\n @include tao-icon-setup;\n @include icon-up;\n }\n &.dec:before {\n position: relative;\n top: 0px;\n @include tao-icon-setup;\n @include icon-down;\n }\n &:hover {\n background-color: $uiClickableHoverBg;\n color: $textHighlight;\n }\n }\n }\n }\n}\n\n.duration-ctrl-wrapper ~ .separator {\n padding: 0 3px;\n text-align: center;\n opacity: .7;\n}\n\n/* InPlacer */\n[data-in-place], .inplace {\n cursor: pointer;\n min-height: 1em;\n input {\n cursor: auto;\n }\n &:hover {\n border: dotted 1px $uiClickableHoverBg;\n }\n}\n\n/* ListBox */\nul.listbox {\n margin: .1em 0;\n padding: 0;\n list-style-type: none;\n display: block;\n > li {\n white-space: no-wrap;\n position: relative;\n min-width: 75%;\n border: solid 1px $uiGeneralContentBorder;\n border-bottom-width: 0;\n vertical-align: top;\n margin: 0;\n padding: .3em 2em .3em .2em;\n background-color: $uiClickableDefaultBg;\n min-height: 1.5em;\n\n > .closer {\n position: absolute;\n right: 5px;\n top: 0;\n }\n\n &:first-child {\n -moz-border-radius: 2px 2px 0 0;\n -webkit-border-radius: 2px 2px 0 0;\n border-radius: 2px 2px 0 0;\n }\n\n &:last-child {\n -moz-border-radius: 0 0 2px 2px;\n -webkit-border-radius: 0 0 2px 2px;\n border-radius: 0 0 2px 2px;\n border-bottom-width: 1px;\n }\n\n &.placeholder {\n background: none;\n margin: .5em;\n opacity: 0.6;\n }\n }\n}\n\n/* Modal styles */\n.modal {\n background-color: $uiGeneralContentBg;\n border: 1px solid $uiGeneralContentBorder;\n box-shadow: 3px 3px 5px #666666;\n height: auto;\n opacity: 0;\n top: -1000px;\n padding: 40px;\n position: fixed;\n z-index: 105002;\n margin: auto;\n left: 0;\n right: 0;\n overflow-x: hidden;\n overflow-y: auto;\n max-width: 100vw;\n max-height: calc(100vh - 40px);\n\n &:focus {\n outline: none;\n }\n\n .modal-close {\n position: absolute;\n right: 12px;\n top: 10px;\n cursor: pointer;\n font-weight: bold;\n color: $textColor;\n\n [dir=\"rtl\"] & {\n right: auto;\n left: 12px;\n }\n\n &:hover{\n opacity: 0.6;\n }\n .icon-close {\n @include font-size(20);\n }\n }\n // rewrite rules from _buttons.scss\n button.modal-close {\n color: $textColor !important;\n background-color: transparent;\n padding: 0;\n height: 20px;\n .icon-close {\n padding: 0;\n }\n }\n\n .modal-close:focus {\n outline: 3px solid $actionLinkColor;\n outline-offset: 3px;\n }\n\n .modal-body{\n h4 {\n @include font-size(16);\n margin-top: 0;\n margin-bottom: 8px;\n }\n .content, .message {\n margin-bottom: 8px;\n }\n .buttons{\n top: 16px;\n position: relative;\n\n [dir=\"rtl\"] & {\n float: left;\n display: flex;\n flex-direction: row-reverse;\n }\n\n //flat button\n button {\n @include border-radius(2);\n margin-left: 8px;\n height: 36px;\n text-shadow: none;\n text-transform: uppercase;\n color: $info !important;\n background: none;\n &:focus, &:hover{\n background: whiten($info, .85);\n outline: 3px solid $actionLinkColor;\n outline-offset: 3px;\n }\n }\n }\n input[type=\"checkbox\"] {\n &:focus ~ [class^=\"icon-\"],\n &:focus ~ [class*=\" icon-\"] {\n outline: 3px solid $actionLinkColor;\n }\n }\n }\n\n &[class^=\"icon-\"], &[class*=\" icon-\"] { // supports any TAO icon\n &:before {\n @include font-size(44);\n color: $info;\n position: absolute;\n }\n // some predefined icons & their colours:\n &.icon-result-nok {\n &:before {\n color: $error;\n }\n }\n &.icon-warning {\n &:before {\n color: $danger;\n }\n }\n &.icon-result-ok {\n &:before {\n color: $success;\n }\n }\n // extra colour classes for convenience:\n &.error {\n &:before {\n color: $error;\n }\n }\n &.danger {\n &:before {\n color: $danger;\n }\n }\n &.warning {\n &:before {\n color: $warning;\n }\n }\n &.info {\n &:before {\n color: $info;\n }\n }\n &.success {\n &:before {\n color: $success;\n }\n }\n .modal-body {\n font-family: $regularFont !important; // override icon font\n line-height: 1.4;\n margin-left: 8.5rem;\n }\n }\n}\n\n.modal-bg {\n background: none repeat scroll 0 0 black();\n opacity: 0.45;\n -ms-filter: \"progid:DXImageTransform.Microsoft.Alpha(Opacity=45)\";\n filter: alpha(opacity=45);\n display: none;\n position: fixed;\n height: 100%;\n width: 100%;\n left: 0;\n top: 0;\n z-index: 100001;\n overflow: hidden;\n}\n\n/* Button groups */\n\n\nul[data-button-group], ul.button-group {\n\n list-style-type: none;\n padding: 0;\n background-color: $uiGeneralContentBg;\n border: 1px solid $uiGeneralContentBorder;\n border-radius: 1px;\n margin: 0 2px 2px 0;\n display: inline-block;\n @include border-radius;\n @include font-size(12);\n\n & > li {\n border: 0 none;\n color: $textColor;\n cursor: pointer;\n display: inline-block;\n float: left;\n min-width: 26px;\n padding: 4px 6px;\n text-align: center;\n text-decoration: none !important;\n\n &.active {\n color: $textHighlight;\n background-color: $info;\n -webkit-transition: background 0.4s ease;\n -moz-transition: all 0.4s ease;\n -o-transition: background 0.4s ease;\n transition: all 0.4s ease;\n }\n &:hover {\n color: $textHighlight;\n background-color: whiten($info, 0.2);\n -webkit-transition: background 0.4s ease;\n -moz-transition: all 0.4s ease;\n -o-transition: background 0.4s ease;\n transition: all 0.4s ease;\n }\n &.separator{\n background-color: $uiGeneralContentBorder;\n float: left;\n height: 18px;\n margin: 5px 2px 0 2px;\n width: 1px;\n min-width: 1px;\n padding: 0;\n }\n\n &[class^=\"icon-\"], &[class*=\" icon-\"] {\n height: 16px;\n margin-top: 1px;\n width: 16px;\n padding-top: 2px;\n }\n }\n}\n\n/* Media Preview */\n.previewer {\n background-color: $uiGeneralContentBg;\n margin: 5px;\n min-width: 280px;\n min-height: 200px;\n display: -webkit-flexbox;\n display: -ms-flexbox;\n display: -webkit-flex;\n display: flex;\n -webkit-flex-align: center;\n -ms-flex-align: center;\n -webkit-align-items: center;\n align-items: center;\n justify-content: center;\n\n .nopreview {\n color: $uiGeneralContentBorder;\n @include font-size(20);\n &:before {\n @include font-size(60);\n @include tao-icon-setup;\n @include icon-media;\n }\n }\n}\n\n/* Progress bar */\n\n.progressbar {\n height: 2em;\n text-align: left;\n border: none;\n height: 0.8em;\n background-color: $uiGeneralContentBg;\n border: 1px solid $uiGeneralContentBorder;\n\n & > span {\n height: 100%;\n border: none;\n background-color: $uiClickableHoverBg;\n display: block;\n color: white();\n\n -webkit-transition: width 0.6s ease 0s;\n -moz-transition: width 0.4s ease 0s;\n -o-transition: width 0.4s ease 0s;\n transition: width 0.4s ease 0s;\n }\n\n &.info > span {\n background-color: $info;\n }\n &.success > span{\n background-color: $success;\n }\n &.warning > span{\n background-color: $warning;\n }\n &.error > span{\n background-color: $error;\n }\n}\n","@import \"inc/bootstrap\";\n/* Style of advanced components */\n\n/* toggler */\n.toggler {\n &:after {\n margin-left: 3px;\n position: relative;\n top: 2px;\n @include tao-icon-setup;\n @include icon-down;\n }\n &.opened:after {\n @include tao-icon-setup;\n @include icon-up;\n }\n}\n\n.toggled {\n display: none;\n}\n\n/* Adder */\n.adder {\n &:before {\n margin-right: 5px;\n @include font-size(10.5);\n @include tao-icon-setup;\n @include icon-add;\n }\n}\n\n/* Closer / Deleter */\n.closer {\n &:before {\n margin-right: 5px;\n @include font-size(10.5);\n @include tao-icon-setup;\n @include icon-close;\n }\n}\n.deleter {\n @extend .closer;\n}\n\n.undobox {\n border: 1px #266d9c solid;\n display: block;\n position: fixed;\n top: 50px;\n left: 50%;\n margin-left: -200px;\n width: 400px;\n z-index: 100005;\n background-color: #cfdfe9;\n padding: 20px 20px 20px 45px;\n border-radius: 3px;\n color: #222 !important;\n}\n\n.undobox > .icon-close {\n right: 7px;\n font-size: 1.5rem;\n color: #999;\n left: auto;\n top: 5px;\n cursor: pointer;\n position: absolute;\n}\n\n.undobox .icon-info {\n color: #0e5d91;\n font-size: 2rem;\n position: absolute;\n top: 20px;\n left: 15px;\n}\n\n/* Incrementer and duration */\ninput[data-increment], input.duration-ctrl {\n width: 40px !important;\n min-width: 40px !important;\n text-align:right;\n}\n\n.duration-ctrl-wrapper, .incrementer-ctrl-wrapper {\n position: relative;\n display: inline-block;\n @include simple-border($uiGeneralContentBorder);\n @include border-radius(2);\n .incrementer {\n text-align: right;\n border: none;\n padding-right: 18px;\n & ~ .incrementer-ctrl {\n border-left: 1px $uiGeneralContentBorder solid;\n display: inline-block;\n height: 100%;\n position: absolute;\n right: 0;\n top: 0;\n > a {\n outline: 0 !important;\n cursor:pointer;\n display: inline-block;\n line-height: 13px;\n color: $textColor;\n background: $uiClickableDefaultBg;\n padding: 0 4px 0 4px;\n @include font-size(10.5);\n position: absolute;\n right: 0;\n height: 50%;\n text-align:center;\n &.inc {\n top: 0;\n -moz-border-radius-topright: 2px;\n -webkit-border-top-right-radius: 2px;\n border-top-right-radius: 2px;\n }\n &.dec {\n top: 50%;\n -moz-border-radius-bottomright: 2px;\n -webkit-border-bottom-right-radius: 2px;\n border-bottom-right-radius: 2px;\n }\n &.inc:before {\n position: relative;\n bottom: 0px;\n @include tao-icon-setup;\n @include icon-up;\n }\n &.dec:before {\n position: relative;\n top: 0px;\n @include tao-icon-setup;\n @include icon-down;\n }\n &:hover {\n background-color: $uiClickableHoverBg;\n color: $textHighlight;\n }\n }\n }\n }\n}\n\n.duration-ctrl-wrapper ~ .separator {\n padding: 0 3px;\n text-align: center;\n opacity: .7;\n}\n\n/* InPlacer */\n[data-in-place], .inplace {\n cursor: pointer;\n min-height: 1em;\n input {\n cursor: auto;\n }\n &:hover {\n border: dotted 1px $uiClickableHoverBg;\n }\n}\n\n/* ListBox */\nul.listbox {\n margin: .1em 0;\n padding: 0;\n list-style-type: none;\n display: block;\n > li {\n white-space: no-wrap;\n position: relative;\n min-width: 75%;\n border: solid 1px $uiGeneralContentBorder;\n border-bottom-width: 0;\n vertical-align: top;\n margin: 0;\n padding: .3em 2em .3em .2em;\n background-color: $uiClickableDefaultBg;\n min-height: 1.5em;\n\n > .closer {\n position: absolute;\n right: 5px;\n top: 0;\n }\n\n &:first-child {\n -moz-border-radius: 2px 2px 0 0;\n -webkit-border-radius: 2px 2px 0 0;\n border-radius: 2px 2px 0 0;\n }\n\n &:last-child {\n -moz-border-radius: 0 0 2px 2px;\n -webkit-border-radius: 0 0 2px 2px;\n border-radius: 0 0 2px 2px;\n border-bottom-width: 1px;\n }\n\n &.placeholder {\n background: none;\n margin: .5em;\n opacity: 0.6;\n }\n }\n}\n\n/* Modal styles */\n.modal {\n background-color: $uiGeneralContentBg;\n border: 1px solid $uiGeneralContentBorder;\n box-shadow: 3px 3px 5px #666666;\n height: auto;\n opacity: 0;\n top: -1000px;\n padding: 40px;\n position: fixed;\n z-index: 105002;\n margin: auto;\n left: 0;\n right: 0;\n overflow-x: hidden;\n overflow-y: auto;\n max-width: 100vw;\n max-height: calc(100vh - 40px);\n\n &:focus {\n outline: none;\n }\n\n .modal-close {\n position: absolute;\n right: 12px;\n top: 10px;\n cursor: pointer;\n font-weight: bold;\n color: $textColor;\n\n [dir=\"rtl\"] & {\n right: auto;\n left: 12px;\n }\n\n &:hover{\n opacity: 0.6;\n }\n .icon-close {\n @include font-size(20);\n }\n }\n // rewrite rules from _buttons.scss\n button.modal-close {\n color: $textColor !important;\n background-color: transparent;\n padding: 0;\n height: 20px;\n .icon-close {\n padding: 0;\n }\n }\n\n .modal-close:focus {\n outline: 3px solid $actionLinkColor;\n outline-offset: 3px;\n }\n\n .modal-body{\n h4 {\n @include font-size(16);\n margin-top: 0;\n margin-bottom: 8px;\n }\n .content, .message {\n margin-bottom: 8px;\n }\n .buttons{\n top: 16px;\n position: relative;\n\n [dir=\"rtl\"] & {\n float: left;\n display: flex;\n flex-direction: row-reverse;\n }\n\n //flat button\n button {\n @include border-radius(2);\n margin-left: 8px;\n height: 36px;\n text-shadow: none;\n text-transform: uppercase;\n color: $info !important;\n background: none;\n &:focus, &:hover{\n background: whiten($info, .85);\n outline: 3px solid $actionLinkColor;\n outline-offset: 3px;\n }\n }\n }\n input[type=\"checkbox\"] {\n &:focus ~ [class^=\"icon-\"],\n &:focus ~ [class*=\" icon-\"] {\n outline: 3px solid $actionLinkColor;\n }\n }\n }\n\n &[class^=\"icon-\"], &[class*=\" icon-\"] { // supports any TAO icon\n &:before {\n @include font-size(44);\n color: $info;\n position: absolute;\n }\n // some predefined icons & their colours:\n &.icon-result-nok {\n &:before {\n color: $error;\n }\n }\n &.icon-warning {\n &:before {\n color: $danger;\n }\n }\n &.icon-result-ok {\n &:before {\n color: $success;\n }\n }\n // extra colour classes for convenience:\n &.error {\n &:before {\n color: $error;\n }\n }\n &.danger {\n &:before {\n color: $danger;\n }\n }\n &.warning {\n &:before {\n color: $warning;\n }\n }\n &.info {\n &:before {\n color: $info;\n }\n }\n &.success {\n &:before {\n color: $success;\n }\n }\n .modal-body {\n font-family: $regularFont !important; // override icon font\n line-height: 1.4;\n margin-left: 8.5rem;\n }\n }\n}\n\n.modal-bg {\n background: none repeat scroll 0 0 black();\n opacity: 0.45;\n -ms-filter: \"progid:DXImageTransform.Microsoft.Alpha(Opacity=45)\";\n filter: alpha(opacity=45);\n display: none;\n position: fixed;\n height: 100%;\n width: 100%;\n left: 0;\n top: 0;\n z-index: 100001;\n overflow: hidden;\n}\n\n/* Button groups */\n\n\nul[data-button-group], ul.button-group {\n\n list-style-type: none;\n padding: 0;\n background-color: $uiGeneralContentBg;\n border: 1px solid $uiGeneralContentBorder;\n border-radius: 1px;\n margin: 0 2px 2px 0;\n display: inline-block;\n @include border-radius;\n @include font-size(12);\n\n & > li {\n border: 0 none;\n color: $textColor;\n cursor: pointer;\n display: inline-block;\n float: left;\n min-width: 26px;\n padding: 4px 6px;\n text-align: center;\n text-decoration: none !important;\n\n &.active {\n color: $textHighlight;\n background-color: $info;\n -webkit-transition: background 0.4s ease;\n -moz-transition: all 0.4s ease;\n -o-transition: background 0.4s ease;\n transition: all 0.4s ease;\n }\n &:hover {\n color: $textHighlight;\n background-color: whiten($info, 0.2);\n -webkit-transition: background 0.4s ease;\n -moz-transition: all 0.4s ease;\n -o-transition: background 0.4s ease;\n transition: all 0.4s ease;\n }\n &.separator{\n background-color: $uiGeneralContentBorder;\n float: left;\n height: 18px;\n margin: 5px 2px 0 2px;\n width: 1px;\n min-width: 1px;\n padding: 0;\n }\n\n &[class^=\"icon-\"], &[class*=\" icon-\"] {\n height: 16px;\n margin-top: 1px;\n width: 16px;\n padding-top: 2px;\n }\n }\n}\n\n/* Media Preview */\n.previewer {\n background-color: $uiGeneralContentBg;\n margin: 5px;\n min-width: 280px;\n min-height: 200px;\n display: -webkit-flexbox;\n display: -ms-flexbox;\n display: -webkit-flex;\n display: flex;\n -webkit-flex-align: center;\n -ms-flex-align: center;\n -webkit-align-items: center;\n align-items: center;\n justify-content: center;\n\n .nopreview {\n color: $uiGeneralContentBorder;\n @include font-size(20);\n &:before {\n @include font-size(60);\n @include tao-icon-setup;\n @include icon-media;\n }\n }\n}\n\n/* Progress bar */\n\n.progressbar {\n height: 2em;\n text-align: left;\n border: none;\n height: 0.8em;\n background-color: $uiGeneralContentBg;\n border: 1px solid $uiGeneralContentBorder;\n\n & > span {\n height: 100%;\n border: none;\n background-color: $uiClickableHoverBg;\n display: block;\n color: white();\n\n -webkit-transition: width 0.6s ease 0s;\n -moz-transition: width 0.4s ease 0s;\n -o-transition: width 0.4s ease 0s;\n transition: width 0.4s ease 0s;\n }\n\n &.info > span {\n background-color: $info;\n }\n &.success > span{\n background-color: $success;\n }\n &.warning > span{\n background-color: $warning;\n }\n &.error > span{\n background-color: $error;\n }\n}\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$textSecondary: #737373;\n$shadowColor: rgba(0, 0, 0, 0.25);\n\n$modalBorderColor: #dddfe2;\n$searchInp: #dddfe2;\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/inc/fonts/_tao-icon-vars.scss","../scss/components.scss%23sass","../scss/components.scss","../../../scss/inc/_colors.scss"],"names":[],"mappings":"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","file":"components.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: calc(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: calc((($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 calc(($colWidth * 100 / $context) * 1%)\n}\n\n@function remDist($fontSizePx) {\n @return calc(($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: calc(($remPx) * 1px) !important;\n font-size: calc(($remPx / 10) * 1rem) !important;\n }\n @else {\n font-size: calc(($remPx) * 1px);\n font-size: calc(($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\n/* based on \"visually-hidden\" mixin in LDS for accessibility goals */\n@mixin visuallyHidden() {\n position: absolute;\n width: 1px;\n height: 1px;\n overflow: hidden;\n clip: rect(1px, 1px, 1px, 1px);\n margin: 0;\n padding: 0;\n}\n","/* 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-back-button { content: \"\\e91e\"; }\n@mixin icon-japan-incorrect { content: \"\\e91b\"; }\n@mixin icon-japan-correct { content: \"\\e91c\"; }\n@mixin icon-japan-partial { content: \"\\e91d\"; }\n@mixin icon-score-partial { content: \"\\e91a\"; }\n@mixin icon-furigana { content: \"\\e919\"; }\n@mixin icon-add-subsection { content: \"\\e918\"; }\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-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","@import \"inc/bootstrap\";\n/* Style of advanced components */\n\n/* toggler */\n.toggler {\n &:after {\n margin-left: 3px;\n position: relative;\n top: 2px;\n @include tao-icon-setup;\n @include icon-down;\n }\n &.opened:after {\n @include tao-icon-setup;\n @include icon-up;\n }\n}\n\n.toggled {\n display: none;\n}\n\n/* Adder */\n.adder {\n &:before {\n margin-right: 5px;\n @include font-size(10.5);\n @include tao-icon-setup;\n @include icon-add;\n }\n}\n\n/* Closer / Deleter */\n.closer {\n &:before {\n margin-right: 5px;\n @include font-size(10.5);\n @include tao-icon-setup;\n @include icon-close;\n }\n}\n.deleter {\n @extend .closer;\n}\n\n.undobox {\n border: 1px #266d9c solid;\n display: block;\n position: fixed;\n top: 50px;\n left: 50%;\n margin-left: -200px;\n width: 400px;\n z-index: 100005;\n background-color: #cfdfe9;\n padding: 20px 20px 20px 45px;\n border-radius: 3px;\n color: #222 !important;\n}\n\n.undobox > .icon-close {\n right: 7px;\n font-size: 1.5rem;\n color: #999;\n left: auto;\n top: 5px;\n cursor: pointer;\n position: absolute;\n}\n\n.undobox .icon-info {\n color: #0e5d91;\n font-size: 2rem;\n position: absolute;\n top: 20px;\n left: 15px;\n}\n\n/* Incrementer and duration */\ninput[data-increment], input.duration-ctrl {\n width: 40px !important;\n min-width: 40px !important;\n text-align:right;\n}\n\n.duration-ctrl-wrapper, .incrementer-ctrl-wrapper {\n position: relative;\n display: inline-block;\n @include simple-border($uiGeneralContentBorder);\n @include border-radius(2);\n .incrementer {\n text-align: right;\n border: none;\n padding-right: 18px;\n & ~ .incrementer-ctrl {\n border-left: 1px $uiGeneralContentBorder solid;\n display: inline-block;\n height: 100%;\n position: absolute;\n right: 0;\n top: 0;\n > a {\n outline: 0 !important;\n cursor:pointer;\n display: inline-block;\n line-height: 13px;\n color: $textColor;\n background: $uiClickableDefaultBg;\n padding: 0 4px 0 4px;\n @include font-size(10.5);\n position: absolute;\n right: 0;\n height: 50%;\n text-align:center;\n &.inc {\n top: 0;\n -moz-border-radius-topright: 2px;\n -webkit-border-top-right-radius: 2px;\n border-top-right-radius: 2px;\n }\n &.dec {\n top: 50%;\n -moz-border-radius-bottomright: 2px;\n -webkit-border-bottom-right-radius: 2px;\n border-bottom-right-radius: 2px;\n }\n &.inc:before {\n position: relative;\n bottom: 0px;\n @include tao-icon-setup;\n @include icon-up;\n }\n &.dec:before {\n position: relative;\n top: 0px;\n @include tao-icon-setup;\n @include icon-down;\n }\n &:hover {\n background-color: $uiClickableHoverBg;\n color: $textHighlight;\n }\n }\n }\n }\n}\n\n.duration-ctrl-wrapper ~ .separator {\n padding: 0 3px;\n text-align: center;\n opacity: .7;\n}\n\n/* InPlacer */\n[data-in-place], .inplace {\n cursor: pointer;\n min-height: 1em;\n input {\n cursor: auto;\n }\n &:hover {\n border: dotted 1px $uiClickableHoverBg;\n }\n}\n\n/* ListBox */\nul.listbox {\n margin: .1em 0;\n padding: 0;\n list-style-type: none;\n display: block;\n > li {\n white-space: no-wrap;\n position: relative;\n min-width: 75%;\n border: solid 1px $uiGeneralContentBorder;\n border-bottom-width: 0;\n vertical-align: top;\n margin: 0;\n padding: .3em 2em .3em .2em;\n background-color: $uiClickableDefaultBg;\n min-height: 1.5em;\n\n > .closer {\n position: absolute;\n right: 5px;\n top: 0;\n }\n\n &:first-child {\n -moz-border-radius: 2px 2px 0 0;\n -webkit-border-radius: 2px 2px 0 0;\n border-radius: 2px 2px 0 0;\n }\n\n &:last-child {\n -moz-border-radius: 0 0 2px 2px;\n -webkit-border-radius: 0 0 2px 2px;\n border-radius: 0 0 2px 2px;\n border-bottom-width: 1px;\n }\n\n &.placeholder {\n background: none;\n margin: .5em;\n opacity: 0.6;\n }\n }\n}\n\n/* Modal styles */\n.modal {\n background-color: $uiGeneralContentBg;\n border: 1px solid $uiGeneralContentBorder;\n box-shadow: 3px 3px 5px #666666;\n height: auto;\n opacity: 0;\n top: -1000px;\n padding: 40px;\n position: fixed;\n z-index: 105002;\n margin: auto;\n left: 0;\n right: 0;\n overflow-x: hidden;\n overflow-y: auto;\n max-width: 100vw;\n max-height: calc(100vh - 40px);\n\n &:focus {\n outline: none;\n }\n\n .modal-close {\n position: absolute;\n right: 12px;\n top: 10px;\n cursor: pointer;\n font-weight: bold;\n color: $textColor;\n\n [dir=\"rtl\"] & {\n right: auto;\n left: 12px;\n }\n\n &:hover{\n opacity: 0.6;\n }\n .icon-close {\n @include font-size(20);\n }\n }\n // rewrite rules from _buttons.scss\n button.modal-close {\n color: $textColor !important;\n background-color: transparent;\n padding: 0;\n height: 20px;\n .icon-close {\n padding: 0;\n }\n }\n\n .modal-close:focus {\n outline: 3px solid $actionLinkColor;\n outline-offset: 3px;\n }\n\n .modal-body{\n h4 {\n @include font-size(16);\n margin-top: 0;\n margin-bottom: 8px;\n }\n .content, .message {\n margin-bottom: 8px;\n }\n .buttons{\n top: 16px;\n position: relative;\n\n [dir=\"rtl\"] & {\n float: left;\n display: flex;\n flex-direction: row-reverse;\n }\n\n //flat button\n button {\n @include border-radius(2);\n margin-left: 8px;\n height: 36px;\n text-shadow: none;\n text-transform: uppercase;\n color: $info !important;\n background: none;\n &:focus, &:hover{\n background: whiten($info, .85);\n outline: 3px solid $actionLinkColor;\n outline-offset: 3px;\n }\n }\n }\n input[type=\"checkbox\"] {\n &:focus ~ [class^=\"icon-\"],\n &:focus ~ [class*=\" icon-\"] {\n outline: 3px solid $actionLinkColor;\n }\n }\n }\n\n &[class^=\"icon-\"], &[class*=\" icon-\"] { // supports any TAO icon\n &:before {\n @include font-size(44);\n color: $info;\n position: absolute;\n }\n // some predefined icons & their colours:\n &.icon-result-nok {\n &:before {\n color: $error;\n }\n }\n &.icon-warning {\n &:before {\n color: $danger;\n }\n }\n &.icon-result-ok {\n &:before {\n color: $success;\n }\n }\n // extra colour classes for convenience:\n &.error {\n &:before {\n color: $error;\n }\n }\n &.danger {\n &:before {\n color: $danger;\n }\n }\n &.warning {\n &:before {\n color: $warning;\n }\n }\n &.info {\n &:before {\n color: $info;\n }\n }\n &.success {\n &:before {\n color: $success;\n }\n }\n .modal-body {\n font-family: $regularFont !important; // override icon font\n line-height: 1.4;\n margin-left: 8.5rem;\n }\n }\n}\n\n.modal-bg {\n background: none repeat scroll 0 0 black();\n opacity: 0.45;\n -ms-filter: \"progid:DXImageTransform.Microsoft.Alpha(Opacity=45)\";\n filter: alpha(opacity=45);\n display: none;\n position: fixed;\n height: 100%;\n width: 100%;\n left: 0;\n top: 0;\n z-index: 100001;\n overflow: hidden;\n}\n\n/* Button groups */\n\n\nul[data-button-group], ul.button-group {\n\n list-style-type: none;\n padding: 0;\n background-color: $uiGeneralContentBg;\n border: 1px solid $uiGeneralContentBorder;\n border-radius: 1px;\n margin: 0 2px 2px 0;\n display: inline-block;\n @include border-radius;\n @include font-size(12);\n\n & > li {\n border: 0 none;\n color: $textColor;\n cursor: pointer;\n display: inline-block;\n float: left;\n min-width: 26px;\n padding: 4px 6px;\n text-align: center;\n text-decoration: none !important;\n\n &.active {\n color: $textHighlight;\n background-color: $info;\n -webkit-transition: background 0.4s ease;\n -moz-transition: all 0.4s ease;\n -o-transition: background 0.4s ease;\n transition: all 0.4s ease;\n }\n &:hover {\n color: $textHighlight;\n background-color: whiten($info, 0.2);\n -webkit-transition: background 0.4s ease;\n -moz-transition: all 0.4s ease;\n -o-transition: background 0.4s ease;\n transition: all 0.4s ease;\n }\n &.separator{\n background-color: $uiGeneralContentBorder;\n float: left;\n height: 18px;\n margin: 5px 2px 0 2px;\n width: 1px;\n min-width: 1px;\n padding: 0;\n }\n\n &[class^=\"icon-\"], &[class*=\" icon-\"] {\n height: 16px;\n margin-top: 1px;\n width: 16px;\n padding-top: 2px;\n }\n }\n}\n\n/* Media Preview */\n.previewer {\n background-color: $uiGeneralContentBg;\n margin: 5px;\n min-width: 280px;\n min-height: 200px;\n display: -webkit-flexbox;\n display: -ms-flexbox;\n display: -webkit-flex;\n display: flex;\n -webkit-flex-align: center;\n -ms-flex-align: center;\n -webkit-align-items: center;\n align-items: center;\n justify-content: center;\n\n .nopreview {\n color: $uiGeneralContentBorder;\n @include font-size(20);\n &:before {\n @include font-size(60);\n @include tao-icon-setup;\n @include icon-media;\n }\n }\n}\n\n/* Progress bar */\n\n.progressbar {\n height: 2em;\n text-align: left;\n border: none;\n height: 0.8em;\n background-color: $uiGeneralContentBg;\n border: 1px solid $uiGeneralContentBorder;\n\n & > span {\n height: 100%;\n border: none;\n background-color: $uiClickableHoverBg;\n display: block;\n color: white();\n\n -webkit-transition: width 0.6s ease 0s;\n -moz-transition: width 0.4s ease 0s;\n -o-transition: width 0.4s ease 0s;\n transition: width 0.4s ease 0s;\n }\n\n &.info > span {\n background-color: $info;\n }\n &.success > span{\n background-color: $success;\n }\n &.warning > span{\n background-color: $warning;\n }\n &.error > span{\n background-color: $error;\n }\n}\n","@import \"inc/bootstrap\";\n/* Style of advanced components */\n\n/* toggler */\n.toggler {\n &:after {\n margin-left: 3px;\n position: relative;\n top: 2px;\n @include tao-icon-setup;\n @include icon-down;\n }\n &.opened:after {\n @include tao-icon-setup;\n @include icon-up;\n }\n}\n\n.toggled {\n display: none;\n}\n\n/* Adder */\n.adder {\n &:before {\n margin-right: 5px;\n @include font-size(10.5);\n @include tao-icon-setup;\n @include icon-add;\n }\n}\n\n/* Closer / Deleter */\n.closer {\n &:before {\n margin-right: 5px;\n @include font-size(10.5);\n @include tao-icon-setup;\n @include icon-close;\n }\n}\n.deleter {\n @extend .closer;\n}\n\n.undobox {\n border: 1px #266d9c solid;\n display: block;\n position: fixed;\n top: 50px;\n left: 50%;\n margin-left: -200px;\n width: 400px;\n z-index: 100005;\n background-color: #cfdfe9;\n padding: 20px 20px 20px 45px;\n border-radius: 3px;\n color: #222 !important;\n}\n\n.undobox > .icon-close {\n right: 7px;\n font-size: 1.5rem;\n color: #999;\n left: auto;\n top: 5px;\n cursor: pointer;\n position: absolute;\n}\n\n.undobox .icon-info {\n color: #0e5d91;\n font-size: 2rem;\n position: absolute;\n top: 20px;\n left: 15px;\n}\n\n/* Incrementer and duration */\ninput[data-increment], input.duration-ctrl {\n width: 40px !important;\n min-width: 40px !important;\n text-align:right;\n}\n\n.duration-ctrl-wrapper, .incrementer-ctrl-wrapper {\n position: relative;\n display: inline-block;\n @include simple-border($uiGeneralContentBorder);\n @include border-radius(2);\n .incrementer {\n text-align: right;\n border: none;\n padding-right: 18px;\n & ~ .incrementer-ctrl {\n border-left: 1px $uiGeneralContentBorder solid;\n display: inline-block;\n height: 100%;\n position: absolute;\n right: 0;\n top: 0;\n > a {\n outline: 0 !important;\n cursor:pointer;\n display: inline-block;\n line-height: 13px;\n color: $textColor;\n background: $uiClickableDefaultBg;\n padding: 0 4px 0 4px;\n @include font-size(10.5);\n position: absolute;\n right: 0;\n height: 50%;\n text-align:center;\n &.inc {\n top: 0;\n -moz-border-radius-topright: 2px;\n -webkit-border-top-right-radius: 2px;\n border-top-right-radius: 2px;\n }\n &.dec {\n top: 50%;\n -moz-border-radius-bottomright: 2px;\n -webkit-border-bottom-right-radius: 2px;\n border-bottom-right-radius: 2px;\n }\n &.inc:before {\n position: relative;\n bottom: 0px;\n @include tao-icon-setup;\n @include icon-up;\n }\n &.dec:before {\n position: relative;\n top: 0px;\n @include tao-icon-setup;\n @include icon-down;\n }\n &:hover {\n background-color: $uiClickableHoverBg;\n color: $textHighlight;\n }\n }\n }\n }\n}\n\n.duration-ctrl-wrapper ~ .separator {\n padding: 0 3px;\n text-align: center;\n opacity: .7;\n}\n\n/* InPlacer */\n[data-in-place], .inplace {\n cursor: pointer;\n min-height: 1em;\n input {\n cursor: auto;\n }\n &:hover {\n border: dotted 1px $uiClickableHoverBg;\n }\n}\n\n/* ListBox */\nul.listbox {\n margin: .1em 0;\n padding: 0;\n list-style-type: none;\n display: block;\n > li {\n white-space: no-wrap;\n position: relative;\n min-width: 75%;\n border: solid 1px $uiGeneralContentBorder;\n border-bottom-width: 0;\n vertical-align: top;\n margin: 0;\n padding: .3em 2em .3em .2em;\n background-color: $uiClickableDefaultBg;\n min-height: 1.5em;\n\n > .closer {\n position: absolute;\n right: 5px;\n top: 0;\n }\n\n &:first-child {\n -moz-border-radius: 2px 2px 0 0;\n -webkit-border-radius: 2px 2px 0 0;\n border-radius: 2px 2px 0 0;\n }\n\n &:last-child {\n -moz-border-radius: 0 0 2px 2px;\n -webkit-border-radius: 0 0 2px 2px;\n border-radius: 0 0 2px 2px;\n border-bottom-width: 1px;\n }\n\n &.placeholder {\n background: none;\n margin: .5em;\n opacity: 0.6;\n }\n }\n}\n\n/* Modal styles */\n.modal {\n background-color: $uiGeneralContentBg;\n border: 1px solid $uiGeneralContentBorder;\n box-shadow: 3px 3px 5px #666666;\n height: auto;\n opacity: 0;\n top: -1000px;\n padding: 40px;\n position: fixed;\n z-index: 105002;\n margin: auto;\n left: 0;\n right: 0;\n overflow-x: hidden;\n overflow-y: auto;\n max-width: 100vw;\n max-height: calc(100vh - 40px);\n\n &:focus {\n outline: none;\n }\n\n .modal-close {\n position: absolute;\n right: 12px;\n top: 10px;\n cursor: pointer;\n font-weight: bold;\n color: $textColor;\n\n [dir=\"rtl\"] & {\n right: auto;\n left: 12px;\n }\n\n &:hover{\n opacity: 0.6;\n }\n .icon-close {\n @include font-size(20);\n }\n }\n // rewrite rules from _buttons.scss\n button.modal-close {\n color: $textColor !important;\n background-color: transparent;\n padding: 0;\n height: 20px;\n .icon-close {\n padding: 0;\n }\n }\n\n .modal-close:focus {\n outline: 3px solid $actionLinkColor;\n outline-offset: 3px;\n }\n\n .modal-body{\n h4 {\n @include font-size(16);\n margin-top: 0;\n margin-bottom: 8px;\n }\n .content, .message {\n margin-bottom: 8px;\n }\n .buttons{\n top: 16px;\n position: relative;\n\n [dir=\"rtl\"] & {\n float: left;\n display: flex;\n flex-direction: row-reverse;\n }\n\n //flat button\n button {\n @include border-radius(2);\n margin-left: 8px;\n height: 36px;\n text-shadow: none;\n text-transform: uppercase;\n color: $info !important;\n background: none;\n &:focus, &:hover{\n background: whiten($info, .85);\n outline: 3px solid $actionLinkColor;\n outline-offset: 3px;\n }\n }\n }\n input[type=\"checkbox\"] {\n &:focus ~ [class^=\"icon-\"],\n &:focus ~ [class*=\" icon-\"] {\n outline: 3px solid $actionLinkColor;\n }\n }\n }\n\n &[class^=\"icon-\"], &[class*=\" icon-\"] { // supports any TAO icon\n &:before {\n @include font-size(44);\n color: $info;\n position: absolute;\n }\n // some predefined icons & their colours:\n &.icon-result-nok {\n &:before {\n color: $error;\n }\n }\n &.icon-warning {\n &:before {\n color: $danger;\n }\n }\n &.icon-result-ok {\n &:before {\n color: $success;\n }\n }\n // extra colour classes for convenience:\n &.error {\n &:before {\n color: $error;\n }\n }\n &.danger {\n &:before {\n color: $danger;\n }\n }\n &.warning {\n &:before {\n color: $warning;\n }\n }\n &.info {\n &:before {\n color: $info;\n }\n }\n &.success {\n &:before {\n color: $success;\n }\n }\n .modal-body {\n font-family: $regularFont !important; // override icon font\n line-height: 1.4;\n margin-left: 8.5rem;\n }\n }\n}\n\n.modal-bg {\n background: none repeat scroll 0 0 black();\n opacity: 0.45;\n -ms-filter: \"progid:DXImageTransform.Microsoft.Alpha(Opacity=45)\";\n filter: alpha(opacity=45);\n display: none;\n position: fixed;\n height: 100%;\n width: 100%;\n left: 0;\n top: 0;\n z-index: 100001;\n overflow: hidden;\n}\n\n/* Button groups */\n\n\nul[data-button-group], ul.button-group {\n\n list-style-type: none;\n padding: 0;\n background-color: $uiGeneralContentBg;\n border: 1px solid $uiGeneralContentBorder;\n border-radius: 1px;\n margin: 0 2px 2px 0;\n display: inline-block;\n @include border-radius;\n @include font-size(12);\n\n & > li {\n border: 0 none;\n color: $textColor;\n cursor: pointer;\n display: inline-block;\n float: left;\n min-width: 26px;\n padding: 4px 6px;\n text-align: center;\n text-decoration: none !important;\n\n &.active {\n color: $textHighlight;\n background-color: $info;\n -webkit-transition: background 0.4s ease;\n -moz-transition: all 0.4s ease;\n -o-transition: background 0.4s ease;\n transition: all 0.4s ease;\n }\n &:hover {\n color: $textHighlight;\n background-color: whiten($info, 0.2);\n -webkit-transition: background 0.4s ease;\n -moz-transition: all 0.4s ease;\n -o-transition: background 0.4s ease;\n transition: all 0.4s ease;\n }\n &.separator{\n background-color: $uiGeneralContentBorder;\n float: left;\n height: 18px;\n margin: 5px 2px 0 2px;\n width: 1px;\n min-width: 1px;\n padding: 0;\n }\n\n &[class^=\"icon-\"], &[class*=\" icon-\"] {\n height: 16px;\n margin-top: 1px;\n width: 16px;\n padding-top: 2px;\n }\n }\n}\n\n/* Media Preview */\n.previewer {\n background-color: $uiGeneralContentBg;\n margin: 5px;\n min-width: 280px;\n min-height: 200px;\n display: -webkit-flexbox;\n display: -ms-flexbox;\n display: -webkit-flex;\n display: flex;\n -webkit-flex-align: center;\n -ms-flex-align: center;\n -webkit-align-items: center;\n align-items: center;\n justify-content: center;\n\n .nopreview {\n color: $uiGeneralContentBorder;\n @include font-size(20);\n &:before {\n @include font-size(60);\n @include tao-icon-setup;\n @include icon-media;\n }\n }\n}\n\n/* Progress bar */\n\n.progressbar {\n height: 2em;\n text-align: left;\n border: none;\n height: 0.8em;\n background-color: $uiGeneralContentBg;\n border: 1px solid $uiGeneralContentBorder;\n\n & > span {\n height: 100%;\n border: none;\n background-color: $uiClickableHoverBg;\n display: block;\n color: white();\n\n -webkit-transition: width 0.6s ease 0s;\n -moz-transition: width 0.4s ease 0s;\n -o-transition: width 0.4s ease 0s;\n transition: width 0.4s ease 0s;\n }\n\n &.info > span {\n background-color: $info;\n }\n &.success > span{\n background-color: $success;\n }\n &.warning > span{\n background-color: $warning;\n }\n &.error > span{\n background-color: $error;\n }\n}\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$textSecondary: #737373;\n$shadowColor: rgba(0, 0, 0, 0.25);\n\n$modalBorderColor: #dddfe2;\n$searchInp: #dddfe2;\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"]}
package/dist/component/css/windowComponent.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../scss/inc/_functions.scss","../../../scss/inc/fonts/_tao-icon-vars.scss","../scss/windowComponent.scss%23sass","../scss/windowComponent.scss","../../../scss/inc/_colors.scss"],"names":[],"mappings":"AAaA;;;;;;CAAA;AAoQA,oEAAA;ACjRA,gBAAA;ACGA;EACI,aAAA;EACA,sBAAA;ACOJ;ADLI;EACI,aAAA;EACA,gBAAA;ACOR;ADLQ;EACI,OAAA;EACA,uBAAA;EACA,mBAAA;EACA,gBAAA;ACOZ;ADJQ;EACI,cAAA;ACMZ;ADLY;EACI,UAAA;EACA,YAAA;EACA,gBAAA;ACOhB;ADFI;ECIJ,OAAA;EDFQ,YAAA;ACIR;;ADOA;ECJA,iCDKI;ACJJ;ADMI;EACI,iCE6BE;EDjCV,yBAAA;AACA;ADWY;EACI,6BAAA;ACThB;ADcI;EACI,yBEJC;ADRT","file":"windowComponent.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: calc(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: calc((($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 calc(($colWidth * 100 / $context) * 1%)\n}\n\n@function remDist($fontSizePx) {\n @return calc(($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: calc(($remPx) * 1px) !important;\n font-size: calc(($remPx / 10) * 1rem) !important;\n }\n @else {\n font-size: calc(($remPx) * 1px);\n font-size: calc(($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\n/* based on \"visually-hidden\" mixin in LDS for accessibility goals */\n@mixin visuallyHidden() {\n position: absolute;\n width: 1px;\n height: 1px;\n overflow: hidden;\n clip: rect(1px, 1px, 1px, 1px);\n margin: 0;\n padding: 0;\n}\n","/* 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-japan-incorrect { content: \"\\e91b\"; }\n@mixin icon-japan-correct { content: \"\\e91c\"; }\n@mixin icon-japan-partial { content: \"\\e91d\"; }\n@mixin icon-score-partial { content: \"\\e91a\"; }\n@mixin icon-furigana { content: \"\\e919\"; }\n@mixin icon-add-subsection { content: \"\\e918\"; }\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-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","@import \"inc/bootstrap\";\n\n// Structure\n.window-component {\n display: flex;\n flex-direction: column;\n\n .window-component-title-bar {\n display: flex;\n padding: 3px 8px;\n\n .window-component-title {\n flex: 1;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n }\n\n .window-component-controls {\n flex: 0 1 auto;\n button {\n padding: 0;\n height: auto;\n margin-left: 8px;\n }\n }\n }\n\n .window-component-body {\n flex: 1;\n padding: 8px;\n }\n}\n\n\n// Skin\n$titleBarTxt: white(1);\n$titleBarBg: $darkBar;\n$bodyBg: $canvas;\n$border: $titleBarBg;\n\n.window-component {\n border: 1px solid $border;\n\n .window-component-title-bar {\n background-color: $titleBarBg;\n color: $titleBarTxt;\n\n .window-component-title {\n\n }\n\n .window-component-controls {\n button {\n background-color: transparent;\n }\n }\n }\n\n .window-component-body {\n background-color: $bodyBg;\n }\n}","@import \"inc/bootstrap\";\n\n// Structure\n.window-component {\n display: flex;\n flex-direction: column;\n\n .window-component-title-bar {\n display: flex;\n padding: 3px 8px;\n\n .window-component-title {\n flex: 1;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n }\n\n .window-component-controls {\n flex: 0 1 auto;\n button {\n padding: 0;\n height: auto;\n margin-left: 8px;\n }\n }\n }\n\n .window-component-body {\n flex: 1;\n padding: 8px;\n }\n}\n\n\n// Skin\n$titleBarTxt: white(1);\n$titleBarBg: $darkBar;\n$bodyBg: $canvas;\n$border: $titleBarBg;\n\n.window-component {\n border: 1px solid $border;\n\n .window-component-title-bar {\n background-color: $titleBarBg;\n color: $titleBarTxt;\n\n .window-component-title {\n\n }\n\n .window-component-controls {\n button {\n background-color: transparent;\n }\n }\n }\n\n .window-component-body {\n background-color: $bodyBg;\n }\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$textSecondary: #737373;\n$shadowColor: rgba(0, 0, 0, 0.25);\n\n$modalBorderColor: #dddfe2;\n$searchInp: #dddfe2;\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/inc/fonts/_tao-icon-vars.scss","../scss/windowComponent.scss%23sass","../scss/windowComponent.scss","../../../scss/inc/_colors.scss"],"names":[],"mappings":"AAaA;;;;;;CAAA;AAoQA,oEAAA;ACjRA,gBAAA;ACGA;EACI,aAAA;EACA,sBAAA;ACOJ;ADLI;EACI,aAAA;EACA,gBAAA;ACOR;ADLQ;EACI,OAAA;EACA,uBAAA;EACA,mBAAA;EACA,gBAAA;ACOZ;ADJQ;EACI,cAAA;ACMZ;ADLY;EACI,UAAA;EACA,YAAA;EACA,gBAAA;ACOhB;ADFI;ECIJ,OAAA;EDFQ,YAAA;ACIR;;ADOA;ECJA,iCDKI;ACJJ;ADMI;EACI,iCE6BE;EDjCV,yBAAA;AACA;ADWY;EACI,6BAAA;ACThB;ADcI;EACI,yBEJC;ADRT","file":"windowComponent.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: calc(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: calc((($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 calc(($colWidth * 100 / $context) * 1%)\n}\n\n@function remDist($fontSizePx) {\n @return calc(($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: calc(($remPx) * 1px) !important;\n font-size: calc(($remPx / 10) * 1rem) !important;\n }\n @else {\n font-size: calc(($remPx) * 1px);\n font-size: calc(($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\n/* based on \"visually-hidden\" mixin in LDS for accessibility goals */\n@mixin visuallyHidden() {\n position: absolute;\n width: 1px;\n height: 1px;\n overflow: hidden;\n clip: rect(1px, 1px, 1px, 1px);\n margin: 0;\n padding: 0;\n}\n","/* 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-back-button { content: \"\\e91e\"; }\n@mixin icon-japan-incorrect { content: \"\\e91b\"; }\n@mixin icon-japan-correct { content: \"\\e91c\"; }\n@mixin icon-japan-partial { content: \"\\e91d\"; }\n@mixin icon-score-partial { content: \"\\e91a\"; }\n@mixin icon-furigana { content: \"\\e919\"; }\n@mixin icon-add-subsection { content: \"\\e918\"; }\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-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","@import \"inc/bootstrap\";\n\n// Structure\n.window-component {\n display: flex;\n flex-direction: column;\n\n .window-component-title-bar {\n display: flex;\n padding: 3px 8px;\n\n .window-component-title {\n flex: 1;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n }\n\n .window-component-controls {\n flex: 0 1 auto;\n button {\n padding: 0;\n height: auto;\n margin-left: 8px;\n }\n }\n }\n\n .window-component-body {\n flex: 1;\n padding: 8px;\n }\n}\n\n\n// Skin\n$titleBarTxt: white(1);\n$titleBarBg: $darkBar;\n$bodyBg: $canvas;\n$border: $titleBarBg;\n\n.window-component {\n border: 1px solid $border;\n\n .window-component-title-bar {\n background-color: $titleBarBg;\n color: $titleBarTxt;\n\n .window-component-title {\n\n }\n\n .window-component-controls {\n button {\n background-color: transparent;\n }\n }\n }\n\n .window-component-body {\n background-color: $bodyBg;\n }\n}","@import \"inc/bootstrap\";\n\n// Structure\n.window-component {\n display: flex;\n flex-direction: column;\n\n .window-component-title-bar {\n display: flex;\n padding: 3px 8px;\n\n .window-component-title {\n flex: 1;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n }\n\n .window-component-controls {\n flex: 0 1 auto;\n button {\n padding: 0;\n height: auto;\n margin-left: 8px;\n }\n }\n }\n\n .window-component-body {\n flex: 1;\n padding: 8px;\n }\n}\n\n\n// Skin\n$titleBarTxt: white(1);\n$titleBarBg: $darkBar;\n$bodyBg: $canvas;\n$border: $titleBarBg;\n\n.window-component {\n border: 1px solid $border;\n\n .window-component-title-bar {\n background-color: $titleBarBg;\n color: $titleBarTxt;\n\n .window-component-title {\n\n }\n\n .window-component-controls {\n button {\n background-color: transparent;\n }\n }\n }\n\n .window-component-body {\n background-color: $bodyBg;\n }\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$textSecondary: #737373;\n$shadowColor: rgba(0, 0, 0, 0.25);\n\n$modalBorderColor: #dddfe2;\n$searchInp: #dddfe2;\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"]}
package/dist/contextualPopup/css/contextualPopup.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../scss/inc/_functions.scss","../../../scss/inc/fonts/_tao-icon-vars.scss","../scss/contextualPopup.scss%23sass","../scss/contextualPopup.scss"],"names":[],"mappings":"AAaA;;;;;;CAAA;AAoQA,oEAAA;ACjRA,gBAAA;ACQA;EACI,kBAAA;EACA,UAAA;EACA,QAAA;EACA,YAAA;EACA,WAAA;EACA,mBAAA;EACA,aAAA;EACA,YAAA;EAXA,mDAAA;ACgBJ;ADHI;EFsMI,eAAA;EACA,iBAAA;EErMA,gBAAA;ACMR;ADJI;EACI,iBAAA;ACMR;ADJI;EACI,kBAAA;EACA,YAAA;EACA,gCAAA;EACA,6BAAA;EACA,2BAAA;EACA,4BAAA;EACA,yBAAA;EACA,iBAAA;EACA,gBAAA;EACA,WAAA;EACA,YAAA;EACA,mBAAA;EAhCJ,mDAAA;ACyCJ;ADNI;EACI,mBAAA;EACA,kBAAA;EACA,YAAA;EACA,SAAA;EACA,WAAA;EACA,YAAA;ACQR;ADLQ;EACI,SAAA;ACOZ;ADLQ;EACI,QAAA;ACOZ;ADHQ;EACI,YAAA;ACKZ;ADHQ;EACI,WAAA;ACKZ;ADFI;EACI,iBAAA;ACIR;ADFI;EACI,gBAAA;ACIR;ADHQ;EACI,YAAA;EACA,iBAAA;ACKZ;ADJY;ECMZ,kBAAA;EDJgB,QAAA;ACMhB","file":"contextualPopup.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: calc(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: calc((($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 calc(($colWidth * 100 / $context) * 1%)\n}\n\n@function remDist($fontSizePx) {\n @return calc(($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: calc(($remPx) * 1px) !important;\n font-size: calc(($remPx / 10) * 1rem) !important;\n }\n @else {\n font-size: calc(($remPx) * 1px);\n font-size: calc(($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\n/* based on \"visually-hidden\" mixin in LDS for accessibility goals */\n@mixin visuallyHidden() {\n position: absolute;\n width: 1px;\n height: 1px;\n overflow: hidden;\n clip: rect(1px, 1px, 1px, 1px);\n margin: 0;\n padding: 0;\n}\n","/* 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-japan-incorrect { content: \"\\e91b\"; }\n@mixin icon-japan-correct { content: \"\\e91c\"; }\n@mixin icon-japan-partial { content: \"\\e91d\"; }\n@mixin icon-score-partial { content: \"\\e91a\"; }\n@mixin icon-furigana { content: \"\\e919\"; }\n@mixin icon-add-subsection { content: \"\\e918\"; }\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-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","@import \"inc/bootstrap\";\n\n@mixin contextual-popup-shadow(){\n -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);\n -moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);\n box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);\n}\n\n.contextual-popup {\n position: absolute;\n left: 15px;\n top: 0px;\n width : 500px;\n color: $textColor;\n background: mix(#fff, $grey, 85%);\n padding: 15px;\n z-index: 300;\n @include contextual-popup-shadow();\n h2 {\n @include font-size(15);\n margin-bottom: 0;\n }\n .heading {\n font-weight: bold;\n }\n .arrow {\n position: absolute;\n z-index: 301;\n -webkit-transform: rotate(45deg);\n -moz-transform: rotate(45deg);\n -o-transform: rotate(45deg);\n -ms-transform: rotate(45deg);\n border: 1px $uiClickableDefaultBg solid;\n border-left: none;\n border-top: none;\n width: 12px;\n height: 12px;\n background: $uiClickableDefaultBg;\n @include contextual-popup-shadow();\n }\n .arrow-cover {\n background: $uiClickableDefaultBg;\n position: absolute;\n z-index: 302;\n left: 6px;\n width: 30px;\n height: 15px;\n }\n &.bottom{\n .arrow{\n top:-6px;\n }\n .arrow-cover{\n top:0px;\n }\n }\n &.top{\n .arrow{\n bottom:-6px;\n }\n .arrow-cover{\n bottom:0px;\n }\n }\n .tooltipstered {\n text-align: right;\n }\n .footer{\n margin-top:10px;\n .btn{\n float:right;\n margin-left:20px;\n &.cancel{\n position:relative;\n top:3px;\n }\n }\n }\n}","@import \"inc/bootstrap\";\n\n@mixin contextual-popup-shadow(){\n -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);\n -moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);\n box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);\n}\n\n.contextual-popup {\n position: absolute;\n left: 15px;\n top: 0px;\n width : 500px;\n color: $textColor;\n background: mix(#fff, $grey, 85%);\n padding: 15px;\n z-index: 300;\n @include contextual-popup-shadow();\n h2 {\n @include font-size(15);\n margin-bottom: 0;\n }\n .heading {\n font-weight: bold;\n }\n .arrow {\n position: absolute;\n z-index: 301;\n -webkit-transform: rotate(45deg);\n -moz-transform: rotate(45deg);\n -o-transform: rotate(45deg);\n -ms-transform: rotate(45deg);\n border: 1px $uiClickableDefaultBg solid;\n border-left: none;\n border-top: none;\n width: 12px;\n height: 12px;\n background: $uiClickableDefaultBg;\n @include contextual-popup-shadow();\n }\n .arrow-cover {\n background: $uiClickableDefaultBg;\n position: absolute;\n z-index: 302;\n left: 6px;\n width: 30px;\n height: 15px;\n }\n &.bottom{\n .arrow{\n top:-6px;\n }\n .arrow-cover{\n top:0px;\n }\n }\n &.top{\n .arrow{\n bottom:-6px;\n }\n .arrow-cover{\n bottom:0px;\n }\n }\n .tooltipstered {\n text-align: right;\n }\n .footer{\n margin-top:10px;\n .btn{\n float:right;\n margin-left:20px;\n &.cancel{\n position:relative;\n top:3px;\n }\n }\n }\n}"]}
1
+ {"version":3,"sources":["../../../scss/inc/_functions.scss","../../../scss/inc/fonts/_tao-icon-vars.scss","../scss/contextualPopup.scss%23sass","../scss/contextualPopup.scss"],"names":[],"mappings":"AAaA;;;;;;CAAA;AAoQA,oEAAA;ACjRA,gBAAA;ACQA;EACI,kBAAA;EACA,UAAA;EACA,QAAA;EACA,YAAA;EACA,WAAA;EACA,mBAAA;EACA,aAAA;EACA,YAAA;EAXA,mDAAA;ACgBJ;ADHI;EFsMI,eAAA;EACA,iBAAA;EErMA,gBAAA;ACMR;ADJI;EACI,iBAAA;ACMR;ADJI;EACI,kBAAA;EACA,YAAA;EACA,gCAAA;EACA,6BAAA;EACA,2BAAA;EACA,4BAAA;EACA,yBAAA;EACA,iBAAA;EACA,gBAAA;EACA,WAAA;EACA,YAAA;EACA,mBAAA;EAhCJ,mDAAA;ACyCJ;ADNI;EACI,mBAAA;EACA,kBAAA;EACA,YAAA;EACA,SAAA;EACA,WAAA;EACA,YAAA;ACQR;ADLQ;EACI,SAAA;ACOZ;ADLQ;EACI,QAAA;ACOZ;ADHQ;EACI,YAAA;ACKZ;ADHQ;EACI,WAAA;ACKZ;ADFI;EACI,iBAAA;ACIR;ADFI;EACI,gBAAA;ACIR;ADHQ;EACI,YAAA;EACA,iBAAA;ACKZ;ADJY;ECMZ,kBAAA;EDJgB,QAAA;ACMhB","file":"contextualPopup.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: calc(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: calc((($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 calc(($colWidth * 100 / $context) * 1%)\n}\n\n@function remDist($fontSizePx) {\n @return calc(($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: calc(($remPx) * 1px) !important;\n font-size: calc(($remPx / 10) * 1rem) !important;\n }\n @else {\n font-size: calc(($remPx) * 1px);\n font-size: calc(($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\n/* based on \"visually-hidden\" mixin in LDS for accessibility goals */\n@mixin visuallyHidden() {\n position: absolute;\n width: 1px;\n height: 1px;\n overflow: hidden;\n clip: rect(1px, 1px, 1px, 1px);\n margin: 0;\n padding: 0;\n}\n","/* 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-back-button { content: \"\\e91e\"; }\n@mixin icon-japan-incorrect { content: \"\\e91b\"; }\n@mixin icon-japan-correct { content: \"\\e91c\"; }\n@mixin icon-japan-partial { content: \"\\e91d\"; }\n@mixin icon-score-partial { content: \"\\e91a\"; }\n@mixin icon-furigana { content: \"\\e919\"; }\n@mixin icon-add-subsection { content: \"\\e918\"; }\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-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","@import \"inc/bootstrap\";\n\n@mixin contextual-popup-shadow(){\n -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);\n -moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);\n box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);\n}\n\n.contextual-popup {\n position: absolute;\n left: 15px;\n top: 0px;\n width : 500px;\n color: $textColor;\n background: mix(#fff, $grey, 85%);\n padding: 15px;\n z-index: 300;\n @include contextual-popup-shadow();\n h2 {\n @include font-size(15);\n margin-bottom: 0;\n }\n .heading {\n font-weight: bold;\n }\n .arrow {\n position: absolute;\n z-index: 301;\n -webkit-transform: rotate(45deg);\n -moz-transform: rotate(45deg);\n -o-transform: rotate(45deg);\n -ms-transform: rotate(45deg);\n border: 1px $uiClickableDefaultBg solid;\n border-left: none;\n border-top: none;\n width: 12px;\n height: 12px;\n background: $uiClickableDefaultBg;\n @include contextual-popup-shadow();\n }\n .arrow-cover {\n background: $uiClickableDefaultBg;\n position: absolute;\n z-index: 302;\n left: 6px;\n width: 30px;\n height: 15px;\n }\n &.bottom{\n .arrow{\n top:-6px;\n }\n .arrow-cover{\n top:0px;\n }\n }\n &.top{\n .arrow{\n bottom:-6px;\n }\n .arrow-cover{\n bottom:0px;\n }\n }\n .tooltipstered {\n text-align: right;\n }\n .footer{\n margin-top:10px;\n .btn{\n float:right;\n margin-left:20px;\n &.cancel{\n position:relative;\n top:3px;\n }\n }\n }\n}","@import \"inc/bootstrap\";\n\n@mixin contextual-popup-shadow(){\n -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);\n -moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);\n box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);\n}\n\n.contextual-popup {\n position: absolute;\n left: 15px;\n top: 0px;\n width : 500px;\n color: $textColor;\n background: mix(#fff, $grey, 85%);\n padding: 15px;\n z-index: 300;\n @include contextual-popup-shadow();\n h2 {\n @include font-size(15);\n margin-bottom: 0;\n }\n .heading {\n font-weight: bold;\n }\n .arrow {\n position: absolute;\n z-index: 301;\n -webkit-transform: rotate(45deg);\n -moz-transform: rotate(45deg);\n -o-transform: rotate(45deg);\n -ms-transform: rotate(45deg);\n border: 1px $uiClickableDefaultBg solid;\n border-left: none;\n border-top: none;\n width: 12px;\n height: 12px;\n background: $uiClickableDefaultBg;\n @include contextual-popup-shadow();\n }\n .arrow-cover {\n background: $uiClickableDefaultBg;\n position: absolute;\n z-index: 302;\n left: 6px;\n width: 30px;\n height: 15px;\n }\n &.bottom{\n .arrow{\n top:-6px;\n }\n .arrow-cover{\n top:0px;\n }\n }\n &.top{\n .arrow{\n bottom:-6px;\n }\n .arrow-cover{\n bottom:0px;\n }\n }\n .tooltipstered {\n text-align: right;\n }\n .footer{\n margin-top:10px;\n .btn{\n float:right;\n margin-left:20px;\n &.cancel{\n position:relative;\n top:3px;\n }\n }\n }\n}"]}