encre-css 0.21.0

A TailwindCSS-compatible utility-first CSS generation library written in Rust
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58

#![doc = include_str!("README.md")]
#![doc(alias = "effect")]
use crate::prelude::build_plugin::*;

const BOX_SHADOW: &str = "box-shadow: var(--en-inset-shadow, 0 0 #0000), var(--en-inset-ring-shadow, 0 0 #0000), var(--en-ring-offset-shadow, 0 0 #0000), var(--en-ring-shadow, 0 0 #0000), var(--en-shadow);";
const INSET_BOX_SHADOW: &str = "box-shadow: var(--en-inset-shadow), var(--en-inset-ring-shadow, 0 0 #0000), var(--en-ring-offset-shadow, 0 0 #0000), var(--en-ring-shadow, 0 0 #0000), var(--en-shadow, 0 0 #0000);";

pub(crate) const PLUGIN: StaticPlugin = Plugin::ListValues(ListValues {
    prop: SingleProp("--en-shadow"),
    values: map! {
        "shadow-2xs" => "0 1px var(--en-shadow-color, rgb(0 0 0 / 0.05))",
        "shadow-xs" => "0 1px 2px 0 var(--en-shadow-color, rgb(0 0 0 / 0.05))",
        "shadow-sm" => "0 1px 3px 0 var(--en-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--en-shadow-color, rgb(0 0 0 / 0.1))",
        "shadow-md" => "0 4px 6px -1px var(--en-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--en-shadow-color, rgb(0 0 0 / 0.1))",
        "shadow-lg" => "0 10px 15px -3px var(--en-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--en-shadow-color, rgb(0 0 0 / 0.1))",
        "shadow-xl" => "0 20px 25px -5px var(--en-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--en-shadow-color, rgb(0 0 0 / 0.1))",
        "shadow-2xl" => "0 25px 50px -12px var(--en-shadow-color, rgb(0 0 0 / 0.25))",
        "shadow-none" => "0 0 #0000",
    },
    extra_rule_css: Some(&[BOX_SHADOW]),
    ..ListValues::default()
});

pub(crate) const PLUGIN_ARBITRARY: StaticPlugin = Plugin::Arbitrary(Arbitrary {
    namespace: "shadow",
    prop: SingleProp("--en-shadow"),
    extra_rule_css: Some(&[BOX_SHADOW]),
    disambiguate: Some(ArbitraryDisambiguate {
        matched: &[CssType::Shadow],
        separation: ArbitraryDisambiguateSeparation::None,
    }),
    shadow_color_replacement: Some("var(--en-shadow-color, {})"),
    ..Arbitrary::default()
});

pub(crate) const PLUGIN_INSET_1: StaticPlugin = Plugin::ListValues(ListValues {
    prop: SingleProp("--en-inset-shadow"),
    values: map! {
        "inset-shadow-2xs" => "inset 0 1px var(--en-inset-shadow-color, rgb(0 0 0 / 0.05))",
        "inset-shadow-xs" => "inset 0 1px 1px var(--en-inset-shadow-color, rgb(0 0 0 / 0.05))",
        "inset-shadow-sm" => "0 2px 4px var(--en-inset-shadow-color, rgb(0 0 0 / 0.05))",
        "inset-shadow-none" => "inset 0 0 #0000",
    },
    extra_rule_css: Some(&[INSET_BOX_SHADOW]),
    ..ListValues::default()
});

pub(crate) const PLUGIN_INSET_2: StaticPlugin = Plugin::Arbitrary(Arbitrary {
    namespace: "inset-shadow",
    prop: SingleProp("--en-inset-shadow"),
    extra_rule_css: Some(&[INSET_BOX_SHADOW]),
    disambiguate: Some(ArbitraryDisambiguate {
        matched: &[CssType::Shadow],
        separation: ArbitraryDisambiguateSeparation::None,
    }),
    shadow_color_replacement: Some("var(--en-inset-shadow-color, {})"),
    ..Arbitrary::default()
});