react-svg-image-board/dist/demo/static/css/main.1b2179e3.chunk.css.map

A react component. can drawing svg element to image board.

{"version":3,"file":"static/css/main.1b2179e3.chunk.css","sources":["webpack:///index.scss"],"sourcesContent":["\r\nsvg:focus {\r\noutline: blue solid 0px;\r\n}\r\n  \r\n.mainBox {\r\n    height: 100%;\r\n    width: 100%;\r\n    overflow: hidden;\r\n    \r\n    -webkit-user-select: none;  \r\n    -moz-user-select:none;  \r\n    -o-user-select:none;  \r\n    -ms-user-select:none;\r\n  \r\n}\r\n\r\nsvg.shape {\r\noverflow: visible;\r\n\r\n&.edit {\r\n    cursor: move;\r\n}\r\n\r\n&.edit.active {\r\n    stroke: #88B5FD;\r\n    stroke-width: 2;\r\n}\r\n\r\nrect {\r\n    opacity: 0.5;\r\n}\r\n\r\n&.red { \r\n    rect {\r\n    fill: #FEE6E2;\r\n    }\r\n\r\n    &.active {\r\n    rect {\r\n        fill: #FD846F;\r\n    }\r\n    }\r\n\r\n    &.edit:hover {\r\n    rect {\r\n        fill: #FD846F;\r\n    }\r\n    }\r\n\r\n}\r\n\r\n&.blue {\r\n    rect {\r\n    fill: #C3DAFE;\r\n    }\r\n\r\n    &.active {\r\n    rect {\r\n        fill: #88B5FD;\r\n    }\r\n    }\r\n\r\n    &.edit:hover {\r\n    rect {\r\n        fill: #88B5FD;\r\n    }\r\n    }\r\n\r\n}\r\n\r\ncircle {\r\n    stroke: #88B5FD;\r\n    stroke-width: 2;\r\n    fill: white;\r\n\r\n    &.left-top {\r\n    cursor: nwse-resize;\r\n    }\r\n\r\n    &.left {\r\n    cursor: e-resize;\r\n    }\r\n\r\n    &.left-bottom {\r\n    cursor: nesw-resize;\r\n    }\r\n\r\n    &.top {\r\n    cursor: n-resize;\r\n    }\r\n\r\n    &.bottom {\r\n    cursor: n-resize;\r\n    }\r\n\r\n    &.right-top {\r\n    cursor: nesw-resize;\r\n    }\r\n\r\n    &.right {\r\n    cursor: e-resize;\r\n    }\r\n\r\n    &.right-bottom {\r\n    cursor: nwse-resize;\r\n    }\r\n}\r\n}"],"mappings":"AACA;;","sourceRoot":""}