Typography

Text Styles

u-text-style-h1

TITLE 1

u-text-style-h2

כותרת 2

u-text-style-h3

כותרת 3

u-text-style-h4

כותרת 4

u-text-style-h5

כותרת 5

u-text-style-h6

כותרת 6

u-text-style-large

לורם איפסום קולהע צופעט למרקוח איבן איף, ברומץ כלרשט מיחוצים. קלאצי קולורס מונפרד אדנדום סילקוף, מרגשי ומרגשח. עמחליף קונסקטורר אדיפיסינג אלית. סת אלמנקום ניסי נון ניבאה. דס איאקוליס וולופטה דיאם. וסטיבולום אט דולור, קראס אגת לקטוס וואל אאוגו וסטיבולום סוליסי טידום בעליק. קונדימנטום קורוס בליקרה, נונסטי קלובר בריקנה סטום, לפריקך תצטריק לרטי.

u-text-style-main

u-text-style-small

Numbers

u-number-style-small

u-number-style-main

u-number-style-large

u-number-style-xl

Weights

u-weight-regular

לורם איפסום דולור

u-weight-medium

לורם איפסום דולור

u-weight-bold

לורם איפסום דולור

Text Align

u-text-align-left

לורם איפסום קולהע צופעט למרקוח איבן איף, ברומץ כלרשט מיחוצים. קלאצי קולורס מונפרד אדנדום סילקוף.

u-text-align-center

לורם איפסום קולהע צופעט למרקוח איבן איף, ברומץ כלרשט מיחוצים. קלאצי קולורס מונפרד אדנדום סילקוף.

u-text-align-right

לורם איפסום קולהע צופעט למרקוח איבן איף, ברומץ כלרשט מיחוצים. קלאצי קולורס מונפרד אדנדום סילקוף.

Text Wrap

u-text-wrap-default

לורם איפסום קולהע צופעט למרקוח איבן איף, ברומץ כלרשט מיחוצים. קלאצי קולורס מונפרד אדנדום סילקוף.

u-text-wrap-balance

לורם איפסום קולהע צופעט למרקוח איבן איף, ברומץ כלרשט מיחוצים. קלאצי קולורס מונפרד אדנדום סילקוף.

u-text-wrap-pretty

לורם איפסום קולהע צופעט למרקוח איבן איף, ברומץ כלרשט מיחוצים. קלאצי קולורס מונפרד אדנדום סילקוף.

Typography Elements

Figure

Ordered List

Apply any class
to ordered list
to clear styles

Unordered List

Apply any class
to unordered list
to clear styles

Block Quotes

Lorem ipsum dolor sit amet elit varius enim in eros

Color

Themes

data-theme= dark

Heading

לורם איפסום קולהע צופעט למרקוח איבן איף, ברומץ כלרשט מיחוצים. קלאצי קולורס מונפרד אדנדום סילקוף.

data-theme= light

Heading

לורם איפסום קולהע צופעט למרקוח איבן איף, ברומץ כלרשט מיחוצים. קלאצי קולורס מונפרד אדנדום סילקוף.

data-theme= inherit

Heading

לורם איפסום קולהע צופעט למרקוח איבן איף, ברומץ כלרשט מיחוצים. קלאצי קולורס מונפרד אדנדום סילקוף.

data-theme= invert

Heading

לורם איפסום קולהע צופעט למרקוח איבן איף, ברומץ כלרשט מיחוצים. קלאצי קולורס מונפרד אדנדום סילקוף.

Text Color

u-color-inherit

Lorem ipsum dolor

u-color-faded

Lorem ipsum dolor

Flexbox

Horizontal Flex Utilities

u-hflex-left-stretch

u-hflex-left-bottom

u-hflex-left-center

u-hflex-left-top

u-hflex-center-stretch

u-hflex-center-bottom

u-hflex-center-center

u-hflex-center-top

u-hflex-right-stretch

u-hflex-right-bottom

u-hflex-right-center

u-hflex-right-top

u-hflex-between-stretch

u-hflex-between-bottom

u-hflex-between-center

u-hflex-between-top

Vertical Flex Utilities

u-vflex-left-between

u-vflex-left-bottom

u-vflex-left-center

u-vflex-left-top

u-vflex-center-between

u-vflex-center-bottom

u-vflex-center-center

u-vflex-center-top

u-vflex-right-between

u-vflex-right-bottom

u-vflex-right-center

u-vflex-right-top

u-vflex-stretch-between

u-vflex-stretch-bottom

u-vflex-stretch-center

u-vflex-stretch-top

Align Self Utilities

u-align-self-auto

u-align-self-start

u-align-self-center

u-align-self-end

u-align-self-stretch

Align Items Utilities

u-align-items-stretch

u-align-items-start

u-align-items-center

u-align-items-end

Other Flex Utilities

u-vflex-wrap

u-hflex-wrap

u-flex-shrink

u-flex-grow

Grid

Grid Utilities

u-grid-custom

u-grid-breakout

u-grid-desktop

u-grid-tablet

u-grid-landscape

u-grid-column-2

u-grid-column-3

u-grid-column-4

u-grid-column-5

u-grid-autofit

u-grid-subgrid

u-grid-flex

Column Utilities

u-column-custom

u-column-full

u-column-indent

u-column-1

u-column-2

u-column-3

u-column-4

u-column-5

u-column-6

u-column-7

u-column-8

u-column-9

u-column-10

u-column-11

u-column-12

Order Utilities

u-order-first

u-order-first-desktop

u-order-first-tablet

u-order-last

u-order-last-desktop

u-order-last-tablet

Sizes

Section Spacing Attributes

data-padding-top="none"

data-padding-bottom="none"

"data-padding-top="small"

"data-padding-bottom="small"

"data-padding-top="main"

"data-padding-bottom="main"

data-padding-top="large"

data-padding-bottom="large"

Miscellaneous

Display Utilities

u-display-block

u-display-inline-block

u-display-inline-flex

u-display-inline-grid

u-display-inline

u-display-none

u-hide-if-empty

u-hide-if-empty-cms

Overflow Utilities

u-overflow-visible

u-overflow-hidden

u-overflow-clip

u-overflow-scroll

u-overflow-auto

u-overflow-x-auto

u-overflow-y-auto

u-overflow-hidden-left

Z-Index Utilities

u-zindex-negative

u-zindex-0

u-zindex-unset

u-zindex-1

u-zindex-2

u-zindex-3

Position Utilities

u-position-static

u-position-relative

u-position-absolute

u-position-fixed

u-position-sticky

Other Utilities

u-margin-trim-off

u-child-contain

u-block-gap

u-block-gap-vertical

u-pointer-on

u-pointer-off

u-min-height-screen

u-max-width-none

u-width-full

u-height-full

u-cover

u-cover-absolute

u-visual-wrap

u-container

u-container-small

u-container-full

u-sr-only

Components

Buttons

"data-button-style="primary

Global & Starter

Eyebrow Text Here

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Eyebrow Text Here

Lorem ipsum dolor sit amet elit

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Form

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.