bpoint: min 2xs xs sm md lg xl 2xl 3xl

Macros hints/display

lista · todo

full mode

.regular

Caso ideal: Título y descripción para el hint. (TID01)

(SizeLimitingPyMap: {description=Consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat., title=Lorem ipsum dolor sit amet})

Lorem ipsum dolor sit amet

Consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Este mensaje sólo es visible en el editor

Sólo título: Título sin descripción. (TID02)

(SizeLimitingPyMap: {description=, title=Lorem ipsum dolor sit amet})

Lorem ipsum dolor sit amet

Este mensaje sólo es visible en el editor

Sólo descripción: Descripción sin título. (TID03)

(SizeLimitingPyMap: {description=Consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat., title=})

Consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Este mensaje sólo es visible en el editor

Caso inválido: title y description vacíos. La guard clause requiere al menos uno con valor — su ausencia hace que la macro no emita ningún HTML. (TID04)

(SizeLimitingPyMap: {description=, title=})

.info

Caso ideal: Título y descripción para el hint. (TID01)

(SizeLimitingPyMap: {description=Consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat., title=Lorem ipsum dolor sit amet})

Lorem ipsum dolor sit amet

Consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Este mensaje sólo es visible en el editor

Sólo título: Título sin descripción. (TID02)

(SizeLimitingPyMap: {description=, title=Lorem ipsum dolor sit amet})

Lorem ipsum dolor sit amet

Este mensaje sólo es visible en el editor

Sólo descripción: Descripción sin título. (TID03)

(SizeLimitingPyMap: {description=Consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat., title=})

Consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Este mensaje sólo es visible en el editor

Caso inválido: title y description vacíos. La guard clause requiere al menos uno con valor — su ausencia hace que la macro no emita ningún HTML. (TID04)

(SizeLimitingPyMap: {description=, title=})

.success

Caso ideal: Título y descripción para el hint. (TID01)

(SizeLimitingPyMap: {description=Consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat., title=Lorem ipsum dolor sit amet})

Lorem ipsum dolor sit amet

Consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Este mensaje sólo es visible en el editor

Sólo título: Título sin descripción. (TID02)

(SizeLimitingPyMap: {description=, title=Lorem ipsum dolor sit amet})

Lorem ipsum dolor sit amet

Este mensaje sólo es visible en el editor

Sólo descripción: Descripción sin título. (TID03)

(SizeLimitingPyMap: {description=Consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat., title=})

Consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Este mensaje sólo es visible en el editor

Caso inválido: title y description vacíos. La guard clause requiere al menos uno con valor — su ausencia hace que la macro no emita ningún HTML. (TID04)

(SizeLimitingPyMap: {description=, title=})

.warning

Caso ideal: Título y descripción para el hint. (TID01)

(SizeLimitingPyMap: {description=Consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat., title=Lorem ipsum dolor sit amet})

Lorem ipsum dolor sit amet

Consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Este mensaje sólo es visible en el editor

Sólo título: Título sin descripción. (TID02)

(SizeLimitingPyMap: {description=, title=Lorem ipsum dolor sit amet})

Lorem ipsum dolor sit amet

Este mensaje sólo es visible en el editor

Sólo descripción: Descripción sin título. (TID03)

(SizeLimitingPyMap: {description=Consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat., title=})

Consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Este mensaje sólo es visible en el editor

Caso inválido: title y description vacíos. La guard clause requiere al menos uno con valor — su ausencia hace que la macro no emita ningún HTML. (TID04)

(SizeLimitingPyMap: {description=, title=})

.error

Caso ideal: Título y descripción para el hint. (TID01)

(SizeLimitingPyMap: {description=Consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat., title=Lorem ipsum dolor sit amet})

Lorem ipsum dolor sit amet

Consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Este mensaje sólo es visible en el editor

Sólo título: Título sin descripción. (TID02)

(SizeLimitingPyMap: {description=, title=Lorem ipsum dolor sit amet})

Lorem ipsum dolor sit amet

Este mensaje sólo es visible en el editor

Sólo descripción: Descripción sin título. (TID03)

