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_2b940a42',
panel: 'panel_2b940a42',
colorRect: 'colorRect_2b940a42',
rectContainer: 'rectContainer_2b940a42',
capture: 'capture_2b940a42',
rectContainerIsAdjusting: 'rectContainerIsAdjusting_2b940a42',
thumb: 'thumb_2b940a42',
thumbIsSlider: 'thumbIsSlider_2b940a42',
light: 'light_2b940a42',
dark: 'dark_2b940a42',
slider: 'slider_2b940a42',
colorSliderIsHue: 'colorSliderIsHue_2b940a42',
colorSliderIsAlpha: 'colorSliderIsAlpha_2b940a42',
sliderOverlay: 'sliderOverlay_2b940a42',
input: 'input_2b940a42',
};
load_themed_styles_1.loadStyles([{ "rawString": ".root_2b940a42{position:relative;max-width:300px}.panel_2b940a42{padding:16px}.colorRect_2b940a42{position:relative;margin-bottom:10px}.rectContainer_2b940a42{position:relative}.capture_2b940a42{position:absolute;left:0;top:0;bottom:0;right:0;background:rgba(255,0,0,.1)}.rectContainer_2b940a42.rectContainerIsAdjusting_2b940a42 .capture_2b940a42{position:fixed}.thumb_2b940a42{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_2b940a42.thumbIsSlider_2b940a42{top:50%}.light_2b940a42{position:absolute;left:0;right:0;top:0;bottom:0;background:linear-gradient(to right,#fff 0,transparent 100%)}.dark_2b940a42{position:absolute;left:0;right:0;top:0;bottom:0;background:linear-gradient(to bottom,transparent 0,#000 100%)}.slider_2b940a42{position:relative;height:20px;margin-bottom:5px;border:1px solid " }, { "theme": "neutralLight", "defaultValue": "#eaeaea" }, { "rawString": ";box-sizing:border-box}.slider_2b940a42.colorSliderIsHue_2b940a42{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_2b940a42.colorSliderIsAlpha_2b940a42{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAJUlEQVQYV2N89erVfwY0ICYmxoguxjgUFKI7GsTH5m4M3w1ChQC1/Ca8i2n1WgAAAABJRU5ErkJggg==)}.sliderOverlay_2b940a42{content:'';position:absolute;left:0;right:0;top:0;bottom:0}.input_2b940a42{width:100%;border:none;box-sizing:border-box;height:30px}.input_2b940a42.ms-TextField{padding-right:2px}.input_2b940a42 .input_2b940a42.ms-TextField-field{min-width:auto;padding:5px}" }]);
return styles;
});
/* tslint:enable */
//# sourceMappingURL=ColorPicker.scss.js.map