refactor(rollup): dont extract css
This commit is contained in:
moklick
Vendored
-189
@@ -1,189 +0,0 @@
|
|||||||
.react-flow {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
position: relative;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
.react-flow__renderer {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
position: absolute;
|
|
||||||
}
|
|
||||||
|
|
||||||
.react-flow__zoompane {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
z-index: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.react-flow__selectionpane {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
z-index: 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.react-flow__selection {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
background: rgba(0, 89, 220, 0.08);
|
|
||||||
border: 1px dotted rgba(0, 89, 220, 0.8);
|
|
||||||
}
|
|
||||||
|
|
||||||
.react-flow__edges {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
pointer-events: none;
|
|
||||||
z-index: 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.react-flow__edge {
|
|
||||||
fill: none;
|
|
||||||
stroke: #bbb;
|
|
||||||
stroke-width: 2;
|
|
||||||
pointer-events: all;
|
|
||||||
}
|
|
||||||
|
|
||||||
.react-flow__edge.selected {
|
|
||||||
stroke: #555;
|
|
||||||
}
|
|
||||||
|
|
||||||
.react-flow__edge.animated {
|
|
||||||
stroke-dasharray: 5;
|
|
||||||
-webkit-animation: dashdraw 0.5s linear infinite;
|
|
||||||
animation: dashdraw 0.5s linear infinite;
|
|
||||||
}
|
|
||||||
|
|
||||||
.react-flow__edge.connection {
|
|
||||||
stroke: '#ddd';
|
|
||||||
pointer-events: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
@-webkit-keyframes dashdraw {
|
|
||||||
from {stroke-dashoffset: 10}
|
|
||||||
}
|
|
||||||
|
|
||||||
@keyframes dashdraw {
|
|
||||||
from {stroke-dashoffset: 10}
|
|
||||||
}
|
|
||||||
|
|
||||||
.react-flow__nodes {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
position: absolute;
|
|
||||||
z-index: 3;
|
|
||||||
pointer-events: none;
|
|
||||||
transform-origin: 0 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.react-flow__node {
|
|
||||||
position: absolute;
|
|
||||||
color: #222;
|
|
||||||
font-family: sans-serif;
|
|
||||||
font-size: 12px;
|
|
||||||
text-align: center;
|
|
||||||
cursor: -webkit-grab;
|
|
||||||
cursor: grab;
|
|
||||||
-webkit-user-select: none;
|
|
||||||
-moz-user-select: none;
|
|
||||||
-ms-user-select: none;
|
|
||||||
user-select: none;
|
|
||||||
pointer-events: all;
|
|
||||||
transform-origin: 0 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.react-flow__node:hover > * {
|
|
||||||
box-shadow: 0 1px 5px 2px rgba(0, 0, 0, 0.08);
|
|
||||||
}
|
|
||||||
|
|
||||||
.react-flow__node.selected > * {
|
|
||||||
box-shadow: 0 0 0 2px #555;
|
|
||||||
}
|
|
||||||
|
|
||||||
.react-flow__handle {
|
|
||||||
position: absolute;
|
|
||||||
width: 10px;
|
|
||||||
height: 8px;
|
|
||||||
background: rgba(255, 255, 255, 0.4);
|
|
||||||
cursor: crosshair;
|
|
||||||
}
|
|
||||||
|
|
||||||
.react-flow__handle.bottom {
|
|
||||||
top: auto;
|
|
||||||
left: 50%;
|
|
||||||
bottom: 0;
|
|
||||||
transform: translate(-50%, 0);
|
|
||||||
}
|
|
||||||
|
|
||||||
.react-flow__handle.top {
|
|
||||||
left: 50%;
|
|
||||||
top: 0;
|
|
||||||
transform: translate(-50%, 0);
|
|
||||||
}
|
|
||||||
|
|
||||||
.react-flow__handle.left {
|
|
||||||
top: 50%;
|
|
||||||
left: 0;
|
|
||||||
transform: translate(0, -50%);
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.react-flow__handle.right {
|
|
||||||
right: 0;
|
|
||||||
top: 50%;
|
|
||||||
transform: translate(0, -50%);
|
|
||||||
}
|
|
||||||
|
|
||||||
.react-flow__nodesselection {
|
|
||||||
z-index: 3;
|
|
||||||
position: absolute;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
transform-origin: left top;
|
|
||||||
pointer-events: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.react-flow__nodesselection-rect {
|
|
||||||
position: absolute;
|
|
||||||
background: rgba(0, 89, 220, 0.08);
|
|
||||||
border: 1px dotted rgba(0, 89, 220, 0.8);
|
|
||||||
pointer-events: all;
|
|
||||||
}
|
|
||||||
|
|
||||||
.react-flow__controls {
|
|
||||||
box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.08);
|
|
||||||
}
|
|
||||||
|
|
||||||
.react-flow__controls-button {
|
|
||||||
background: #fefefe;
|
|
||||||
border-bottom: 1px solid #eee;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
width: 16px;
|
|
||||||
height: 16px;
|
|
||||||
cursor: pointer;
|
|
||||||
-webkit-user-select: none;
|
|
||||||
-moz-user-select: none;
|
|
||||||
-ms-user-select: none;
|
|
||||||
user-select: none;
|
|
||||||
padding: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.react-flow__controls-button img {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.react-flow__controls-button:hover {
|
|
||||||
background: #f4f4f4;
|
|
||||||
}
|
|
||||||
Generated
+23
@@ -7837,6 +7837,29 @@
|
|||||||
"integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==",
|
"integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==",
|
||||||
"dev": true
|
"dev": true
|
||||||
},
|
},
|
||||||
|
"react": {
|
||||||
|
"version": "16.10.2",
|
||||||
|
"resolved": "https://registry.npmjs.org/react/-/react-16.10.2.tgz",
|
||||||
|
"integrity": "sha512-MFVIq0DpIhrHFyqLU0S3+4dIcBhhOvBE8bJ/5kHPVOVaGdo0KuiQzpcjCPsf585WvhypqtrMILyoE2th6dT+Lw==",
|
||||||
|
"dev": true,
|
||||||
|
"requires": {
|
||||||
|
"loose-envify": "^1.1.0",
|
||||||
|
"object-assign": "^4.1.1",
|
||||||
|
"prop-types": "^15.6.2"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"react-dom": {
|
||||||
|
"version": "16.10.2",
|
||||||
|
"resolved": "https://registry.npmjs.org/react-dom/-/react-dom-16.10.2.tgz",
|
||||||
|
"integrity": "sha512-kWGDcH3ItJK4+6Pl9DZB16BXYAZyrYQItU4OMy0jAkv5aNqc+mAKb4TpFtAteI6TJZu+9ZlNhaeNQSVQDHJzkw==",
|
||||||
|
"dev": true,
|
||||||
|
"requires": {
|
||||||
|
"loose-envify": "^1.1.0",
|
||||||
|
"object-assign": "^4.1.1",
|
||||||
|
"prop-types": "^15.6.2",
|
||||||
|
"scheduler": "^0.16.2"
|
||||||
|
}
|
||||||
|
},
|
||||||
"react-draggable": {
|
"react-draggable": {
|
||||||
"version": "4.0.3",
|
"version": "4.0.3",
|
||||||
"resolved": "https://registry.npmjs.org/react-draggable/-/react-draggable-4.0.3.tgz",
|
"resolved": "https://registry.npmjs.org/react-draggable/-/react-draggable-4.0.3.tgz",
|
||||||
|
|||||||
@@ -26,6 +26,9 @@
|
|||||||
"husky": "^3.0.8",
|
"husky": "^3.0.8",
|
||||||
"parcel-bundler": "^1.12.4",
|
"parcel-bundler": "^1.12.4",
|
||||||
"postcss-nested": "^4.1.2",
|
"postcss-nested": "^4.1.2",
|
||||||
|
"prop-types": "^15.7.2",
|
||||||
|
"react": "^16.10.2",
|
||||||
|
"react-dom": "^16.10.2",
|
||||||
"rollup": "^1.23.1",
|
"rollup": "^1.23.1",
|
||||||
"rollup-plugin-babel": "^4.3.3",
|
"rollup-plugin-babel": "^4.3.3",
|
||||||
"rollup-plugin-bundle-size": "^1.0.3",
|
"rollup-plugin-bundle-size": "^1.0.3",
|
||||||
|
|||||||
+1
-3
@@ -17,9 +17,7 @@ const onwarn = (warning, rollupWarn) => {
|
|||||||
};
|
};
|
||||||
const plugins = [
|
const plugins = [
|
||||||
bundleSize(),
|
bundleSize(),
|
||||||
postcss({
|
postcss(),
|
||||||
extract: isProd
|
|
||||||
}),
|
|
||||||
resolve(),
|
resolve(),
|
||||||
babel({
|
babel({
|
||||||
exclude: 'node_modules/**'
|
exclude: 'node_modules/**'
|
||||||
|
|||||||
Reference in New Issue
Block a user