Module plugins

A Plugin is a handler used to convert utility classes into CSS declarations.

A lot of plugins are built in (like the ones from Tailwind CSS) and some others live in their own crates and need to be imported manually. They usually define a register function taking a mutable reference to a Config structure.

Example (with encre-css-typography)

use encre_css::Config;

let mut config = Config::from_file("encre-css.toml")?;
// Or let mut config = Config::default();

encre_css_typography::register(&mut config);

let _css = encre_css::generate(
    [r#"<div class="prose prose-headings:text-blue-500 prose-slate lg:prose-lg dark:prose-invert"></div>"#],
    &config,
);
// Do something with the CSS

Official plugins

• encre-css-typography: used to define beautiful typographic defaults for HTML you don’t control.
• encre-css-icons: used to quickly add pure CSS icons to your website.

If you want to write your own plugins, see Plugin.

Modules

accessibility

Accessibility utilities

background

Background utilities

border

Border utilities

css_property

Define a plugin used to generate CSS properties quickly.

effect

Effect utilities

filter

Filter utilities

flexbox

Flexbox utilities

grid

Grid utilities

interactivity

Interactivity utilities

layout

Layout utilities

sizing

Sizing utilities

spacing

Spacing utilities

svg

SVG utilities

table

Table utilities

transform

Transform utilities

transition

Transition and animation utilities

typography

Typography utilities

Traits

Plugin

A plugin is a structure capable of generating CSS styles from a modifier (contained in a context structure).