zmiany ux

This commit is contained in:
Mateusz Gruszczyński
2025-10-09 21:47:31 +02:00
parent a4fa47e1a2
commit 086784b4ef

View File

@@ -389,36 +389,22 @@ select.form-select:focus {
margin: 10px 0;
}
/* Tylko ten przycisk: .btn-opis, spójne z dark tokenami */
.btn.btn-outline-light.btn-opis {
color: var(--text);
border-color: rgba(255,255,255,0.28);
background-color: rgba(255,255,255,0.02);
transition:
background-color var(--trans),
border-color var(--trans),
color var(--trans),
box-shadow 180ms ease,
transform 120ms ease;
color: #fff;
background-color: transparent;
border-color: rgba(255,255,255,0.35);
transition: none;
}
.btn.btn-outline-light.btn-opis:hover,
.btn.btn-outline-light.btn-opis:focus {
color: #111;
background-color: rgba(255,255,255,0.10);
border-color: rgba(255,255,255,0.45);
box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent);
transform: translateY(-1px);
color: #fff;
background-color: rgba(255,255,255,0.14);
border-color: rgba(255,255,255,0.55);
}
.btn.btn-outline-light.btn-opis:active {
transform: translateY(0);
background-color: rgba(255,255,255,0.14);
border-color: rgba(255,255,255,0.55);
box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent) 14%, transparent);
}
.btn.btn-outline-light.btn-opis:focus-visible {
outline: none;
box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 28%, transparent);
color: #fff;
background-color: rgba(255,255,255,0.18);
border-color: rgba(255,255,255,0.6);
}