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

1

u-number-style-main

2

u-number-style-large

3

u-number-style-xl

3

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
  1. Apply any class
  2. to ordered list
  3. 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

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

Button Text
Button Text
data-theme= light

Heading

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

Button Text
Button Text
data-theme= inherit

Heading

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

Button Text
Button Text
data-theme= invert

Heading

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

Button Text
Button Text

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
play
"data-button-style="primary
Button Text

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.

Button Text
Button Text

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.