---
title: "Variable scope classes"
description: "Classes that re-declare the token CSS variables on an element (`variables`, `theme-*`, `sizing-*`)."
requested_language: hu
language: en
translation_notice: "This page isn't translated yet"
url: https://docs.systhema.app/hu/reference/utilities/variables-utilities
version: unreleased (main)
docs_index: https://docs.systhema.app/hu/llms.txt
---
> This page isn't translated yet. Showing English.


<!-- generated by pnpm docs:generate; do not edit -->

These classes re-declare token variables on an element, for example to pin a subtree to one theme (`theme-dark`) or one breakpoint’s sizes (`sizing-lg`). The variables themselves are listed on the [token reference pages](https://docs.systhema.app/hu/reference/tokens/colors.md).

| Class              | Styles                                                                   |
| ------------------ | ------------------------------------------------------------------------ |
| `variables`        | Declares 1434 custom properties across 3 rules (themes and breakpoints). |
| `variables-themes` | Declares 873 custom properties across 3 rules (themes and breakpoints).  |
| `variables-sizing` | Declares 432 custom properties.                                          |
| `theme-default`    | Declares 291 custom properties.                                          |
| `theme-dark`       | Declares 291 custom properties.                                          |
| `sizing-sm`        | Declares 432 custom properties.                                          |
| `sizing-md`        | Declares 432 custom properties.                                          |
| `sizing-lg`        | Declares 432 custom properties.                                          |