encre-css 0.20.1

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
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116

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

fn divide_width_can_handle(context: &mut ContextCanHandle) -> bool {
    match context.modifier {
        Modifier::Builtin { value, .. } => {
            value.is_empty() || *value == "reverse" || value.parse::<usize>().is_ok()
        }
        Modifier::Arbitrary { hint, value, .. } => {
            *hint == "length" || (hint.is_empty() && is_matching_length(value))
        }
    }
}

#[derive(Debug)]
pub(crate) struct PluginXDefinition;

impl Plugin for PluginXDefinition {
    fn can_handle(&self, mut context: ContextCanHandle) -> bool {
        divide_width_can_handle(&mut context)
    }

    fn needs_wrapping(&self) -> bool {
        false
    }

    fn handle(&self, context: &mut ContextHandle) {
        generate_at_rules(context, |context| {
            generate_class(
                context,
                |context| match context.modifier {
                    Modifier::Builtin { value, .. } => {
                        if *value == "reverse" {
                            return context.buffer.line("--en-divide-x-reverse: 1;");
                        }

                        let value = if value.is_empty() { "1" } else { value };
                        context.buffer.lines([
                            format_args!("--en-divide-x-reverse: 0;"),
                            format_args!(
                                "border-inline-start-width: calc({value}px * var(--en-divide-x-reverse));",
                            ),
                            format_args!(
                                "border-inline-end-width: calc({value}px * calc(1 - var(--en-divide-x-reverse)));",
                            ),
                        ]);
                    }
                    Modifier::Arbitrary { value, .. } => {
                        context.buffer.lines([
                            format_args!("--en-divide-x-reverse: 0;"),
                            format_args!(
                                "border-inline-start-width: calc({value} * var(--en-divide-x-reverse));"
                            ),
                            format_args!(
                                "border-inline-end-width: calc({value} * calc(1 - var(--en-divide-x-reverse)));"
                            ),
                        ]);
                    }
                },
                " > :not([hidden]) ~ :not([hidden])",
            );
        });
    }
}

#[derive(Debug)]
pub(crate) struct PluginYDefinition;

impl Plugin for PluginYDefinition {
    fn can_handle(&self, mut context: ContextCanHandle) -> bool {
        divide_width_can_handle(&mut context)
    }

    fn needs_wrapping(&self) -> bool {
        false
    }

    fn handle(&self, context: &mut ContextHandle) {
        generate_at_rules(context, |context| {
            generate_class(
                context,
                |context| match context.modifier {
                    Modifier::Builtin { value, .. } => {
                        if *value == "reverse" {
                            return context.buffer.line("--en-divide-y-reverse: 1;");
                        }

                        let value = if value.is_empty() { "1" } else { value };
                        context.buffer.lines([
                            format_args!("--en-divide-y-reverse: 0;"),
                            format_args!(
                                "border-block-start-width: calc({value}px * var(--en-divide-y-reverse));",
                            ),
                            format_args!(
                                "border-block-end-width: calc({value}px * calc(1 - var(--en-divide-y-reverse)));",
                            ),
                        ]);
                    }
                    Modifier::Arbitrary { value, .. } => {
                        context.buffer.lines([
                            format_args!("--en-divide-y-reverse: 0;"),
                            format_args!(
                                "border-block-start-width: calc({value} * var(--en-divide-y-reverse));"
                            ),
                            format_args!(
                                "border-block-end-width: calc({value} * calc(1 - var(--en-divide-y-reverse)));"
                            ),
                        ]);
                    }
                },
                " > :not([hidden]) ~ :not([hidden])",
            );
        });
    }
}