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

#4131: `visibility.scss`

site/_sass/uikit/components/visibility.scss

Path: site/_sass/uikit/theme/visibility.scss · Type: UIkit Visibility component (core)

Purpose: CORE component for responsive visibility. Defines .uk-visible@s, .uk-hidden@m CSS rules. Functional — no visual styling.

Source: GitHub

151 lines · 49 code · 53 comments · 49 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

CORE component for responsive visibility. Defines .uk-visible@s, .uk-hidden@m CSS rules. Functional — no visual styling. 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.

← #4020 · #4022 →

#4131: visibility.scss

What it does

Import chain

Key takeaways

#4131: `visibility.scss`