Skip to content

Commit 45320ef

Browse files
nikonstnikonst
committed
Tailwind start over
1 parent 5317997 commit 45320ef

3 files changed

Lines changed: 177 additions & 0 deletions

File tree

‎tailwind/TailwindDemo/package.json‎

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
{
2+
"name": "tailwinddemo",
3+
"version": "1.0.0",
4+
"description": "",
5+
"main": "index.js",
6+
"scripts": {
7+
"test": "echo \"Error: no test specified\" && exit 1",
8+
"build-css": "tailwindcss build src/styles/css -o public/styles.css"
9+
},
10+
"keywords": [],
11+
"author": "",
12+
"license": "ISC",
13+
"dependencies": {
14+
"@tailwindcss/cli": "^4.1.6",
15+
"tailwindcss": "^4.1.6"
16+
}
17+
}

‎tailwind/TailwindDemo/public/output.css‎

Lines changed: 158 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,158 @@
1+
/*! tailwindcss v4.1.6 | MIT License | https://tailwindcss.com */
2+
@layer theme, base, components, utilities;
3+
@layer theme {
4+
:root, :host {
5+
--font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
6+
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
7+
--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
8+
"Courier New", monospace;
9+
--default-font-family: var(--font-sans);
10+
--default-mono-font-family: var(--font-mono);
11+
}
12+
}
13+
@layer base {
14+
*, ::after, ::before, ::backdrop, ::file-selector-button {
15+
box-sizing: border-box;
16+
margin: 0;
17+
padding: 0;
18+
border: 0 solid;
19+
}
20+
html, :host {
21+
line-height: 1.5;
22+
-webkit-text-size-adjust: 100%;
23+
tab-size: 4;
24+
font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
25+
font-feature-settings: var(--default-font-feature-settings, normal);
26+
font-variation-settings: var(--default-font-variation-settings, normal);
27+
-webkit-tap-highlight-color: transparent;
28+
}
29+
hr {
30+
height: 0;
31+
color: inherit;
32+
border-top-width: 1px;
33+
}
34+
abbr:where([title]) {
35+
-webkit-text-decoration: underline dotted;
36+
text-decoration: underline dotted;
37+
}
38+
h1, h2, h3, h4, h5, h6 {
39+
font-size: inherit;
40+
font-weight: inherit;
41+
}
42+
a {
43+
color: inherit;
44+
-webkit-text-decoration: inherit;
45+
text-decoration: inherit;
46+
}
47+
b, strong {
48+
font-weight: bolder;
49+
}
50+
code, kbd, samp, pre {
51+
font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
52+
font-feature-settings: var(--default-mono-font-feature-settings, normal);
53+
font-variation-settings: var(--default-mono-font-variation-settings, normal);
54+
font-size: 1em;
55+
}
56+
small {
57+
font-size: 80%;
58+
}
59+
sub, sup {
60+
font-size: 75%;
61+
line-height: 0;
62+
position: relative;
63+
vertical-align: baseline;
64+
}
65+
sub {
66+
bottom: -0.25em;
67+
}
68+
sup {
69+
top: -0.5em;
70+
}
71+
table {
72+
text-indent: 0;
73+
border-color: inherit;
74+
border-collapse: collapse;
75+
}
76+
:-moz-focusring {
77+
outline: auto;
78+
}
79+
progress {
80+
vertical-align: baseline;
81+
}
82+
summary {
83+
display: list-item;
84+
}
85+
ol, ul, menu {
86+
list-style: none;
87+
}
88+
img, svg, video, canvas, audio, iframe, embed, object {
89+
display: block;
90+
vertical-align: middle;
91+
}
92+
img, video {
93+
max-width: 100%;
94+
height: auto;
95+
}
96+
button, input, select, optgroup, textarea, ::file-selector-button {
97+
font: inherit;
98+
font-feature-settings: inherit;
99+
font-variation-settings: inherit;
100+
letter-spacing: inherit;
101+
color: inherit;
102+
border-radius: 0;
103+
background-color: transparent;
104+
opacity: 1;
105+
}
106+
:where(select:is([multiple], [size])) optgroup {
107+
font-weight: bolder;
108+
}
109+
:where(select:is([multiple], [size])) optgroup option {
110+
padding-inline-start: 20px;
111+
}
112+
::file-selector-button {
113+
margin-inline-end: 4px;
114+
}
115+
::placeholder {
116+
opacity: 1;
117+
}
118+
@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
119+
::placeholder {
120+
color: currentcolor;
121+
@supports (color: color-mix(in lab, red, red)) {
122+
color: color-mix(in oklab, currentcolor 50%, transparent);
123+
}
124+
}
125+
}
126+
textarea {
127+
resize: vertical;
128+
}
129+
::-webkit-search-decoration {
130+
-webkit-appearance: none;
131+
}
132+
::-webkit-date-and-time-value {
133+
min-height: 1lh;
134+
text-align: inherit;
135+
}
136+
::-webkit-datetime-edit {
137+
display: inline-flex;
138+
}
139+
::-webkit-datetime-edit-fields-wrapper {
140+
padding: 0;
141+
}
142+
::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
143+
padding-block: 0;
144+
}
145+
:-moz-ui-invalid {
146+
box-shadow: none;
147+
}
148+
button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
149+
appearance: button;
150+
}
151+
::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
152+
height: auto;
153+
}
154+
[hidden]:where(:not([hidden="until-found"])) {
155+
display: none !important;
156+
}
157+
}
158+
@layer utilities;

‎tailwind/TailwindDemo/src/input.css‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
@import "tailwindcss";
2+

0 commit comments

Comments
 (0)