Flex Cards

This page lists all Flex Cards CSS custom properties and utility classes available in the OxyProps Framework

Flex Cards

link Flex Cards

Note

These 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 Stretch

Note

These 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 Card

Tip

Use 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 Stretch

Tip

Use 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