forked from podman-desktop/podman-desktop
-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.cjs
80 lines (76 loc) · 2.27 KB
/
tailwind.config.cjs
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
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
/**********************************************************************
* Copyright (C) 2022-2024 Red Hat, Inc.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*
* SPDX-License-Identifier: Apache-2.0
***********************************************************************/
const tailwindColors = require('tailwindcss/colors')
import colorPalette from './tailwind-color-palette.json';
module.exports = {
content: [
'packages/renderer/index.html',
'packages/renderer/src/**/*.{svelte,ts,css}',
'packages/ui/src/**/*.{svelte,ts,css}',
],
darkMode: 'class',
theme: {
extend: {
transitionProperty: {
width: 'width',
},
width: {
'leftnavbar': '48px',
'leftsidebar': '225px',
},
minWidth: {
'leftnavbar': '48px',
'leftsidebar': '225px',
},
},
fontSize: {
'xs': '10px',
'sm': '11px',
'base': '12px',
'lg': '14px',
'xl': '16px',
'2xl': '18px',
'3xl': '20px',
'4xl': '24px',
'5xl': '30px',
'6xl': '36px',
},
colors: {
// import colors from the color palette
...colorPalette,
// The remaining colors below are not part of our palette and are only here
// to maintain existing code. No new use.
'zinc': {
100: tailwindColors.zinc[100],
200: tailwindColors.zinc[200],
300: tailwindColors.zinc[300],
400: tailwindColors.zinc[400],
600: tailwindColors.zinc[600],
700: tailwindColors.zinc[700],
},
'violet': {
50: tailwindColors.violet[50],
400: tailwindColors.violet[400],
500: tailwindColors.violet[500],
600: tailwindColors.violet[600],
700: tailwindColors.violet[700],
},
},
},
plugins: [],
};