UNPKG

office-ui-fabric-react

Version:

Reusable React components for building experiences for Office 365.

21 lines 3.3 kB
"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); /* tslint:disable */ var load_themed_styles_1 = require("@microsoft/load-themed-styles"); load_themed_styles_1.loadStyles(".root_57e6fe55{position:relative;max-width:300px}.panel_57e6fe55{padding:16px}.colorRect_57e6fe55{position:relative;margin-bottom:10px}.rectContainer_57e6fe55{position:relative}.capture_57e6fe55{position:absolute;left:0;top:0;bottom:0;right:0;background:rgba(255,0,0,0.1)}.rectContainer_57e6fe55.rectContainerIsAdjusting_57e6fe55 .capture_57e6fe55{position:fixed}.thumb_57e6fe55{position:absolute;width:20px;height:20px;background:white;border:1px solid rgba(255,255,255,0.8);border-radius:50%;-webkit-box-shadow:0 0 15px -5px black;box-shadow:0 0 15px -5px black;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.thumb_57e6fe55.thumbIsSlider_57e6fe55{top:50%}.light_57e6fe55{position:absolute;left:0;right:0;top:0;bottom:0;background:-webkit-gradient(linear, left top, right top, from(white), to(transparent));background:linear-gradient(to right, white 0%, transparent 100%)}.dark_57e6fe55{position:absolute;left:0;right:0;top:0;bottom:0;background:-webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), to(#000));background:linear-gradient(to bottom, transparent 0, #000 100%)}.slider_57e6fe55{position:relative;height:20px;margin-bottom:5px;border:1px solid \"[theme:neutralLight, default: #eaeaea]\";-webkit-box-sizing:border-box;box-sizing:border-box}.slider_57e6fe55.colorSliderIsHue_57e6fe55{background:-webkit-gradient(linear, right top, left top, color-stop(0, red), color-stop(10%, #f09), color-stop(20%, #cd00ff), color-stop(30%, #3200ff), color-stop(40%, #06f), color-stop(50%, #00fffd), color-stop(60%, #0f6), color-stop(70%, #35ff00), color-stop(80%, #cdff00), color-stop(90%, #f90), to(red));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_57e6fe55.colorSliderIsAlpha_57e6fe55{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAJUlEQVQYV2N89erVfwY0ICYmxoguxjgUFKI7GsTH5m4M3w1ChQC1/Ca8i2n1WgAAAABJRU5ErkJggg==)}.sliderOverlay_57e6fe55{content:'';position:absolute;left:0;right:0;top:0;bottom:0}.input_57e6fe55{width:100%;border:none;-webkit-box-sizing:border-box;box-sizing:border-box;height:30px}.input_57e6fe55.ms-TextField{padding-right:2px}.input_57e6fe55 .ms-TextField-field{min-width:auto;padding:5px;text-overflow:clip}\n"); exports.root = "root_57e6fe55"; exports.panel = "panel_57e6fe55"; exports.colorRect = "colorRect_57e6fe55"; exports.rectContainer = "rectContainer_57e6fe55"; exports.capture = "capture_57e6fe55"; exports.rectContainerIsAdjusting = "rectContainerIsAdjusting_57e6fe55"; exports.thumb = "thumb_57e6fe55"; exports.thumbIsSlider = "thumbIsSlider_57e6fe55"; exports.light = "light_57e6fe55"; exports.dark = "dark_57e6fe55"; exports.slider = "slider_57e6fe55"; exports.colorSliderIsHue = "colorSliderIsHue_57e6fe55"; exports.colorSliderIsAlpha = "colorSliderIsAlpha_57e6fe55"; exports.sliderOverlay = "sliderOverlay_57e6fe55"; exports.input = "input_57e6fe55"; //# sourceMappingURL=../../../src/components/ColorPicker/ColorPicker.scss.js.map