office-ui-fabric-react
Version:
Reusable React components for building experiences for Office 365.
19 lines • 7.01 kB
JavaScript
/* tslint:disable */
import { loadStyles } from '@microsoft/load-themed-styles';
loadStyles([{ "rawString": ".root_f97ef7e1{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.titleLabel_f97ef7e1{padding:0}.line_f97ef7e1{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.line_f97ef7e1 .lineContainer_f97ef7e1{border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box}.container_f97ef7e1{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.valueLabel_f97ef7e1{-ms-flex-negative:1;flex-shrink:1;width:30px;line-height:1}.slideBox_f97ef7e1{background:transparent;border:none;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;line-height:28px}.slideBox_f97ef7e1::-moz-focus-inner{border:0}.slideBox_f97ef7e1{outline:transparent}.slideBox_f97ef7e1{position:relative}.ms-Fabric.is-focusVisible .slideBox_f97ef7e1:focus:after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border:1px solid " }, { "theme": "focusBorder", "defaultValue": "#000000" }, { "rawString": "}.slideBox_f97ef7e1 .thumb_f97ef7e1{border:2px solid " }, { "theme": "neutralSecondary", "defaultValue": "#666666" }, { "rawString": ";-webkit-box-sizing:border-box;box-sizing:border-box;background:" }, { "theme": "white", "defaultValue": "#ffffff" }, { "rawString": ";display:block;width:16px;height:16px;position:absolute;border-radius:10px}.rootIsHorizontal_f97ef7e1 .line_f97ef7e1{width:100%}.rootIsHorizontal_f97ef7e1 .line_f97ef7e1 .lineContainer_f97ef7e1{height:4px}.rootIsHorizontal_f97ef7e1 .slideBox_f97ef7e1{height:28px;padding:0 8px}.rootIsHorizontal_f97ef7e1 .slideBox_f97ef7e1 .thumb_f97ef7e1{top:-6px}html[dir='ltr'] .rootIsHorizontal_f97ef7e1 .slideBox_f97ef7e1 .thumb_f97ef7e1{-webkit-transform:translateX(-50%);transform:translateX(-50%)}html[dir='rtl'] .rootIsHorizontal_f97ef7e1 .slideBox_f97ef7e1 .thumb_f97ef7e1{-webkit-transform:translateX(50%);transform:translateX(50%)}.rootIsHorizontal_f97ef7e1 .valueLabel_f97ef7e1{margin:0 8px;white-space:nowrap;width:40px}.rootIsVertical_f97ef7e1{margin-right:8px}.rootIsVertical_f97ef7e1 .line_f97ef7e1{height:100%;width:4px;margin:0 auto;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.rootIsVertical_f97ef7e1 .line_f97ef7e1 .lineContainer_f97ef7e1{width:4px;height:100%}.rootIsVertical_f97ef7e1 .slideBox_f97ef7e1{height:100%;width:28px;padding:8px 0}.rootIsVertical_f97ef7e1 .slideBox_f97ef7e1 .thumb_f97ef7e1{left:-6px;margin:0 auto;-webkit-transform:translateY(8px);transform:translateY(8px)}.rootIsVertical_f97ef7e1 .container_f97ef7e1{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;text-align:center;margin:8px 0}.rootIsVertical_f97ef7e1 .valueLabel_f97ef7e1{margin:0 auto;white-space:nowrap;width:40px}.activeSection_f97ef7e1{background:" }, { "theme": "neutralSecondary", "defaultValue": "#666666" }, { "rawString": "}@media screen and (-ms-high-contrast: active){.activeSection_f97ef7e1{background-color:WindowText}}.inactiveSection_f97ef7e1{background:" }, { "theme": "neutralTertiaryAlt", "defaultValue": "#c8c8c8" }, { "rawString": "}@media screen and (-ms-high-contrast: active){.inactiveSection_f97ef7e1{border:1px solid WindowText}}.showTransitions_f97ef7e1 .thumb_f97ef7e1{-webkit-transition:left .367s cubic-bezier(0.1, 0.9, 0.2, 1);transition:left .367s cubic-bezier(0.1, 0.9, 0.2, 1)}.showTransitions_f97ef7e1 .activeSection_f97ef7e1,.showTransitions_f97ef7e1 .inactiveSection_f97ef7e1{-webkit-transition:width .367s cubic-bezier(0.1, 0.9, 0.2, 1);transition:width .367s cubic-bezier(0.1, 0.9, 0.2, 1)}.rootIsEnabled_f97ef7e1 .slideBox_f97ef7e1:hover .thumb_f97ef7e1,.rootIsEnabled_f97ef7e1 .slideBox_f97ef7e1:active .thumb_f97ef7e1{border:2px solid " }, { "theme": "themePrimary", "defaultValue": "#0078d7" }, { "rawString": "}@media screen and (-ms-high-contrast: active){.rootIsEnabled_f97ef7e1 .slideBox_f97ef7e1:hover .thumb_f97ef7e1,.rootIsEnabled_f97ef7e1 .slideBox_f97ef7e1:active .thumb_f97ef7e1{border-color:Highlight}}.rootIsEnabled_f97ef7e1 .slideBox_f97ef7e1:hover .activeSection_f97ef7e1,.rootIsEnabled_f97ef7e1 .slideBox_f97ef7e1:active .activeSection_f97ef7e1{background-color:" }, { "theme": "themePrimary", "defaultValue": "#0078d7" }, { "rawString": "}@media screen and (-ms-high-contrast: active){.rootIsEnabled_f97ef7e1 .slideBox_f97ef7e1:hover .activeSection_f97ef7e1,.rootIsEnabled_f97ef7e1 .slideBox_f97ef7e1:active .activeSection_f97ef7e1{background-color:Highlight}}.rootIsEnabled_f97ef7e1 .slideBox_f97ef7e1:hover .inactiveSection_f97ef7e1,.rootIsEnabled_f97ef7e1 .slideBox_f97ef7e1:active .inactiveSection_f97ef7e1{background-color:" }, { "theme": "themeLight", "defaultValue": "#c7e0f4" }, { "rawString": "}@media screen and (-ms-high-contrast: active){.rootIsEnabled_f97ef7e1 .slideBox_f97ef7e1:hover .inactiveSection_f97ef7e1,.rootIsEnabled_f97ef7e1 .slideBox_f97ef7e1:active .inactiveSection_f97ef7e1{border-color:Highlight}}.rootIsEnabled_f97ef7e1 .slideBox_f97ef7e1:active .thumb_f97ef7e1{border:2px solid " }, { "theme": "themeDarkAlt", "defaultValue": "#106ebe" }, { "rawString": "}.rootIsEnabled_f97ef7e1 .slideBox_f97ef7e1:active .activeSection_f97ef7e1{background-color:" }, { "theme": "themeDarkAlt", "defaultValue": "#106ebe" }, { "rawString": "}.rootIsDisabled_f97ef7e1 .thumb_f97ef7e1{border-color:" }, { "theme": "neutralTertiaryAlt", "defaultValue": "#c8c8c8" }, { "rawString": "}@media screen and (-ms-high-contrast: active){.rootIsDisabled_f97ef7e1 .thumb_f97ef7e1{border-color:GrayText}}@media screen and (-ms-high-contrast: active){.rootIsDisabled_f97ef7e1 .activeSection_f97ef7e1,.rootIsDisabled_f97ef7e1 .inactiveSection_f97ef7e1{background-color:GrayText;border-color:GrayText}}.rootIsDisabled_f97ef7e1 .activeSection_f97ef7e1{background:" }, { "theme": "neutralTertiaryAlt", "defaultValue": "#c8c8c8" }, { "rawString": "}.rootIsDisabled_f97ef7e1 .inactiveSection_f97ef7e1{background:" }, { "theme": "neutralLight", "defaultValue": "#eaeaea" }, { "rawString": "}\n" }]);
export var root = "root_f97ef7e1";
export var titleLabel = "titleLabel_f97ef7e1";
export var line = "line_f97ef7e1";
export var lineContainer = "lineContainer_f97ef7e1";
export var container = "container_f97ef7e1";
export var valueLabel = "valueLabel_f97ef7e1";
export var slideBox = "slideBox_f97ef7e1";
export var thumb = "thumb_f97ef7e1";
export var rootIsHorizontal = "rootIsHorizontal_f97ef7e1";
export var rootIsVertical = "rootIsVertical_f97ef7e1";
export var activeSection = "activeSection_f97ef7e1";
export var inactiveSection = "inactiveSection_f97ef7e1";
export var showTransitions = "showTransitions_f97ef7e1";
export var rootIsEnabled = "rootIsEnabled_f97ef7e1";
export var rootIsDisabled = "rootIsDisabled_f97ef7e1";
//# sourceMappingURL=Slider.scss.js.map