Ulysse 2029 / 1001 class

width & height

.do-h-size

propriété : height

base unit : rem

golden sizes varations :

.do-h-xxxs .do-h-xxs .do-h-xs .do-h-sm .do-h-md .do-h-lg .do-h-xl .do-h-xxl .do-h-xxxl

classik size varations :

.do-h-0...20

break-points :

.xs:do-h-size 320px

.sm:do-h-size 576px

.md:do-h-size 768px

.lg:do-h-size 992px

.xl:do-h-size 1200px

.xxl:do-h-size 1400px

.xxxl:do-h-size 1600px

.do- h- gold- size %

.do- h- 100- size 100% + rem

.do- h- 100-n- size 100% - rem

.do- h- px- size px

.do- h- max- size || 0...20 rem*10

.do- h- min- size rem*10

.do- h- vh- size || 0...20 vh*6 || vh

.do-w-size

propriété : width

base unit : rem

golden sizes varations :

.do-w-xxxs .do-w-xxs .do-w-xs .do-w-sm .do-w-md .do-w-lg .do-w-xl .do-w-xxl .do-w-xxxl

classik size varations :

.do-w-0...20

break-points :

.xs:do-w-size 320px

.sm:do-w-size 576px

.md:do-w-size 768px

.lg:do-w-size 992px

.xl:do-w-size 1200px

.xxl:do-w-size 1400px

.xxxl:do-w-size 1600px

.do- w- gold- size %

.do- w- 100- size 100% + rem

.do- w- 100-n- size 100% - rem

.do- w- px- size px

.do- w- max- size || 0...20 rem*10

.do- w- min- size rem*10

.do- w- vw- size || 0...20 vw*6 || vh

.do-wh-size

propriétés : width height

base unit : rem

golden sizes varations :

.do-wh-xxxs .do-wh-xxs .do-wh-xs .do-wh-sm .do-wh-md .do-wh-lg .do-wh-xl .do-wh-xxl .do-wh-xxxl

break-points :

.xs:do-wh-size 320px

.sm:do-wh-size 576px

.md:do-wh-size 768px

.lg:do-wh-size 992px

.xl:do-wh-size 1200px

.xxl:do-wh-size 1400px

.xxxl:do-wh-size 1600px

.do- wh- gold- size %

.do- wh- vw- size vw*6

paddings

.do-p-size

propriété : padding

base unit : rem

golden sizes varations :

.do-p-xxxs .do-p-xxs .do-p-xs .do-p-sm .do-p-md .do-p-lg .do-p-xl .do-p-xxl .do-p-xxxl

break-points :

.xs:do-p-size 320px

.sm:do-p-size 576px

.md:do-p-size 768px

.lg:do-p-size 992px

.xl:do-p-size 1200px

.xxl:do-p-size 1400px

.xxxl:do-p-size 1600px

.do-px-size

propriétés : padding-left padding-right

base unit : rem

golden sizes varations :

.do-px-xxxs .do-px-xxs .do-px-xs .do-px-sm .do-px-md .do-px-lg .do-px-xl .do-px-xxl .do-px-xxxl

break-points :

.xs:do-px-size 320px

.sm:do-px-size 576px

.md:do-px-size 768px

.lg:do-px-size 992px

.xl:do-px-size 1200px

.xxl:do-px-size 1400px

.xxxl:do-px-size 1600px

.do- px- smart- size rem

.do- px- fluid- size rem

.do-py-size

propriétés : padding-top padding-bottom

base unit : rem

golden sizes varations :

.do-py-xxxs .do-py-xxs .do-py-xs .do-py-sm .do-py-md .do-py-lg .do-py-xl .do-py-xxl .do-py-xxxl

break-points :

.xs:do-py-size 320px

.sm:do-py-size 576px

.md:do-py-size 768px

.lg:do-py-size 992px

.xl:do-py-size 1200px

.xxl:do-py-size 1400px

.xxxl:do-py-size 1600px

.do- py- smart- size rem

.do- py- fluid- size rem

.do-pt-size

propriété : padding-top

base unit : rem

golden sizes varations :

.do-pt-xxxs .do-pt-xxs .do-pt-xs .do-pt-sm .do-pt-md .do-pt-lg .do-pt-xl .do-pt-xxl .do-pt-xxxl

break-points :

.xs:do-pt-size 320px

.sm:do-pt-size 576px

.md:do-pt-size 768px

.lg:do-pt-size 992px

.xl:do-pt-size 1200px

.xxl:do-pt-size 1400px

.xxxl:do-pt-size 1600px

.do-pb-size

propriété : padding-bottom

base unit : rem

golden sizes varations :

