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

#4159: `grid.scss`

site/_sass/uikit/theme/grid.scss

Path: site/_sass/uikit/theme/grid.scss · Type: UIkit Grid component

Purpose: Themes flex grid — 13 lines. Single hook for grid visual styling. Functional component — layout, not appearance.

Source: GitHub

14 lines · 0 code · 9 comments · 5 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.

What it does

Themes flex grid — 13 lines. Single hook for grid visual styling. Functional component — layout, not appearance. Part of the UIkit CSS framework integration for the ProjectForge documentation website. Imported by _import.scss (#4052) in the theme compilation chain.

Import chain

Compilation flow: assets/css/main.scss → uikit-theme.scss (#4090) → _import.scss (#4052) → 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.

← #4047 · #4049 →

#4159: grid.scss

What it does

Import chain

Key takeaways

#4159: `grid.scss`