ishou-render 0.1.6

ishou — target-specific renderers for the pleme-io design token set
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

//! SCSS renderer — emits `$ishou-...` variables. Mirror of CSS.

use ishou_tokens::TokenSet;

pub fn render(t: &TokenSet) -> String {
    let mut out = String::from("// ishou — pleme-io design tokens (generated)\n\n");
    for (k, v) in t.color.entries() {
        out.push_str(&format!("$ishou-{}: {};\n", k.replace('_', "-"), v.hex()));
    }
    for (role, palette_key) in t.roles.pairs() {
        let rgb = t.color.get(palette_key).expect("role resolves");
        out.push_str(&format!("$ishou-color-{role}: {};\n", rgb.hex()));
    }
    for (k, v) in t.spacing.pairs() {
        out.push_str(&format!("$ishou-space-{k}: {v}px;\n"));
    }
    for (k, v) in t.radius.pairs() {
        out.push_str(&format!("$ishou-radius-{k}: {v}px;\n"));
    }
    out
}