office-ui-fabric-react
Version:
Reusable React components for building experiences for Office 365.
26 lines (24 loc) • 2.71 kB
JavaScript
define(["require", "exports", "@microsoft/load-themed-styles"], function (require, exports, load_themed_styles_1) {
"use strict";
var styles = {
root: 'root_534a1576',
panel: 'panel_534a1576',
colorRect: 'colorRect_534a1576',
rectContainer: 'rectContainer_534a1576',
capture: 'capture_534a1576',
rectContainerIsAdjusting: 'rectContainerIsAdjusting_534a1576',
thumb: 'thumb_534a1576',
thumbIsSlider: 'thumbIsSlider_534a1576',
light: 'light_534a1576',
dark: 'dark_534a1576',
slider: 'slider_534a1576',
colorSliderIsHue: 'colorSliderIsHue_534a1576',
colorSliderIsAlpha: 'colorSliderIsAlpha_534a1576',
sliderOverlay: 'sliderOverlay_534a1576',
input: 'input_534a1576',
};
load_themed_styles_1.loadStyles([{ "rawString": ".root_534a1576{position:relative;max-width:300px}.panel_534a1576{padding:16px}.colorRect_534a1576{position:relative;margin-bottom:10px}.rectContainer_534a1576{position:relative}.capture_534a1576{position:absolute;left:0;top:0;bottom:0;right:0;background:rgba(255,0,0,.1)}.rectContainer_534a1576.rectContainerIsAdjusting_534a1576 .capture_534a1576{position:fixed}.thumb_534a1576{position:absolute;width:20px;height:20px;background:#fff;border:1px solid rgba(255,255,255,.8);border-radius:50%;box-shadow:0 0 15px -5px #000;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.thumb_534a1576.thumbIsSlider_534a1576{top:50%}.light_534a1576{position:absolute;left:0;right:0;top:0;bottom:0;background:linear-gradient(to right,#fff 0,transparent 100%)}.dark_534a1576{position:absolute;left:0;right:0;top:0;bottom:0;background:linear-gradient(to bottom,transparent 0,#000 100%)}.slider_534a1576{position:relative;height:20px;margin-bottom:5px;border:1px solid " }, { "theme": "neutralLight", "defaultValue": "#eaeaea" }, { "rawString": ";box-sizing:border-box}.slider_534a1576.colorSliderIsHue_534a1576{background:linear-gradient(to left,red 0,#f09 10%,#cd00ff 20%,#3200ff 30%,#06f 40%,#00fffd 50%,#0f6 60%,#35ff00 70%,#cdff00 80%,#f90 90%,red 100%)}.slider_534a1576.colorSliderIsAlpha_534a1576{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAJUlEQVQYV2N89erVfwY0ICYmxoguxjgUFKI7GsTH5m4M3w1ChQC1/Ca8i2n1WgAAAABJRU5ErkJggg==)}.sliderOverlay_534a1576{content:'';position:absolute;left:0;right:0;top:0;bottom:0}.input_534a1576{width:100%;border:none;box-sizing:border-box;height:30px}.input_534a1576.ms-TextField{padding-right:2px}.input_534a1576 .input_534a1576.ms-TextField-field{min-width:auto;padding:5px}" }]);
return styles;
});
/* tslint:enable */
//# sourceMappingURL=ColorPicker.scss.js.map