Skip to content

Commit dea6254

Browse files
danharrindanharrin
committed
Merge branch '4.x' of https://github.com/filamentphp/filamentphp.com into 4.x
2 parents 262b2b0 + 96bc518 commit dea6254

File tree

1 file changed

+146
-146
lines changed

1 file changed

+146
-146
lines changed

‎docs/src/styles/tailwind.css‎

Lines changed: 146 additions & 146 deletions
Original file line numberDiff line numberDiff line change
@@ -9,223 +9,223 @@
99
@custom-variant dark (&:where(.dark, .dark *));
1010

1111
@theme {
12-
--color-cream: #fff9f5;
13-
--color-butter: #fdae4b;
14-
--color-burnt-butter: #f2911b;
15-
--color-midnight: #0f033a;
16-
--color-evening: #251a4d;
17-
--color-merino: #f2e7dd;
18-
--color-hurricane: #807575;
19-
--color-dolphin: #6c6489;
20-
--color-peach-orange: #ffc497;
21-
--color-seashell-peach: #fff0e8;
22-
--color-dawn-pink: #f1e5e4;
23-
--color-salmon: #f89377;
24-
--color-fair-pink: #ffeae4;
25-
26-
--font-sans: 'Be Vietnam Pro', 'sans-serif';
27-
--font-display: 'Be Vietnam Pro', 'sans-serif';
28-
--font-mono: 'Jetbrains Mono', 'sans-serif';
29-
30-
--spacing-8xl: 88rem;
12+
--color-cream: #fff9f5;
13+
--color-butter: #fdae4b;
14+
--color-burnt-butter: #f2911b;
15+
--color-midnight: #0f033a;
16+
--color-evening: #251a4d;
17+
--color-merino: #f2e7dd;
18+
--color-hurricane: #807575;
19+
--color-dolphin: #6c6489;
20+
--color-peach-orange: #ffc497;
21+
--color-seashell-peach: #fff0e8;
22+
--color-dawn-pink: #f1e5e4;
23+
--color-salmon: #f89377;
24+
--color-fair-pink: #ffeae4;
25+
26+
--font-sans: 'Be Vietnam Pro', 'sans-serif';
27+
--font-display: 'Be Vietnam Pro', 'sans-serif';
28+
--font-mono: 'Jetbrains Mono', 'sans-serif';
29+
30+
--spacing-8xl: 88rem;
3131
}
3232

3333
@theme inline {
34-
--color-primary-50: var(--color-amber-50);
35-
--color-primary-100: var(--color-amber-100);
36-
--color-primary-200: var(--color-amber-200);
37-
--color-primary-300: var(--color-amber-300);
38-
--color-primary-400: var(--color-amber-400);
39-
--color-primary-500: var(--color-amber-500);
40-
--color-primary-600: var(--color-amber-600);
41-
--color-primary-700: var(--color-amber-700);
42-
--color-primary-800: var(--color-amber-800);
43-
--color-primary-900: var(--color-amber-900);
44-
--color-primary-950: var(--color-amber-950);
45-
46-
--color-gray-50: var(--color-zinc-50);
47-
--color-gray-100: var(--color-zinc-100);
48-
--color-gray-200: var(--color-zinc-200);
49-
--color-gray-300: var(--color-zinc-300);
50-
--color-gray-400: var(--color-zinc-400);
51-
--color-gray-500: var(--color-zinc-500);
52-
--color-gray-600: var(--color-zinc-600);
53-
--color-gray-700: var(--color-zinc-700);
54-
--color-gray-800: var(--color-zinc-800);
55-
--color-gray-900: var(--color-zinc-900);
56-
--color-gray-950: var(--color-zinc-950);
34+
--color-primary-50: var(--color-amber-50);
35+
--color-primary-100: var(--color-amber-100);
36+
--color-primary-200: var(--color-amber-200);
37+
--color-primary-300: var(--color-amber-300);
38+
--color-primary-400: var(--color-amber-400);
39+
--color-primary-500: var(--color-amber-500);
40+
--color-primary-600: var(--color-amber-600);
41+
--color-primary-700: var(--color-amber-700);
42+
--color-primary-800: var(--color-amber-800);
43+
--color-primary-900: var(--color-amber-900);
44+
--color-primary-950: var(--color-amber-950);
45+
46+
--color-gray-50: var(--color-zinc-50);
47+
--color-gray-100: var(--color-zinc-100);
48+
--color-gray-200: var(--color-zinc-200);
49+
--color-gray-300: var(--color-zinc-300);
50+
--color-gray-400: var(--color-zinc-400);
51+
--color-gray-500: var(--color-zinc-500);
52+
--color-gray-600: var(--color-zinc-600);
53+
--color-gray-700: var(--color-zinc-700);
54+
--color-gray-800: var(--color-zinc-800);
55+
--color-gray-900: var(--color-zinc-900);
56+
--color-gray-950: var(--color-zinc-950);
5757
}
5858

