dm/fuz-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Porządkowanie css, i usuwanie radiowego

Browse Source
This commit is contained in:
dm
2025-11-25 09:52:02 +01:00
parent 0bcc1aeefc
commit 665b787c5c
22 changed files with 202 additions and 198 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/styles/buttons.css
View File

@@ -6,7 +6,8 @@
}
.btn-primary {
background-color: var(--btn-bg);
@apply border-none;
background: var(--btn-background);
color: var(--btn-text);
}
@@ -15,13 +16,15 @@
}
.btn-outline {
background-color: transparent;
border: 2px solid var(--btn-outline-border);
@apply border border-solid;
border-color: var(--btn-outline-border);
color: var(--btn-outline-text);
background: var(--btn-outline-background);
}
.btn-outline:hover {
background-color: var(--btn-outline-bg-hover);
background-color: var(--btn-outline-background-hover);
color: var(--btn-outline-text-hover);
}
.btn-ghost {
@@ -39,8 +42,8 @@
border-radius: 0.75rem;
/* Kolory z theme.css */
background-color: var(--fuz-bg);
color: var(--fuz-text);
background-color: var(--f-background);
color: var(--f-text);
border: 1px solid var(--fuz-border, #d1d5db); /* fallback dla bezpieczeństwa */
box-shadow: 0 1px 2px rgba(0,0,0,0.06);
@@ -50,13 +53,13 @@
/* Hover odcien zależny od border, nie od Tailwind */
.fuz-input:hover {
border-color: var(--fuz-text);
border-color: var(--f-text);
opacity: 0.9;
}
/* Placeholder — używa fuz-text ale jaśniejszy */
/* Placeholder — używa f-text ale jaśniejszy */
.fuz-input::placeholder {
color: color-mix(in srgb, var(--fuz-text) 40%, transparent);
color: color-mix(in srgb, var(--f-text) 40%, transparent);
}
/* Focus — używa accent */
@@ -76,7 +79,7 @@
.fuz-input:disabled {
opacity: 0.6;
cursor: not-allowed;
background-color: color-mix(in srgb, var(--fuz-bg) 80%, #888);
background-color: color-mix(in srgb, var(--f-background) 80%, #888);
}
/* Textarea */
@@ -104,7 +107,7 @@
/* Dropdown */
.autocomplete-list {
@apply absolute left-0 right-0 z-50 bg-[var(--fuz-bg)] text-[var(--fuz-text)]
@apply absolute left-0 right-0 z-50 bg-[var(--f-background)] text-[var(--f-text)]
border border-gray-300 dark:border-slate-700
rounded-b-xl shadow-xl max-h-56 overflow-auto;