react-linear-gradient-picker
Version:
React linear gradient picker
1 lines • 5.45 kB
Source Map (JSON)
{"version":3,"file":"index.css","sources":["webpack://react-linear-gradient-picker/./src/components/AnglePicker/index.scss","webpack://react-linear-gradient-picker/./src/components/ColorStop/index.scss","webpack://react-linear-gradient-picker/./src/components/ColorPicker/index.scss","webpack://react-linear-gradient-picker/./src/components/GradientPicker/index.scss","webpack://react-linear-gradient-picker/./src/components/GradientTypePicker/index.scss","webpack://react-linear-gradient-picker/./src/components/GradientPickerPopover/index.scss"],"sourcesContent":[".controls-wrapper {\n .ap {\n flex: none;\n box-sizing: border-box;\n background-color: #fff;\n border: 1px solid #4374AD;\n border-radius: 50%;\n display: inline-block;\n position: relative;\n cursor: pointer;\n margin-top: -2px;\n\n .apc {\n width: 6px;\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n margin: auto;\n }\n\n .aph {\n width: 6px;\n height: 6px;\n background-color: #4374AD;\n display: inline-block;\n border-radius: 50%;\n position: absolute;\n left: 0;\n right: 0;\n top: 4px;\n margin: auto;\n cursor: pointer;\n }\n }\n\n .ai {\n background: #f2f2f2;\n display: flex;\n flex: 1;\n margin: 0 12px;\n justify-content: space-around;\n align-items: center;\n\n input {\n border: none;\n text-align: center;\n width: 48px;\n color: #0C0C09;\n background: inherit;\n }\n\n span {\n padding: 5px;\n color: black;\n cursor: pointer;\n user-select: none;\n font-size: 14px;\n }\n }\n}\n",".cs {\n height: 17px;\n position: absolute;\n width: 11px;\n cursor: pointer;\n background: url(./ColorStop.png) right center;\n\n div {\n height: 7px;\n left: 2px;\n width: 7px;\n position: absolute;\n top: 8px;\n }\n\n .active {\n background-position: left center;\n }\n\n &.vertical {\n transform: rotate(-90deg) translate(4px, 2px);\n }\n}\n",".cp {\n div {\n box-sizing: border-box;\n cursor: pointer;\n display: inline-block;\n height: 16px;\n width: 16px;\n\n &:hover {\n border: 1px solid #fff;\n }\n }\n}\n",".gp {\n display: flex;\n flex-direction: column;\n align-items: center;\n\n &.vertical {\n flex-direction: row;\n }\n\n .gp-flat {\n margin: 0 auto;\n padding: 10px 0 0!important;\n box-shadow: none!important;\n transform: none!important;\n }\n\n &.color-picker-mode-popover {\n .color-picker-wrapper {\n position: relative;\n width: 100%;\n flex: 0;\n\n .color-picker-wrapper-inner {\n position: absolute;\n display: flex;\n justify-content: center;\n }\n }\n\n &.vertical .color-picker-wrapper .color-picker-wrapper-inner {\n flex-direction: column;\n height: 100%;\n }\n\n &.horizontal .color-picker-wrapper .color-picker-wrapper-inner {\n flex-direction: row;\n width: 100%;\n }\n }\n}\n",".type-picker-wrapper {\n display: inline-flex;\n margin-right: 16px;\n\n .type-picker {\n height: 24px;\n width: 24px;\n border: 1px solid rgb(238, 238, 238);\n filter: grayscale(1);\n margin-right: 8px;\n cursor: pointer;\n transition: all 0.2s ease;\n\n &.active {\n border: 1px solid #4374AD;\n filter: grayscale(0);\n }\n\n &.lg {\n background: linear-gradient(270deg, #ddd, #4374AD);\n }\n\n &.rg {\n background: radial-gradient(circle, #fff 0, #4374AD 100%);\n }\n }\n}\n",".gpw {\n padding: 20px;\n\n .trigger {\n padding: 5px;\n background: rgb(255, 255, 255);\n border-radius: 1px;\n box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 1px;\n display: inline-block;\n cursor: pointer;\n\n .inner {\n width: 36px;\n height: 14px;\n border-radius: 2px;\n }\n }\n\n .popover {\n z-index: 2;\n margin-top: 6px;\n box-shadow: rgba(0, 0, 0, 0.15) 0 0 0 1px,\n rgba(0, 0, 0, 0.15) 0 8px 16px;\n background-color: white;\n padding: 12px;\n border-radius: 4px;\n position: absolute;\n }\n\n .overlay {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n }\n\n .controls-wrapper {\n margin: 0 -10px 10px;\n padding: 6px 0 0 10px;\n display: flex;\n flex-wrap: wrap;\n position: relative;\n\n &.with-angle {\n justify-content: space-around;\n align-items: center;\n }\n }\n}\n\n"],"names":[],"mappings":"AACI,6LAWI,iGAUA,oLAeJ,2HAQI,sGAQA,qKCrDR,gnBAoBQ,0JCnBN,yFAOE,oCCRJ,0DAKI,gCAIA,yGAQI,wFAKI,sIAOJ,2HAKA,yHClCR,2DAII,gLASI,kHAKA,qFAIA,4FCtBR,kBAGI,oIAQI,8DAOJ,8KAWA,2DAQA,8GAOI"}