5959
@utility prose {
60-
& h2 {
61-
@apply lg:relative;
62-
}
60+
& h2 {
61+
@apply lg:relative;
62+
}
6363

64-
& h3 {
65-
@apply lg:relative;
66-
}
64+
& h3 {
65+
@apply lg:relative;
66+
}
6767

68-
& h4 {
69-
@apply lg:relative;
70-
}
68+
& h4 {
69+
@apply lg:relative;
70+
}
7171

72-
& h5 {
73-
@apply lg:relative;
74-
}
72+
& h5 {
73+
@apply lg:relative;
74+
}
7575

76-
& h6 {
77-
@apply lg:relative;
78-
}
76+
& h6 {
77+
@apply lg:relative;
78+
}
7979

80-
& .heading-anchor {
81-
@apply mr-2 inline-block align-baseline text-butter shadow-none dark:shadow-none;
82-
@apply lg:absolute lg:-left-7 lg:top-0;
83-
}
80+
& .heading-anchor {
81+
@apply mr-2 inline-block align-baseline text-butter shadow-none dark:shadow-none;
82+
@apply lg:absolute lg:-left-7 lg:top-0;
83+
}
8484

85-
/* All `.prose` elements except `code` */
86-
& *:not(code)::selection {
87-
@apply bg-primary-500/20;
88-
}
85+
/* All `.prose` elements except `code` */
86+
& *:not(code)::selection {
87+
@apply bg-primary-500/20;
88+
}
8989

90-
/* All `.prose` elements except `code` */
91-
.dark & *:not(code)::selection {
92-
@apply bg-gray-500/50;
93-
}
90+
/* All `.prose` elements except `code` */
91+
.dark & *:not(code)::selection {
92+
@apply bg-gray-500/50;
93+
}
9494

95-
/* All `code` elements and their children */
96-
.dark & code::selection {
97-
@apply bg-gray-500/50;
98-
}
95+
/* All `code` elements and their children */
96+
.dark & code::selection {
97+
@apply bg-gray-500/50;
98+
}
9999

100-
.dark & code *::selection {
101-
@apply bg-gray-500/50;
102-
}
100+
.dark & code *::selection {
101+
@apply bg-gray-500/50;
102+
}
103103
}
104104

105105
@utility heading-anchor {
106-
.prose & {
107-
@apply mr-2 inline-block align-baseline text-butter shadow-none dark:shadow-none;
108-
@apply lg:absolute lg:-left-7 lg:top-0;
109-
}
106+
.prose & {
107+
@apply mr-2 inline-block align-baseline text-butter shadow-none dark:shadow-none;
108+
@apply lg:absolute lg:-left-7 lg:top-0;
109+
}
110110
}
111111

112112
@utility dark {
113-
/* Dark Theme */
113+
/* Dark Theme */
114114

115-
/* All elements except `.prose` and `code` */
116-
& *::selection {
117-
@apply bg-gray-500/50;
118-
}
115+
/* All elements except `.prose` and `code` */
116+
& *::selection {
117+
@apply bg-gray-500/50;
118+
}
119119

120-
/* All `.prose` elements except `code` */
121-
& .prose *:not(code)::selection {
122-
@apply bg-gray-500/50;
123-
}
120+
/* All `.prose` elements except `code` */
121+
& .prose *:not(code)::selection {
122+
@apply bg-gray-500/50;
123+
}
124124

125-
/* All `code` elements and their children */
126-
& .prose code::selection {
127-
@apply bg-gray-500/50;
128-
}
129-
& .prose code *::selection {
130-
@apply bg-gray-500/50;
131-
}
125+
/* All `code` elements and their children */
126+
& .prose code::selection {
127+
@apply bg-gray-500/50;
128+
}
129+
& .prose code *::selection {
130+
@apply bg-gray-500/50;
131+
}
132132

133-
& p code,
134-
& ul code {
135-
@apply bg-white/20;
136-
}
133+
& p code,
134+
& ul code {
135+
@apply bg-white/20;
136+
}
137137

138-
& p code::selection,
139-
& ul code::selection {
140-
@apply !bg-gray-500/50;
141-
}
138+
& p code::selection,
139+
& ul code::selection {
140+
@apply !bg-gray-500/50;
141+
}
142142
}
143143

