| name | css-feature-isolation |
| description | Nutzen bei jeder UI/CSS-Aenderung. Erzwingt strikt feature-lokale Styles, minimiert globale Styles und verbietet feature-spezifische Eintraege in globalen CSS-Dateien ohne Ausnahme. |
ziel:css_architektur_pro_feature_strikt_lokal_halten
scope:alle_css_ui_aenderungen_im_yaha_frontend
regel_1:jedes_feature_muss_eine_eigene_css_datei_haben
regel_2:globale_styles_muessen_minimal_und_generisch_bleiben
regel_3:globale_styles_duerfen_keine_feature_spezifischen_selektoren_enthalten
regel_4:es_ist_strikt_verboten_in_eine_globale_styles_css_etwas_anzulegen_das_nur_in_einem_feature_verwendet_wird
regel_5:regel_4_hat_keine_ausnahme
regel_6:bei_jeder_neuen_feature_ui_komponente_css_im_feature_ordner_anlegen
regel_7:shared_styles_nur_wenn_wirklich_mehrere_features_betroffen_sind
regel_8:bei_bestehenden_globalen_feature_styles_migration_in_feature_css_ist_verpflichtend_sobald_das_feature_geaendert_wird
regel_9:bei_konflikt_zwischen_bequemlichkeit_und_architektur_gilt_immer_feature_isolation
regel_10:bei_nicht_einhaltung_als_blocker_melden
global_erlaubt_1:design_tokens_css_variablen
global_erlaubt_2:reset_und_basis_html_body
global_erlaubt_3:echt_globale_layout_utilities_die_mehrere_features_nutzen
global_erlaubt_4:barrierefreiheits_globalregeln_ohne_feature_bindung
global_verboten_1:feature_klassen_nur_fuer_eine_einzige_seite
global_verboten_2:feature_spezifische_breakpoints_im_global_scope
global_verboten_3:feature_button_input_card_status_styling_in_globaler_datei
umsetzungscheck_1:jede_neue_feature_komponente_hat_lokale_css_heimat
umsetzungscheck_2:globale_styles_enthalten_keine_neuen_feature_spezifischen_selektoren
umsetzungscheck_3:bestehende_feature_globalstyles_wurden_bei_bearbeitung_migriert
umsetzungscheck_4:abschluss_enthaelt_explizite_bestaetigung_der_einhaltung
