@shuriken-ui/tailwind 0.0.1 → 0.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -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