josh/dashy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

💄 Creates configurable CSS variables for new config editor

Browse Source
This commit is contained in:
Alicia Sykes
2021-10-18 22:14:02 +01:00
parent 03906130c7
commit 8a4f4373c1
5 changed files with 37 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/components/InteractiveEditor/EditItem.vue
View File

@@ -216,8 +216,8 @@ export default {
.edit-item-inner {
padding: 1rem;
background: var(--config-settings-background);
color: var(--config-settings-color);
background: var(--interactive-editor-background);
color: var(--interactive-editor-color);
height: 100%;
overflow-y: auto;
@extend .svg-button;
@@ -238,7 +238,7 @@ export default {
display: flex;
padding: 0.5rem 0.25rem;
&:not(:last-child) {
border-bottom: 1px dotted var(--config-settings-color);
border-bottom: 1px dotted var(--interactive-editor-color);
}
.input-container, .select-container {
width: 100%;
@@ -259,14 +259,14 @@ export default {
align-items: center;
cursor: pointer;
text-align: center;
border: 1px solid var(--config-settings-color);
border: 1px solid var(--interactive-editor-color);
border-radius: var(--curve-factor);
&:hover {
background: var(--config-settings-color);
color: var(--config-settings-background);
background: var(--interactive-editor-color);
color: var(--interactive-editor-background);
svg {
background: var(--config-settings-color);
path { fill: var(--config-settings-background); }
background: var(--interactive-editor-color);
path { fill: var(--interactive-editor-background); }
}
}
svg {
@@ -280,9 +280,9 @@ export default {
.input-container input.input-field,
.radio-container div.radio-wrapper,
.form-dropdown div.vs__dropdown-toggle {
color: var(--config-settings-color);
background: var(--config-settings-background);
border-color: var(--config-settings-color);
color: var(--interactive-editor-color);
background: var(--interactive-editor-background);
border-color: var(--interactive-editor-color);
}
}
</style>