dip 0.2.1

Write cross-platform application with React-like declarative UI framework and scalable ECS architecture all 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

const colors = require("tailwindcss/colors");
const defaultTheme = require('tailwindcss/defaultTheme')

module.exports = {
  darkMode: "class",
  content: [
    "./templates/**/*.html",
    "./theme/**/*.html"
  ],
  theme: {
    colors: {
        inherit: colors.inherit,
        current: colors.current,
        transparent: colors.transparent,

        text: getColor("text"),
        background: getColor("background"),

        accent: getColorVariant("accent", ["DEFAULT", "background"]),
        neutral: getColorVariant("neutral", [50, 100, 200, 300, 400, 500, 600, 700, 800, 900]),
    },
    fontFamily: {
      sans: ["Inter", ...defaultTheme.fontFamily.sans],
      mono: defaultTheme.fontFamily.mono,
    },
    screens: {
      md: "768px",
      lg: "1024px",
      xl: "1280px"
    },
    extend: {
      maxWidth: theme => ({
        "screen-xl": theme("screens.xl"),
      })
    }
  },
  plugins: [
    require('@tailwindcss/typography'),
  ],
};

function getColor(name) {
  return `rgb(var(--color-${name}) / <alpha-value>)`
}

function getColorVariant(name, keys) {
  return keys.reduce((prev, key) => ({
    ...prev,
    [key]: getColor(key === "DEFAULT" ? name : `${name}-${key}`),
  }), {});
}