mirror of
https://codeberg.org/PostERG/xamxam.git
synced 2026-05-06 19:19:19 +02:00
d51cd62088
The SVG icon in the admin nav's public-site link had two inline styles:
style="vertical-align:middle;margin-right:0.4em"
Moved to a new CSS rule:
.admin-body header nav > a svg { vertical-align: middle; margin-right: 0.4em; }
templates/header.php now contains zero style= attributes.
The only remaining inline styles project-wide are:
- dynamic gradient (hsl computed from $item['id']) in public/index.php — legitimately dynamic
- --disk-pct/--disk-color custom properties in system.php — carry PHP runtime values
CSS Architecture
File Structure
- variables.css - CSS custom properties (variables) for colors and theme values
- colors.css - Reference documentation of all color values used in the project
- common.css - Shared styles: reset, header/nav, search bar, accessibility utilities
- main.css - Home page styles
- admin.css - Admin section styles
- system.css - System page styles
- search.css - Search/Directory page styles
- apropos.css - About page styles
- tfe.css - Individual thesis page styles
- easymde.min.css - EasyMDE editor styles (minified, third-party)
- modern-normalize.min.css - Modern normalize reset (minified, third-party)
Imports
All CSS files automatically import variables.css to access CSS custom properties.
Variables
Shared Variables (public pages)
--purple,--purple-dark,--purple-light- Purple palette--black,--white- Base colors--grey-light- Light grey background--border-color- Border color--text-muted- Muted text color
Admin Variables
--admin-bg,--admin-bg-alt- Background colors--admin-border- Border color--admin-text,--admin-text-muted- Text colors--admin-purple- Accent color--admin-input-bg- Input background