Flex Cards
This page lists all Flex Cards CSS custom properties and utility classes available in the OxyProps Framework
Flex Cards
link Flex CardsThese CSS variable and utility classes are used on the parent container.
Description | CSS Variable | Utility Class |
---|---|---|
Flex Basis is header 1 | --o-flex-cards-1 | o-flex-cards-1 |
Flex Basis is header 2 | --o-flex-cards-2 | o-flex-cards-2 |
Flex Basis is header 3 | --o-flex-cards-3 | o-flex-cards-3 |
Flex Cards Stretch
link Flex Cards StretchThese CSS variable and utility classes are used on the parent container.
Description | CSS Variable | Utility Class |
---|---|---|
Flex Basis is header 1 | --o-flex-cards-stretch-1 | o-flex-cards-stretch-1 |
Flex Basis is header 2 | --o-flex-cards-stretch-2 | o-flex-cards-stretch-2 |
Flex Basis is header 3 | --o-flex-cards-stretch-3 | o-flex-cards-stretch-3 |
Flex Card
link Flex CardUse one of these modifier variables or classes on a child element (a card) to modify its width bahavior.
Description | CSS Variable | Utility Class |
---|---|---|
Flex Basis is header 1 | --o-flex-card-1 | o-flex-card-1 |
Flex Basis is header 2 | --o-flex-card-2 | o-flex-card-2 |
Flex Basis is header 3 | --o-flex-card-3 | o-flex-card-3 |
Flex Card Stretch
link Flex Card StretchUse one of these modifier variables or classes on a child element (a card) to modify its width bahavior.
Description | CSS Variable | Utility Class |
---|---|---|
Flex Basis is header 1 | --o-flex-card-stretch-1 | o-flex-card-stretch-1 |
Flex Basis is header 2 | --o-flex-card-stretch-2 | o-flex-card-stretch-2 |
Flex Basis is header 3 | --o-flex-card-stretch-3 | o-flex-card-stretch-3 |