mirror of
https://github.com/Ku6epXBOCTuK/easy-png-tools.git
synced 2026-09-14 21:46:35 +00:00
refactor: update css vars lint rules and fix them
This commit is contained in:
@@ -59,8 +59,8 @@
|
||||
main {
|
||||
background-color: var(--color-background);
|
||||
background-image:
|
||||
linear-gradient(var(--color-background-muted) 1px, #0000 1px),
|
||||
linear-gradient(90deg, var(--color-background-muted) 1px, #0000 1px);
|
||||
linear-gradient(var(--color-background-muted) 1px, transparent 1px),
|
||||
linear-gradient(90deg, var(--color-background-muted) 1px, transparent 1px);
|
||||
background-size: var(--space-xxxl) var(--space-xxxl);
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
@@ -101,7 +101,7 @@
|
||||
}
|
||||
.ws-results {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
|
||||
grid-template-columns: repeat(auto-fill, minmax(var(--size-card-min), 1fr));
|
||||
gap: var(--space-l);
|
||||
padding: var(--space-m) var(--space-xl);
|
||||
}
|
||||
|
||||
@@ -216,13 +216,16 @@
|
||||
}
|
||||
.tool-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
|
||||
grid-template-columns: repeat(auto-fill, minmax(var(--size-card-min), 1fr));
|
||||
gap: var(--space-l);
|
||||
padding: var(--space-l) var(--space-xl);
|
||||
}
|
||||
.preview-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
|
||||
grid-template-columns: repeat(
|
||||
auto-fill,
|
||||
minmax(var(--size-card-min-narrow), 1fr)
|
||||
);
|
||||
gap: var(--space-l);
|
||||
padding: var(--space-l) var(--space-xl);
|
||||
}
|
||||
|
||||
@@ -64,8 +64,8 @@
|
||||
flex-wrap: wrap;
|
||||
margin-top: var(--space-page-top);
|
||||
padding-top: var(--space-xxl);
|
||||
border-top: 1px solid var(--color-border);
|
||||
font: 10px var(--font-mono);
|
||||
border-top: var(--size-border) solid var(--color-border);
|
||||
font: var(--font-size-xs) var(--font-mono);
|
||||
letter-spacing: var(--space-text-l);
|
||||
color: var(--color-text-muted);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user