29 lines
1.5 KiB
Plaintext
29 lines
1.5 KiB
Plaintext
// Style entry for admin-panel.
|
|
//
|
|
// ant-design-vue 4 removed its LESS theme entirely (CSS-in-JS design tokens
|
|
// replace modifyVars) — `ant-design-vue/dist/antd.less` no longer exists.
|
|
// Each COMPONENT's styles are injected at runtime by the library, but the
|
|
// global BASELINE is not: ADV4 ships it separately as dist/reset.css and
|
|
// requires you to import it yourself. It carries box-sizing, the body margin
|
|
// reset and — critically — the list-style reset the menu depends on. Without
|
|
// it the sidebar renders as raw <ul> bullets and the whole panel stacks
|
|
// vertically, so this import MUST come first.
|
|
// Primary/link/radius tokens live in App.vue's <a-config-provider :theme>.
|
|
//
|
|
// `ara/ant.less` (426 lines of hand-written RTL flips for float/margin/
|
|
// transform) is gone: ADV4 renders RTL natively via CSS logical properties
|
|
// when direction="rtl" is set, which App.vue already does. The small residue
|
|
// ADV4 does not cover lives in ./rtl-overrides.css.
|
|
//
|
|
// Order:
|
|
// 1. ant-design-vue reset -> the global baseline ADV4 no longer auto-injects
|
|
// 2. farsi.less -> font faces + global reset
|
|
// 3. rtl-overrides.css -> the few RTL rules ADV4 doesn't provide natively
|
|
// 4. utilities.less -> the global utility layer replacing legacy's Tailwind
|
|
// build. Must come last so its card chrome layers over ant's own styles.
|
|
@import 'ant-design-vue/dist/reset.css';
|
|
@import './farsi.less';
|
|
@import './rtl-overrides.css';
|
|
@import './utilities.less';
|
|
@import './form-page.less';
|