← Index · ← File index · ← Prev · Next → · 📄 source

#4133: `mixins-theme.scss`

site/_sass/uikit/mixins-theme.scss

Path: site/_sass/uikit/theme/mixins-theme.scss · Type: SCSS theme mixins

Purpose: GLOBAL THEME MIXINS — defines ALL @mixin hook-*() definitions. Every theme file's hooks are declared here as empty mixins. Critical architectural file imported before any theme component.

Source: GitHub

2033 lines · 1603 code · 121 comments · 309 blank

Commit	Date	Message
`ac75fabf3`	2021-08-10	Github pages migrated to Asciidoc (Gihub actions required).
`acb790ad2`	later	Fix various typos

Added in Aug 2021 during the Jekyll site migration from HTML to AsciiDoc. Typo fixes applied later.

Global mixin definitions. All @mixin hook-*() definitions are declared here as empty mixins. Every theme file references these hooks. This is the bridge between core components (which call hooks) and theme files (which implement them).

What it does

GLOBAL THEME MIXINS — defines ALL @mixin hook-*() definitions. Every theme file's hooks are declared here as empty mixins. Critical architectural file imported before any theme component. Part of the UIkit CSS framework integration for the ProjectForge documentation website.

Import chain

Compilation flow: assets/css/main.scss → uikit-theme.scss (#4090) → this file. Variables from variables.scss (#4091) and variables-theme.scss (#4092) are available to all components.

Key takeaways

Git history: Added in ac75fabf3 (2021-08-10) with the Jekyll site migration. Typo fixes in acb790ad2.
Theme layer: This is theme-level visual styling on top of the core component. Hook mixins are defined in mixins-theme.scss (#4024).
UIkit framework: Part of the UIkit CSS framework (getuikit.com). When upgrading UIkit, compare this file against the new version for API changes.

← #4023 · #4025 →

#4133: mixins-theme.scss

What it does

Import chain

Key takeaways

#4133: `mixins-theme.scss`