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

#4089: `icon.scss`

site/_sass/uikit/components/icon.scss

Path: site/_sass/uikit/theme/icon.scss · Type: UIkit Icon component

Purpose: Themes SVG icons — 49 lines. Controls icon size ratios, link/button icon spacing, image icons. Used for all iconography: search, close, navigation arrows.

Source: GitHub

223 lines · 99 code · 82 comments · 42 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 SVG icons — 49 lines. Controls icon size ratios, link/button icon spacing, image icons. Used for all iconography: search, close, navigation arrows. 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.

← #4050 · #4052 →

#4089: icon.scss

What it does

Import chain

Key takeaways

#4089: `icon.scss`