/** * notice.css — komunikaty WooCommerce: sukces, błąd, informacja. * * KOMPONENT, NIE SEKCJA (reguła 18): ten sam znacznik wypisują * woocommerce/notices/{success,error,notice}.php na koszyku, w kasie, * na karcie produktu i w koncie klienta — cztery miejsca od pierwszego * dnia. Konstrukcja z widoku 3 makiety (cart-views.html): studzienka * z ikoną, treść, ewentualna akcja po prawej. * * Wymaga tokens.css i base.css. Klasy .dc-notice* stoją OBOK klas * WooCommerce (.woocommerce-message / -error / -info), których szukają * cart.js i checkout.js — same klasy wtyczki nie niosą tu żadnego stylu, * bo arkusze WooCommerce są zdjęte (functions.php, * dc_dequeue_woocommerce_styles()). * * KOLORY STANÓW BEZ NOWYCH TOKENÓW. Makieta ma zieleń i czerwień w pięciu * alfach każdą (.08 / .09 / .13 / .14 / .28 / .3). Paleta ma po jednym * tokenie na stan (--dc-success, --dc-danger) i drabinkę alfy tylko dla * złota — tinty stanów składa więc color-mix() z tokenu i przezroczystości. * Zysk: w motywie ciemnym oba tokeny się przełączają, a tint idzie za nimi * bez ani jednej reguły [data-theme] (reguła 10). Stopnie mieszanki * odpowiadają drabince złota: 10 % tło (jak a10), 15 % studzienka (a15), * 30 % obwódka (a30). Informacja bierze złoto wprost z drabinki. * * Cień: makietowe 0 8px 26px .07 to --dc-shadow-md (0 5 18 .07) — * stopień „dymki i pola" z design-audit.md C.4, dokładnie ta rola. */ /* ========================================================================== 1. OPAKOWANIE WOOCOMMERCE wc_print_notices() owija komunikaty w .woocommerce-notices-wrapper zawsze, także pusty. Odstęp pod spodem tylko wtedy, gdy coś jest w środku. ========================================================================== */ .woocommerce-notices-wrapper:not(:empty) { margin-block-end: var(--dc-space-20); } /* Lista błędów: WooCommerce wypisuje