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

#4060: `_import.scss`

site/_sass/uikit/components/_import.scss

Path: site/_sass/uikit/theme/_import.scss · Type: UIkit Theme import manifest

Purpose: THE MASTER MANIFEST — 78 lines, 63 @import statements. Imports ALL theme component files in 7-layer dependency order: Base→Elements→Layout→Common→Navs→JS→Utilities. The architectural backbone of site CSS.

Source: GitHub

91 lines · 71 code · 12 comments · 8 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.

Master import manifest. This file imports all 63 theme component SCSS files in correct dependency order — the architectural backbone of the site's CSS compilation. Imported by uikit-theme.scss (#4090).

What it does

THE MASTER MANIFEST — 78 lines, 63 @import statements. Imports ALL theme component files in 7-layer dependency order: Base→Elements→Layout→Common→Navs→JS→Utilities. The architectural backbone of site CSS. 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.

← #4051 · #4053 →

#4060: _import.scss

What it does

Import chain

Key takeaways

#4060: `_import.scss`