mirror of
https://github.com/IT4Change/Ocelot-Social.git
synced 2026-03-01 12:44:28 +00:00
39 lines
1.4 KiB
CSS
39 lines
1.4 KiB
CSS
/*
|
|
* Tailwind CSS ohne Preflight (Reset)
|
|
* Preflight überschreibt globale Styles und kollidiert mit bestehenden Apps.
|
|
* Stattdessen importieren wir nur Theme und Utilities.
|
|
*
|
|
* WICHTIG: Kein globaler button-Reset hier!
|
|
* Das würde alle Buttons in der Webapp überschreiben (BaseButton, ds-button, etc.)
|
|
* OsButton verwendet stattdessen Tailwind-Klassen direkt.
|
|
*/
|
|
@import "tailwindcss/theme";
|
|
@import "tailwindcss/utilities";
|
|
@import "./animations.css";
|
|
|
|
/* Scan component files for utility classes */
|
|
@source "../components/**/*.vue";
|
|
@source "../**/*.ts";
|
|
|
|
/*
|
|
* Disabled state overrides
|
|
* These rules have higher specificity than :active/:hover to ensure
|
|
* disabled buttons immediately show disabled styling, even when clicked.
|
|
*/
|
|
|
|
/* Filled buttons: gray background when disabled, regardless of hover/active */
|
|
button[data-appearance="filled"]:disabled:hover,
|
|
button[data-appearance="filled"]:disabled:active {
|
|
background-color: var(--color-disabled) !important;
|
|
border-color: var(--color-disabled) !important;
|
|
color: var(--color-disabled-contrast) !important;
|
|
}
|
|
|
|
/* Outline buttons: transparent background when disabled, regardless of hover/active */
|
|
button[data-appearance="outline"]:disabled:hover,
|
|
button[data-appearance="outline"]:disabled:active {
|
|
background-color: transparent !important;
|
|
border-color: var(--color-disabled) !important;
|
|
color: var(--color-disabled) !important;
|
|
}
|