(SizeLimitingPyMap: {description=Consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat., title=})

Consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Este mensaje sólo es visible en el editor

Caso inválido: title y description vacíos. La guard clause requiere al menos uno con valor — su ausencia hace que la macro no emita ningún HTML. (TID04)

(SizeLimitingPyMap: {description=, title=})

compact mode

.compact .regular

Caso ideal: Título y descripción para el hint. (TID05)

(SizeLimitingPyMap: {description=Consectetur adipiscing elit, title=Lorem ipsum dolor sit amet})

Lorem ipsum dolor sit amet

Consectetur adipiscing elit

Este mensaje sólo es visible en el editor

Sólo título: Título sin descripción. (TID06)

(SizeLimitingPyMap: {description=, title=Lorem ipsum dolor sit amet})

Lorem ipsum dolor sit amet

Este mensaje sólo es visible en el editor

Sólo descripción: Descripción sin título. (TID07)

(SizeLimitingPyMap: {description=Consectetur adipiscing elit, title=})

Consectetur adipiscing elit

Este mensaje sólo es visible en el editor

.compact .info

Caso ideal: Título y descripción para el hint. (TID05)

(SizeLimitingPyMap: {description=Consectetur adipiscing elit, title=Lorem ipsum dolor sit amet})

Lorem ipsum dolor sit amet

Consectetur adipiscing elit

Este mensaje sólo es visible en el editor

Sólo título: Título sin descripción. (TID06)

(SizeLimitingPyMap: {description=, title=Lorem ipsum dolor sit amet})

Lorem ipsum dolor sit amet

Este mensaje sólo es visible en el editor

Sólo descripción: Descripción sin título. (TID07)

(SizeLimitingPyMap: {description=Consectetur adipiscing elit, title=})

Consectetur adipiscing elit

Este mensaje sólo es visible en el editor

.compact .success

Caso ideal: Título y descripción para el hint. (TID05)

(SizeLimitingPyMap: {description=Consectetur adipiscing elit, title=Lorem ipsum dolor sit amet})

Lorem ipsum dolor sit amet

Consectetur adipiscing elit

Este mensaje sólo es visible en el editor

Sólo título: Título sin descripción. (TID06)

(SizeLimitingPyMap: {description=, title=Lorem ipsum dolor sit amet})

Lorem ipsum dolor sit amet

Este mensaje sólo es visible en el editor

Sólo descripción: Descripción sin título. (TID07)

(SizeLimitingPyMap: {description=Consectetur adipiscing elit, title=})

Consectetur adipiscing elit

Este mensaje sólo es visible en el editor

.compact .warning

Caso ideal: Título y descripción para el hint. (TID05)

(SizeLimitingPyMap: {description=Consectetur adipiscing elit, title=Lorem ipsum dolor sit amet})

Lorem ipsum dolor sit amet

Consectetur adipiscing elit

Este mensaje sólo es visible en el editor

Sólo título: Título sin descripción. (TID06)

(SizeLimitingPyMap: {description=, title=Lorem ipsum dolor sit amet})

Lorem ipsum dolor sit amet

Este mensaje sólo es visible en el editor

Sólo descripción: Descripción sin título. (TID07)

(SizeLimitingPyMap: {description=Consectetur adipiscing elit, title=})

Consectetur adipiscing elit

Este mensaje sólo es visible en el editor

.compact .error

Caso ideal: Título y descripción para el hint. (TID05)

(SizeLimitingPyMap: {description=Consectetur adipiscing elit, title=Lorem ipsum dolor sit amet})

Lorem ipsum dolor sit amet

Consectetur adipiscing elit

Este mensaje sólo es visible en el editor

Sólo título: Título sin descripción. (TID06)

(SizeLimitingPyMap: {description=, title=Lorem ipsum dolor sit amet})

Lorem ipsum dolor sit amet

Este mensaje sólo es visible en el editor

Sólo descripción: Descripción sin título. (TID07)

(SizeLimitingPyMap: {description=Consectetur adipiscing elit, title=})

Consectetur adipiscing elit

Este mensaje sólo es visible en el editor