144144
@layer base {
145-
html {
146-
-webkit-tap-highlight-color: transparent;
147-
}
148-
iframe {
149-
max-width: 100%;
150-
}
145+
html {
146+
-webkit-tap-highlight-color: transparent;
147+
}
148+
iframe {
149+
max-width: 100%;
150+
}
151151
}
152152

153153
@layer components {
154-
details summary {
155-
cursor: pointer;
156-
}
154+
details summary {
155+
cursor: pointer;
156+
}
157157

158-
details summary p {
159-
display: inline-block;
160-
margin-block: 0.75em !important;
161-
}
158+
details summary p {
159+
display: inline-block;
160+
margin-block: 0.75em !important;
161+
}
162162

163-
/* Light Theme */
163+
/* Light Theme */
164164

165-
/* All elements except `.prose` and `code` */
166-
*:not(.prose):not(code)::selection {
167-
@apply bg-stone-500/10;
168-
}
165+
/* All elements except `.prose` and `code` */
166+
*:not(.prose):not(code)::selection {
167+
@apply bg-stone-500/10;
168+
}
169169

170-
p code,
171-
ul code {
172-
@apply rounded bg-merino px-1.5 py-0.5;
173-
}
170+
p code,
171+
ul code {
172+
@apply rounded bg-merino px-1.5 py-0.5;
173+
}
174174

175-
p code::selection,
176-
ul code::selection {
177-
@apply !bg-primary-500/20;
178-
}
175+
p code::selection,
176+
ul code::selection {
177+
@apply !bg-primary-500/20;
178+
}
179179
}
180180

181181
.navigation-custom-scrollbar {
182-
scrollbar-gutter: stable;
182+
scrollbar-gutter: stable;
183183
}
184184

185185
.navigation-custom-scrollbar::-webkit-scrollbar {
186-
height: 10px;
187-
width: 10px;
186+
height: 10px;
187+
width: 10px;
188188
}
189189

190190
.navigation-custom-scrollbar::-webkit-scrollbar-track {
191-
background: transparent;
191+
background: transparent;
192192
}
193193

194194
.navigation-custom-scrollbar::-webkit-scrollbar-thumb {
195-
background: transparent;
195+
background: transparent;
196196
}
197197

198198
.navigation-custom-scrollbar:hover::-webkit-scrollbar-thumb {
199-
border-radius: 999px;
199+
border-radius: 999px;
200200
}
201201

202202
/* Light Theme */
203203
.navigation-custom-scrollbar:hover::-webkit-scrollbar-thumb {
204-
background: #f1e5e4b0;
204+
background: #f1e5e4b0;
205205
}
206206

207207
.navigation-custom-scrollbar:hover::-webkit-scrollbar-thumb:hover {
208-
background: #d4c6c5;
208+
background: #d4c6c5;
209209
}
210210

211211
/* Dark Theme */
212212
.dark .navigation-custom-scrollbar:hover::-webkit-scrollbar-thumb {
213-
background: #2f2b49;
213+
background: #2f2b49;
214214
}
215215

216216
.dark .navigation-custom-scrollbar:hover::-webkit-scrollbar-thumb:hover {
217-
background: #373355;
217+
background: #373355;
218218
}
219219

220220
.astro-code,
221221
.astro-code span {
222-
font-style: normal !important;
222+
font-style: normal !important;
223223
}
224224

225225
.dark {
226-
.astro-code,
227-
.astro-code span {
228-
color: var(--shiki-dark) !important;
229-
font-style: normal !important;
230-
}
226+
.astro-code,
227+
.astro-code span {
228+
color: var(--shiki-dark) !important;
229+
font-style: normal !important;
230+
}
231231
}

0 commit comments

Comments
 (0)