alighasami/xyflow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore(svelte): use css var defaults

Browse Source
This commit is contained in:
moklick
2023-06-29 12:24:28 +02:00
parent 1f64b29b50
commit 3af4bf23a4
5 changed files with 15 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/svelte/package.json
+1 -1
View File
@@ -1,6 +1,6 @@
{
"name": "@xyflow/svelte",
"version": "0.0.9",
"version": "0.0.11",
"description": "Svelte Flow - A highly customizable Svelte library for building node-based editors, workflow systems, diagrams and more.",
"keywords": [
"svelte",
packages/svelte/src/lib/plugins/Background/DotPattern.svelte
+1 -2
View File
@@ -9,8 +9,7 @@
circle {
fill: var(
--pattern-color-props,
var(--background-pattern-color),
var(--background-pattern-color-default)
var(--background-pattern-color, var(--background-pattern-color-default))
);
}
</style>
packages/svelte/src/lib/plugins/Background/LinePattern.svelte
+1 -2
View File
@@ -14,8 +14,7 @@
path {
stroke: var(
--pattern-color-props,
var(--background-pattern-color),
var(--background-pattern-color-default)
var(--background-pattern-color, var(--background-pattern-color-default))
);
}
</style>
packages/svelte/src/lib/plugins/Controls/ControlButton.svelte
+8 -10
View File
@@ -30,19 +30,16 @@
border: none;
background: var(
--controls-button-background-color-props,
var(--controls-button-background-color),
var(--controls-button-background-color-default)
var(--controls-button-background-color, var(--controls-button-background-color-default))
);
border-bottom: 1px solid
var(
--controls-button-border-color-props,
var(--controls-button-border-color),
var(--controls-button-border-color-default)
var(--controls-button-border-color, var(--controls-button-border-color-default))
);
color: var(
--controls-button-color-props,
var(--controls-button-color),
var(--controls-button-color-default)
var(--controls-button-color, var(--controls-button-color-default))
);
box-sizing: content-box;
display: flex;
@@ -58,13 +55,14 @@
.svelte-flow__controls-button:hover {
background: var(
--controls-button-background-color-hover-props,
var(--controls-button-background-color-hover),
var(--controls-button-background-color-hover-default)
var(
--controls-button-background-color-hover,
var(--controls-button-background-color-hover-default)
)
);
color: var(
--controls-button-color-hover-props,
var(--controls-button-hover-color),
var(--controls-button-hover-color-default)
var(--controls-button-hover-color, var(--controls-button-hover-color-default))
);
}
packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
+4 -8
View File
@@ -144,26 +144,22 @@
svg {
background-color: var(
--minimap-background-color-props,
var(--minimap-background-color),
var(--minimap-background-color-default)
var(--minimap-background-color, var(--minimap-background-color-default))
);
}
.svelte-flow__minimap-mask {
fill: var(
--minimap-mask-color-props,
var(--minimap-mask-color),
var(--minimap-mask-color-default)
var(--minimap-mask-color, var(--minimap-mask-color-default))
);
stroke: var(
--minimap-mask-stroke-color-props,
var(--minimap-mask-stroke-color),
var(--minimap-mask-stroke-color-default)
var(--minimap-mask-stroke-color, var(--minimap-mask-stroke-color-default))
);
stroke-width: var(
--minimap-mask-stroke-width-props,
var(--minimap-mask-stroke-width),
var(--minimap-mask-stroke-width-default)
var(--minimap-mask-stroke-width, var(--minimap-mask-stroke-width-default))
);
}
</style>