@shuriken-ui/tailwind 0.0.1 → 0.0.3

Sign up to get free protection for your applications and to get access to all the features.
@@ -1,135 +0,0 @@
1
- import type { Config } from 'tailwindcss'
2
- import colors from 'tailwindcss/colors'
3
- import typography from '@tailwindcss/typography'
4
- import aspectRatio from '@tailwindcss/aspect-ratio'
5
- import shurikenUIComponents from '../plugins/components'
6
-
7
- export default {
8
- darkMode: 'class',
9
- content: [],
10
- plugins: [typography, aspectRatio, shurikenUIComponents],
11
- theme: {
12
- fontFamily: {
13
- sans: ['Roboto Flex', 'sans-serif'],
14
- heading: ['Inter', 'sans-serif'],
15
- alt: ['Karla', 'sans-serif'],
16
- mono: ['ui-monospace', 'monospace'],
17
- },
18
-
19
- extend: {
20
- colors: {
21
- muted: colors.slate,
22
- primary: colors.violet,
23
- info: colors.sky,
24
- success: colors.teal,
25
- warning: colors.amber,
26
- danger: colors.rose,
27
- },
28
- screens: {
29
- xs: { max: '639px' },
30
- lg: '1025px',
31
- ptablet: {
32
- raw: '(min-width: 768px) and (max-width: 1024px) and (orientation: portrait)',
33
- },
34
- ltablet: {
35
- raw: '(min-width: 768px) and (max-width: 1024px) and (orientation: landscape)',
36
- },
37
- },
38
- typography: ({ theme }: any) => ({
39
- primary: {
40
- css: {
41
- '--tw-prose-links': theme('colors.primary.600'),
42
- '--tw-prose-quote-borders': theme('colors.primary.600'),
43
-
44
- '--tw-prose-invert-links': theme('colors.primary.500'),
45
- '--tw-prose-invert-quote-borders': theme('colors.primary.500'),
46
- },
47
- },
48
- muted: {
49
- css: {
50
- '--tw-prose-body': theme('colors.muted.700'),
51
- '--tw-prose-headings': theme('colors.muted.800'),
52
- '--tw-prose-lead': theme('colors.muted.600'),
53
- '--tw-prose-bold': theme('colors.muted.800'),
54
- '--tw-prose-counters': theme('colors.muted.500'),
55
- '--tw-prose-bullets': theme('colors.muted.300'),
56
- '--tw-prose-hr': theme('colors.muted.200'),
57
- '--tw-prose-quotes': theme('colors.muted.500'),
58
- '--tw-prose-captions': theme('colors.muted.500'),
59
- '--tw-prose-code': theme('colors.muted.800'),
60
- '--tw-prose-pre-code': theme('colors.muted.800'),
61
- '--tw-prose-pre-bg': theme('colors.muted.100'),
62
- '--tw-prose-th-borders': theme('colors.muted.300'),
63
- '--tw-prose-td-borders': theme('colors.muted.200'),
64
-
65
- '--tw-prose-invert-body': theme('colors.muted.400'),
66
- '--tw-prose-invert-headings': theme('colors.muted.100'),
67
- '--tw-prose-invert-lead': theme('colors.muted.300'),
68
- '--tw-prose-invert-bold': theme('colors.muted.300'),
69
- '--tw-prose-invert-counters': theme('colors.muted.400'),
70
- '--tw-prose-invert-bullets': theme('colors.muted.400'),
71
- '--tw-prose-invert-hr': theme('colors.muted.800'),
72
- '--tw-prose-invert-quotes': theme('colors.muted.200'),
73
- '--tw-prose-invert-captions': theme('colors.muted.400'),
74
- '--tw-prose-invert-code': theme('colors.muted.200'),
75
- '--tw-prose-invert-pre-code': theme('colors.muted.200'),
76
- '--tw-prose-invert-pre-bg': theme('colors.muted.800'),
77
- '--tw-prose-invert-th-borders': theme('colors.muted.600'),
78
- '--tw-prose-invert-td-borders': theme('colors.muted.700'),
79
- },
80
- },
81
- css: {
82
- h1: {
83
- fontWeight: 700,
84
- },
85
- h2: {
86
- fontWeight: 700,
87
- },
88
- h3: {
89
- fontWeight: 500,
90
- },
91
- h4: {
92
- fontWeight: 500,
93
- },
94
- li: {
95
- fontSize: '1.15rem',
96
- padding: '0.35rem 0',
97
- },
98
- em: {
99
- fontSize: '1.1rem',
100
- lineHeight: 1,
101
- },
102
- blockquote: {
103
- fontSize: '1.1rem',
104
- lineHeight: 1.4,
105
- fontWeight: 500,
106
- padding: '1.75rem',
107
- },
108
- pre: {
109
- fontFamily: theme('fontFamily.mono'),
110
- },
111
- code: {
112
- fontFamily: theme('fontFamily.mono'),
113
- padding: '0.35rem',
114
- fontWeight: 600,
115
- fontSize: '0.95rem !important',
116
- },
117
- },
118
- }),
119
- keyframes: {
120
- indeterminate: {
121
- '0%': { 'margin-left': '-10%' },
122
- '100%': { 'margin-left': '100%' },
123
- },
124
- placeload: {
125
- '0%': { 'background-position': '-468px 0' },
126
- '100%': { 'background-position': '468px 0' },
127
- },
128
- },
129
- animation: {
130
- indeterminate: 'indeterminate 1s cubic-bezier(0.4, 0, 0.2, 1) infinite',
131
- placeload: 'placeload 1s linear infinite forwards',
132
- },
133
- },
134
- },
135
- } satisfies Config
@@ -1,7 +0,0 @@
1
- import type { Config } from 'tailwindcss'
2
- import shurikenUIPreset from './preset'
3
-
4
- export default {
5
- content: [],
6
- presets: [shurikenUIPreset],
7
- } satisfies Config