.do-pb-xxxs .do-pb-xxs .do-pb-xs .do-pb-sm .do-pb-md .do-pb-lg .do-pb-xl .do-pb-xxl .do-pb-xxxl

break-points :

.xs:do-pb-size 320px

.sm:do-pb-size 576px

.md:do-pb-size 768px

.lg:do-pb-size 992px

.xl:do-pb-size 1200px

.xxl:do-pb-size 1400px

.xxxl:do-pb-size 1600px

.do-pl-size

propriété : padding-left

base unit : rem

golden sizes varations :

.do-pl-xxxs .do-pl-xxs .do-pl-xs .do-pl-sm .do-pl-md .do-pl-lg .do-pl-xl .do-pl-xxl .do-pl-xxxl

break-points :

.xs:do-pl-size 320px

.sm:do-pl-size 576px

.md:do-pl-size 768px

.lg:do-pl-size 992px

.xl:do-pl-size 1200px

.xxl:do-pl-size 1400px

.xxxl:do-pl-size 1600px

.do- pl- smart- size rem

.do-pr-size

propriété : padding-right

base unit : rem

golden sizes varations :

.do-pr-xxxs .do-pr-xxs .do-pr-xs .do-pr-sm .do-pr-md .do-pr-lg .do-pr-xl .do-pr-xxl .do-pr-xxxl

break-points :

.xs:do-pr-size 320px

.sm:do-pr-size 576px

.md:do-pr-size 768px

.lg:do-pr-size 992px

.xl:do-pr-size 1200px

.xxl:do-pr-size 1400px

.xxxl:do-pr-size 1600px

.do- pr- smart- size rem

margins

.do-m-size

propriété : margin

base unit : rem

golden sizes varations :

.do-m-xxxs .do-m-xxs .do-m-xs .do-m-sm .do-m-md .do-m-lg .do-m-xl .do-m-xxl .do-m-xxxl

break-points :

.xs:do-m-size 320px

.sm:do-m-size 576px

.md:do-m-size 768px

.lg:do-m-size 992px

.xl:do-m-size 1200px

.xxl:do-m-size 1400px

.xxxl:do-m-size 1600px

.do-mx-size

propriétés : margin-left margin-right

base unit : rem

golden sizes varations :

.do-mx-xxxs .do-mx-xxs .do-mx-xs .do-mx-sm .do-mx-md .do-mx-lg .do-mx-xl .do-mx-xxl .do-mx-xxxl

break-points :

.xs:do-mx-size 320px

.sm:do-mx-size 576px

.md:do-mx-size 768px

.lg:do-mx-size 992px

.xl:do-mx-size 1200px

.xxl:do-mx-size 1400px

.xxxl:do-mx-size 1600px

.do- mx- fluid- size rem

.do- mx- smart- size rem

.do-my-size

propriétés : margin-top margin-bottom

base unit : rem

golden sizes varations :

.do-my-xxxs .do-my-xxs .do-my-xs .do-my-sm .do-my-md .do-my-lg .do-my-xl .do-my-xxl .do-my-xxxl

break-points :

.xs:do-my-size 320px

.sm:do-my-size 576px

.md:do-my-size 768px

.lg:do-my-size 992px

.xl:do-my-size 1200px

.xxl:do-my-size 1400px

.xxxl:do-my-size 1600px

.do- my- fluid- size rem

.do- my- smart- size rem

.do-mt-size

propriété : margin-top

base unit : rem

golden sizes varations :

.do-mt-xxxs .do-mt-xxs .do-mt-xs .do-mt-sm .do-mt-md .do-mt-lg .do-mt-xl .do-mt-xxl .do-mt-xxxl

break-points :

.xs:do-mt-size 320px

.sm:do-mt-size 576px

.md:do-mt-size 768px

.lg:do-mt-size 992px

.xl:do-mt-size 1200px

.xxl:do-mt-size 1400px

.xxxl:do-mt-size 1600px

.do- mt- n- size rem*-1

.do-mb-size

propriété : margin-bottom

base unit : rem

golden sizes varations :

.do-mb-xxxs .do-mb-xxs .do-mb-xs .do-mb-sm .do-mb-md .do-mb-lg .do-mb-xl .do-mb-xxl .do-mb-xxxl

break-points :

.xs:do-mb-size 320px

.sm:do-mb-size 576px

.md:do-mb-size 768px

.lg:do-mb-size 992px

.xl:do-mb-size 1200px

.xxl:do-mb-size 1400px

.xxxl:do-mb-size 1600px

.do- mb- n- size rem*-1

.do-ml-size

propriété : margin-left

base unit : rem

golden sizes varations :

