maud-extensions 0.6.7

Component, inline CSS/JS, and font helper macros for Maud views.
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

use maud_extensions::{css, js};

fn main() {
    let _ = css! {
        media!("(min-width: 48rem)", {
            me { padding: rem!(2); }
        })
        container!("card (min-width: 30rem)", {
            me { gap: px!(12); }
        })
        supports!("(display: grid)", {
            me { width: pct!(100); }
        })
        layer!(components, {
            me { margin: em!(1.5); }
        })
        keyframes!(fade_in, {
            from { opacity: 0; }
            to { opacity: 1; }
        })
    };

    let _ = js! {
        me().style.transitionDuration = "150ms";
    };
}