ACSS style btn

I am a heading

Here goes your text … Select any part of your text to access the formatting toolbar.

I am a button

OKCLH transparency modification dans customizer

--primary-50: color-mix(in oklch, var(--primary) 50%, transparent)

Here goes your text ... Select any part of your text to access the formatting toolbar.

Avec ACSS

OKCLH hue modification dans customizer

--primary-dark: oklch(from var(--primary) 0.25 0.073 200);

Bricks palette (HSL)

Bricks buttons

Colors

DefaultPrimarySecondaryLightDarkMutedInfoSuccessWarningDanger

Sizes for each colors

I am a buttonI am a buttonI am a button

Type circle/ Outline for each colors

I am a buttonI am a buttonlightLight outline

Bricks components for gutenberg

Heading

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.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

I am a button

Voir ici

Accordion

Lorem ipsum dolor ist amte, consectetuer adipiscing eilt. Aenean commodo ligula egget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quak felis, ultricies nec, pellentesque eu, pretium quid, sem.

Lorem ipsum dolor ist amte, consectetuer adipiscing eilt. Aenean commodo ligula egget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quak felis, ultricies nec, pellentesque eu, pretium quid, sem.

I am a heading

Here goes your text ... Select any part of your text to access the formatting toolbar.

« * » indique les champs nécessaires