.do-ml-xxxs .do-ml-xxs .do-ml-xs .do-ml-sm .do-ml-md .do-ml-lg .do-ml-xl .do-ml-xxl .do-ml-xxxl

break-points :

.xs:do-ml-size 320px

.sm:do-ml-size 576px

.md:do-ml-size 768px

.lg:do-ml-size 992px

.xl:do-ml-size 1200px

.xxl:do-ml-size 1400px

.xxxl:do-ml-size 1600px

.do- ml- n- size rem*-1

.do-mr-size

propriété : margin-right

base unit : rem

golden sizes varations :

.do-mr-xxxs .do-mr-xxs .do-mr-xs .do-mr-sm .do-mr-md .do-mr-lg .do-mr-xl .do-mr-xxl .do-mr-xxxl

break-points :

.xs:do-mr-size 320px

.sm:do-mr-size 576px

.md:do-mr-size 768px

.lg:do-mr-size 992px

.xl:do-mr-size 1200px

.xxl:do-mr-size 1400px

.xxxl:do-mr-size 1600px

.do- mr- n- size *-1em

font

.do-fs-size

propriété : font-size

base unit : rem

golden sizes varations :

.do-fs-xxxs .do-fs-xxs .do-fs-xs .do-fs-sm .do-fs-md .do-fs-lg .do-fs-xl .do-fs-xxl .do-fs-xxxl

break-points :

.xs:do-fs-size 320px

.sm:do-fs-size 576px

.md:do-fs-size 768px

.lg:do-fs-size 992px

.xl:do-fs-size 1200px

.xxl:do-fs-size 1400px

.xxxl:do-fs-size 1600px

.do-fw-type

propriété : font-weight

type varations :

.do-fw-light .do-fw-regular .do-fw-bold

border

.do-br-size

propriété : border-radius

base unit : rem

golden sizes varations :

.do-br-xxxs .do-br-xxs .do-br-xs .do-br-sm .do-br-md .do-br-lg .do-br-xl .do-br-xxl .do-br-xxxl

break-points :

.xs:do-br-size 320px

.sm:do-br-size 576px

.md:do-br-size 768px

.lg:do-br-size 992px

.xl:do-br-size 1200px

.xxl:do-br-size 1400px

.xxxl:do-br-size 1600px

.do-bw-size

propriété : border-width

base unit : px

golden sizes varations :

.do-bw-xxxs .do-bw-xxs .do-bw-xs .do-bw-sm .do-bw-md .do-bw-lg .do-bw-xl .do-bw-xxl .do-bw-xxxl

break-points :

.xs:do-bw-size 320px

.sm:do-bw-size 576px

.md:do-bw-size 768px

.lg:do-bw-size 992px

.xl:do-bw-size 1200px

.xxl:do-bw-size 1400px

.xxxl:do-bw-size 1600px

.do- bw- rem- size rem

.do-bs-style

propriété : border-style

style varations :

.do-bs-solid .do-bs-dotted

transform

.do-scale-size

propriété : scale

base unit : rem

golden sizes varations :

.do-scale-xxxs .do-scale-xxs .do-scale-xs .do-scale-sm .do-scale-md .do-scale-lg .do-scale-xl .do-scale-xxl .do-scale-xxxl

classik size varations :

.do-scale-0...20

break-points :

.xs:do-scale-size 320px

.sm:do-scale-size 576px

.md:do-scale-size 768px

.lg:do-scale-size 992px

.xl:do-scale-size 1200px

.xxl:do-scale-size 1400px

.xxxl:do-scale-size 1600px

.do-rotation-size

propriété : rotate

base unit : deg

golden sizes varations :

.do-rotation-xxxs .do-rotation-xxs .do-rotation-xs .do-rotation-sm .do-rotation-md .do-rotation-lg .do-rotation-xl .do-rotation-xxl .do-rotation-xxxl

classik size varations :

.do-rotation-0...20

break-points :

.xs:do-rotation-size 320px

.sm:do-rotation-size 576px

.md:do-rotation-size 768px

.lg:do-rotation-size 992px

.xl:do-rotation-size 1200px

.xxl:do-rotation-size 1400px

.xxxl:do-rotation-size 1600px

lorem

.do-name-size

propriété : props

base unit : unit

golden sizes varations :

.do-name-xxxs .do-name-xxs .do-name-xs .do-name-sm .do-name-md .do-name-lg .do-name-xl .do-name-xxl .do-name-xxxl

break-points :

.xs:do-name-size 320px

.sm:do-name-size 576px

.md:do-name-size 768px

.lg:do-name-size 992px

.xl:do-name-size 1200px

.xxl:do-name-size 1400px

.xxxl:do-name-size 1600px

.do- name- name- size unit