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_7fb7f14f{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.titleLabel_7fb7f14f{padding:0}.line_7fb7f14f{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.line_7fb7f14f .lineContainer_7fb7f14f{border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box}.container_7fb7f14f{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_7fb7f14f{-ms-flex-negative:1;flex-shrink:1;width:30px;line-height:1}.slideBox_7fb7f14f{background:transparent;border:none;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;line-height:28px}.slideBox_7fb7f14f::-moz-focus-inner{border:0}.slideBox_7fb7f14f{outline:transparent}.slideBox_7fb7f14f{position:relative}.ms-Fabric.is-focusVisible .slideBox_7fb7f14f: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_7fb7f14f .thumb_7fb7f14f{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_7fb7f14f .line_7fb7f14f{width:100%}.rootIsHorizontal_7fb7f14f .line_7fb7f14f .lineContainer_7fb7f14f{height:4px}.rootIsHorizontal_7fb7f14f .slideBox_7fb7f14f{height:28px;padding:0 8px}.rootIsHorizontal_7fb7f14f .slideBox_7fb7f14f .thumb_7fb7f14f{top:-6px}html[dir='ltr'] .rootIsHorizontal_7fb7f14f .slideBox_7fb7f14f .thumb_7fb7f14f{-webkit-transform:translateX(-50%);transform:translateX(-50%)}html[dir='rtl'] .rootIsHorizontal_7fb7f14f .slideBox_7fb7f14f .thumb_7fb7f14f{-webkit-transform:translateX(50%);transform:translateX(50%)}.rootIsHorizontal_7fb7f14f .valueLabel_7fb7f14f{margin:0 8px;white-space:nowrap;width:40px}.rootIsVertical_7fb7f14f{margin-right:8px}.rootIsVertical_7fb7f14f .line_7fb7f14f{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_7fb7f14f .line_7fb7f14f .lineContainer_7fb7f14f{width:4px;height:100%}.rootIsVertical_7fb7f14f .slideBox_7fb7f14f{height:100%;width:28px;padding:8px 0}.rootIsVertical_7fb7f14f .slideBox_7fb7f14f .thumb_7fb7f14f{left:-6px;margin:0 auto;-webkit-transform:translateY(8px);transform:translateY(8px)}.rootIsVertical_7fb7f14f .container_7fb7f14f{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;text-align:center;margin:8px 0}.rootIsVertical_7fb7f14f .valueLabel_7fb7f14f{margin:0 auto;white-space:nowrap;width:40px}.activeSection_7fb7f14f{background:" }, { "theme": "neutralSecondary", "defaultValue": "#666666" }, { "rawString": "}@media screen and (-ms-high-contrast: active){.activeSection_7fb7f14f{background-color:WindowText}}.inactiveSection_7fb7f14f{background:" }, { "theme": "neutralTertiaryAlt", "defaultValue": "#c8c8c8" }, { "rawString": "}@media screen and (-ms-high-contrast: active){.inactiveSection_7fb7f14f{border:1px solid WindowText}}.showTransitions_7fb7f14f .thumb_7fb7f14f{-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_7fb7f14f .activeSection_7fb7f14f,.showTransitions_7fb7f14f .inactiveSection_7fb7f14f{-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_7fb7f14f .slideBox_7fb7f14f:hover .thumb_7fb7f14f,.rootIsEnabled_7fb7f14f .slideBox_7fb7f14f:active .thumb_7fb7f14f{border:2px solid " }, { "theme": "themePrimary", "defaultValue": "#0078d7" }, { "rawString": "}@media screen and (-ms-high-contrast: active){.rootIsEnabled_7fb7f14f .slideBox_7fb7f14f:hover .thumb_7fb7f14f,.rootIsEnabled_7fb7f14f .slideBox_7fb7f14f:active .thumb_7fb7f14f{border-color:Highlight}}.rootIsEnabled_7fb7f14f .slideBox_7fb7f14f:hover .activeSection_7fb7f14f,.rootIsEnabled_7fb7f14f .slideBox_7fb7f14f:active .activeSection_7fb7f14f{background-color:" }, { "theme": "themePrimary", "defaultValue": "#0078d7" }, { "rawString": "}@media screen and (-ms-high-contrast: active){.rootIsEnabled_7fb7f14f .slideBox_7fb7f14f:hover .activeSection_7fb7f14f,.rootIsEnabled_7fb7f14f .slideBox_7fb7f14f:active .activeSection_7fb7f14f{background-color:Highlight}}.rootIsEnabled_7fb7f14f .slideBox_7fb7f14f:hover .inactiveSection_7fb7f14f,.rootIsEnabled_7fb7f14f .slideBox_7fb7f14f:active .inactiveSection_7fb7f14f{background-color:" }, { "theme": "themeLight", "defaultValue": "#c7e0f4" }, { "rawString": "}@media screen and (-ms-high-contrast: active){.rootIsEnabled_7fb7f14f .slideBox_7fb7f14f:hover .inactiveSection_7fb7f14f,.rootIsEnabled_7fb7f14f .slideBox_7fb7f14f:active .inactiveSection_7fb7f14f{border-color:Highlight}}.rootIsEnabled_7fb7f14f .slideBox_7fb7f14f:active .thumb_7fb7f14f{border:2px solid " }, { "theme": "themeDarkAlt", "defaultValue": "#106ebe" }, { "rawString": "}.rootIsEnabled_7fb7f14f .slideBox_7fb7f14f:active .activeSection_7fb7f14f{background-color:" }, { "theme": "themeDarkAlt", "defaultValue": "#106ebe" }, { "rawString": "}.rootIsDisabled_7fb7f14f .thumb_7fb7f14f{border-color:" }, { "theme": "neutralTertiaryAlt", "defaultValue": "#c8c8c8" }, { "rawString": "}@media screen and (-ms-high-contrast: active){.rootIsDisabled_7fb7f14f .thumb_7fb7f14f{border-color:GrayText}}@media screen and (-ms-high-contrast: active){.rootIsDisabled_7fb7f14f .activeSection_7fb7f14f,.rootIsDisabled_7fb7f14f .inactiveSection_7fb7f14f{background-color:GrayText;border-color:GrayText}}.rootIsDisabled_7fb7f14f .activeSection_7fb7f14f{background:" }, { "theme": "neutralTertiaryAlt", "defaultValue": "#c8c8c8" }, { "rawString": "}.rootIsDisabled_7fb7f14f .inactiveSection_7fb7f14f{background:" }, { "theme": "neutralLight", "defaultValue": "#eaeaea" }, { "rawString": "}\n" }]);
export var root = "root_7fb7f14f";
export var titleLabel = "titleLabel_7fb7f14f";
export var line = "line_7fb7f14f";
export var lineContainer = "lineContainer_7fb7f14f";
export var container = "container_7fb7f14f";
export var valueLabel = "valueLabel_7fb7f14f";
export var slideBox = "slideBox_7fb7f14f";
export var thumb = "thumb_7fb7f14f";
export var rootIsHorizontal = "rootIsHorizontal_7fb7f14f";
export var rootIsVertical = "rootIsVertical_7fb7f14f";
export var activeSection = "activeSection_7fb7f14f";
export var inactiveSection = "inactiveSection_7fb7f14f";
export var showTransitions = "showTransitions_7fb7f14f";
export var rootIsEnabled = "rootIsEnabled_7fb7f14f";
export var rootIsDisabled = "rootIsDisabled_7fb7f14f";
//# sourceMappingURL=Slider.scss.js.map