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

#4065: `animation.scss`

site/_sass/uikit/components/animation.scss

Path: site/_sass/uikit/theme/animation.scss · Type: UIkit Animation utility

Purpose: Themes animation classes — 13 lines. .uk-animation-fade, -slide, -scale. Single hook.

Source: GitHub

390 lines · 209 code · 108 comments · 73 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 animation classes — 13 lines. .uk-animation-fade, -slide, -scale. Single hook. 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.

← #4027 · #4029 →

#4065: animation.scss

What it does

Import chain

Key takeaways

#4065: `animation.scss`