• Colors
  • Typography
  • Forms
  • Components
  • Utils
  • Layout
  • Dashboard Widgets

Container

Since 2024.02.1

Using the class env-container on an element will declare a containment context that may be targeted with container query at-rules. A containment context is required when using Dynamic font size.

<div class="env-container">
   <div class="example">Container example</div>
</div>
@container (min-width: 250px) {
   .example {
      /* Styles to apply to div.example when container is 250px wide or more */
   }
}

Layout

  • Cardholder
  • Container
  • Flexbox

Envision

  • Envision on GitHub

Developer

  • Sitevision Developer Community

Sitevision

  • About Sitevision
  • Contact us
  • Become one of us
  • Privacy Statement
  • Pressroom

Envision documentation

  • Colors
    • Basic colors
    • Block colors
    • Brand colors
    • Element colors
    • Status colors
  • Typography
    • Basic text
    • Content textNew
    • Dynamic font size
    • UI Text
  • Forms
    • Button
    • Button group
    • Form elementsNew
    • Form layoutNew
    • Range slider
    • Tag Select
  • Components
    • Accordion
    • Alert
    • Badge
    • Breadcrumb
    • Cards
    • Collapse
    • Dialog
    • Dropdown
    • Embedded
    • Icons
    • Image viewer
    • List
    • Media
    • Navigation
    • News item
    • Pagination
    • Popover
    • Profile image
    • Progress indicator
    • Spinner
    • Tab
    • Table
    • Toast
    • Tooltip
  • Utils
    • Assistive text
    • Borders
    • CSS variables
    • Display
    • Shadows
    • Sizing
    • Spacing
    • Vertical alignment
  • Layout
    • Cardholder
    • Container
    • Flexbox
  • Dashboard Widgets
    • Basics
    • Responsive widgets
    • Widget colors
    • Widget components
    • Widget CSS variables
    • Widget typography