add basic vite setup

2021-08-25 11:52:20 +02:00
parent 96a7310b9d
commit 15c7e1955a
28 changed files with 2452 additions and 27 deletions
--- a/demos/tailwind.config.js
+++ b/demos/tailwind.config.js
@@ -0,0 +1,106 @@
+const defaultTheme = require('tailwindcss/defaultTheme')
+
+module.exports = {
+  mode: 'jit',
+  purge: [
+    './preview/**/*.{vue,js,ts,jsx,tsx}',
+  ],
+
+  theme: {
+    extend: {
+      colors: {
+        code: {
+          attrName: '#faf594',
+          attrValue: '##b9f18d',
+          doctype: '#616161',
+          keyword: '##958df1',
+          punctuation: '##70cff8',
+          string: '#b9f18d',
+          tag: '#f98181',
+        },
+        transparency: {
+          box: {
+            3: 'rgba(13, 13, 13, 0.03)',
+            5: 'rgba(13, 13, 13, 0.05)',
+          },
+        },
+        gray: {
+          DEFAULT: '',
+          900: '#0d0d0d',
+          800: '#262626',
+          700: '#3a3a3a',
+          600: '#4e4e4e',
+          500: '#616161',
+          400: '#737373',
+          300: '#919191',
+          200: '#b3b3b3',
+          100: '#d6d6d6',
+          50: '#e8e8e8',
+        },
+        accent: {
+          DEFAULT: '#faf594',
+          50: '#fffffa',
+          100: '#fffef4',
+          200: '#fefde4',
+          300: '#fdfbd4',
+          400: '#fcf8b4',
+          500: '#faf594',
+          600: '#e1dd85',
+          700: '#bcb86f',
+          800: '#969359',
+          900: '#7b7849',
+        },
+        success: {
+          DEFAULT: '#b9f18d',
+          50: '#fcfef9',
+          100: '#f8fef4',
+          200: '#eefce3',
+          300: '#e3f9d1',
+          400: '#cef5af',
+          500: '#b9f18d',
+          600: '#a7d97f',
+          700: '#8bb56a',
+          800: '#6f9155',
+          900: '#5b7645',
+        },
+      },
+      spacing: {},
+      borderRadius: {
+        xxs: '0.4rem',
+        box: '0.75rem',
+      },
+      fontSize: {
+        '2xl': '2.75rem',
+        xl: '1.5rem',
+        lg: '1.17rem',
+        sm: '0.85rem',
+      },
+      lineHeight: {
+        DEFAULT: '1.7rem',
+        '2xl': '3.16rem',
+        xl: '1.8rem',
+        lg: '1.6rem',
+      },
+      transition: {},
+      height: {
+        18: '4.5rem',
+      },
+      padding: {
+        18: '4.5rem',
+      },
+      zIndex: {},
+      boxShadow: {},
+      textShadow: {},
+      fontFamily: {
+        sans: ['Inter', ...defaultTheme.fontFamily.sans],
+        mono: ['JetBrains Mono', ...defaultTheme.fontFamily.mono],
+      },
+    },
+  },
+
+  variants: {
+    extend: {
+      opacity: ['disabled'],
+    },
+  },
+}