Estructuras de elementos
Envolventes
Base
Sección
s-section
Contenedor pequeño
s-container-small
Contenedor
s-container
Contenedor grande
s-container-full
Umbral pequeño
s-threshold-small
Umbral medio
s-threshold-medium
Umbral grande
s-threshold-large
Básicas
Base
Bloque
s-display-block
Bloque en línea
s-display-inline-block
Flexo en línea
s-display-inline-flex
Rejilla en línea
s-display-inline-grid
En línea
s-display-inline
Contenido
s-display-contents
Oculto
s-display-none
Vacio oculto
s-hide-if-empty
CMS vacío oculto
s-hide-if-empty-cms
Flexo
Dirección de elementos
?
s-flex-horizontal-wrap
?
s-flex-vertical-nowrap
?
s-flex-horizontal-nowrap
?
s-flex-vertical-wrap
Aliniación en el elemento
?
s-align-self-variable
?
s-align-self-start
?
s-align-self-center
?
s-align-self-end
?
s-align-self-stretch
Aliniación de elementos
?
s-align-items-variable
?
s-align-items-start
?
s-align-items-center
?
s-align-items-end
?
s-align-items-stretch
Justificación de elementos
?
s-justify-content-variable
?
s-justify-content-start
?
s-justify-content-center
?
s-justify-content-end
?
s-justify-content-between
?
s-justify-content-around
Ocupación del elemento
Encojer
s-flex-shrink
Crecer
u-flex-grow
Igual
s-flex-noshrink
Rejilla
Ajuste de rejilla
?
s-grid-autofit
?
s-grid-autofill
?
s-grid-above
?
s-grid-below
?
s-grid-custom
?
s-grid-breakout
?
s-grid-subgrid
Columna inicial del elemento
?
s-column-start-auto
?
s-column-start-1
?
s-column-start-2
?
s-column-start-3
?
s-column-start-4
?
s-column-start-5
?
s-column-start-6
?
s-column-start-7
?
s-column-start-8
?
s-column-start-9
?
s-column-start-10
?
s-column-start-11
?
s-column-start-12
Ancho del elemento
?
s-column-full
?
s-column-indent
?
s-column-1
?
s-column-2
?
s-column-3
?
s-column-4
?
s-column-5
?
s-column-6
?
s-column-7
?
s-column-8
?
s-column-9
?
s-column-10
?
s-column-11
?
s-column-12
Fila inicial del elemento
?
s-row-start-auto
?
s-row-start-1
?
s-row-start-2
?
s-row-start-3
?
s-row-start-4
?
s-row-start-5
?
s-row-start-6
Altura del elemento
?
s-row-span-1
?
s-row-span-2
?
s-row-span-3
?
s-row-span-4
?
s-row-span-5
?
s-row-span-6
Posición del elemento
?
s-order-first
?
s-order-last
?
s-order-unset-above
?
s-order-unset-below
Espacios
Entre elementos del Flexo
?
s-gap-inherit
?
s-gap-gutter
?
s-gap-0
?
s-gap-1
?
s-gap-2
?
s-gap-3
?
s-gap-4
?
u-gap-5
?
s-gap-6
?
s-gap-7
?
s-gap-8
Entre filas del Flexo
?
s-gap-row-inherit
?
s-gap-row-gutter
?
s-gap-row-0
?
s-gap-row-1
?
s-gap-row-2
?
s-gap-row-3
?
s-gap-row-4
?
s-gap-row-5
?
s-gap-row-6
?
s-gap-row-7
?
s-gap-row-8
Margen exterior del elemento
Sin margenes
s-margin-0
Margen exterior superior del elemento
?
s-margin-top-auto
?
s-margin-top-gutter
?
s-margin-top-text
?
s-margin-top-0
?
s-margin-top-1
?
s-margin-top-2
?
s-margin-top-3
?
s-margin-top-4
?
s-margin-top-5
?
s-margin-top-6
?
s-margin-top-7
?
s-margin-top-8
Margen exterior inferior del elemento
?
s-margin-bottom-auto
?
u-margin-bottom-gutter
?
s-margin-bottom-text
?
s-margin-bottom-0
?
s-margin-bottom-1
?
s-margin-bottom-2
?
s-margin-bottom-3
?
s-margin-bottom-4
?
s-margin-bottom-5
?
s-margin-bottom-6
?
s-margin-bottom-7
?
s-margin-bottom-8
Margen interior del elemento
?
s-padding-sitemargin
?
s-padding-gutter
Sin margen interior
s-padding-0
?
s-padding-1
?
s-padding-2
?
s-padding-3
?
s-padding-4
?
s-padding-5
?
s-padding-6
?
s-padding-7
?
s-padding-8
?
s-padding-small
?
s-padding-main
?
s-padding-large
Margen interior vertical del elemento
?
s-padding-block-sitemargin
?
s-padding-block-gutter
?
s-padding-block-0
?
s-padding-block-1
?
s-padding-block-2
?
s-padding-block-3
?
s-padding-block-4
?
s-padding-block-5
?
s-padding-block-6
?
s-padding-block-7
?
s-padding-block-8
?
s-padding-block-small
?
s-padding-block-main
?
s-padding-block-large
Margen interior horizontal del elemento
?
s-padding-inline-sitemargin
?
s-padding-inline-gutter
?
s-padding-inline-0
?
s-padding-inline-1
?
s-padding-inline-2
?
s-padding-inline-3
?
s-padding-inline-4
?
s-padding-inline-5
?
s-padding-inline-6
?
s-padding-inline-7
?
s-padding-inline-8
Margen interior superior del elemento
?
s-padding-top-sitemargin
?
s-padding-top-gutter
?
s-padding-top-0
?
s-padding-top-1
?
s-padding-top-2
?
s-padding-top-3
?
s-padding-top-4
?
s-padding-top-5
?
s-padding-top-6
?
s-padding-top-7
?
s-padding-top-8
?
s-padding-top-small
?
s-padding-top-main
?
s-padding-top-large
Margen interior inferior del elemento
?
s-padding-bottom-sitemargin
?
s-padding-bottom-gutter
?
s-padding-bottom-0
?
s-padding-bottom-1
?
s-padding-bottom-2
?
s-padding-bottom-3
?
s-padding-bottom-4
?
s-padding-bottom-5
?
s-padding-bottom-6
?
s-padding-bottom-7
?
s-padding-bottom-8
?
s-padding-bottom-small
?
s-padding-bottom-main
?
s-padding-bottom-large
Margen interior izquierda del elemento
?
s-padding-left-sitemargin
?
s-padding-left-gutter
?
s-padding-left-0
?
s-padding-left-1
?
s-padding-left-2
?
s-padding-left-3
?
s-padding-left-4
?
s-padding-left-5
?
s-padding-left-6
?
s-padding-left-7
?
s-padding-left-8
Margen interior derecha del elemento
?
s-padding-right-sitemargin
?
s-padding-right-gutter
?
s-padding-right-0
?
s-padding-right-1
?
s-padding-right-2
?
s-padding-right-3
?
s-padding-right-4
?
s-padding-right-5
?
s-padding-right-6
?
s-padding-right-7
?
s-padding-right-8
Aspectos
Ancho
?
s-max-width-none
?
s-max-width-10ch
?
s-max-width-12ch
?
s-max-width-14ch
?
s-max-width-16ch
?
s-max-width-18ch
?
s-max-width-20ch
?
s-max-width-30ch
?
s-max-width-40ch
?
s-max-width-50ch
?
s-max-width-60ch
?
s-max-width-70ch
Scroll
Visible
s-overflow-visible
Ocultor
s-overflow-hidden
Recortar
s-overflow-clip
Mostrar en X
s-overflow-x-auto
Mostrar en Y
s-overflow-y-auto
?
s-overflow-hidden-left
Ratios
2:1
s-ratio-2,39-1
2:1
s-ratio-2-1
16:9
s-ratio-16-9
3:2
s-ratio-3-2
5:4
s-ratio-5-4
1:1
s-ratio-1-1
4:5
s-ratio-4-5
2:3
s-ratio-2-3
Ubicación
Posición
Estatica
s-position-static
Relativa
s-position-relative
Absoluta
s-position-absolute
Fija
s-position-fixed
Referenciada
s-position-sticky
Profundidad
?
s-zindex-negative
?
s-zindex-0
?
u-zindex-unset
?
s-zindex-1
?
s-zindex-2
?
s-zindex-3
Bordes
Radios
Ninguno
s-radius-none
Heredado
s-radius-inherit
Mínimo
s-radius-xsmall
Pequeño
s-radius-small
Principal
s-radius-main
Grande
s-radius-large
Completo
s-radius-round
Grosor
Ninguno
s-bw-none
Heredado
s-bw-inherit
Mínimo
s-bw-thin
Principal
s-bw-main
Medio
s-bw-medium
Alto
s-bw-bold
Máximo
s-bw-black
Varias
Otras
?
s-all-unset-above
?
s-all-unset-below
?
s-text-trim-off
?
s-button-group
?
s-child-contain
?
s-margin-inline-auto
?
s-margin-trim
?
s-ignore-trim
?
s-pointer-on
?
s-pointer-off
?
s-object-fit-cover
?
s-object-fit-contain
?
s-min-height-screen
?
s-min-height-half-screen
?
s-max-width-none
?
s-width-full
?
s-height-full
?
s-cover
?
s-cover-absolute
?
s-visual-wrap
?
s-sr-only