Scott.Idem/OSIT-AE-App-Svelte
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Lots of work on upgrading to Tailwind CSS 4. Still more to go. Need to fix Modals everywhere.

Browse Source
This commit is contained in:
Scott Idem
2025-06-18 20:36:09 -04:00
parent 13912fd145
commit 376837950e
15 changed files with 319 additions and 111 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
src/lib/components/shad-editor/editor.css
View File

@@ -1,5 +1,18 @@
@import "tailwindcss/preflight";
@tailwind utilities;
@import 'tailwindcss';
@import "@skeletonlabs/skeleton";
@import "@skeletonlabs/skeleton/optional/presets";
/* @import "tailwindcss/preflight"; */
/* @tailwind utilities; */
@import '@skeletonlabs/skeleton/themes/cerberus';
@import '@skeletonlabs/skeleton/themes/modern';
@import '@skeletonlabs/skeleton/themes/wintry';
@source '../node_modules/@skeletonlabs/skeleton-svelte/dist';
@import "tailwindcss/utilities.css" layer(utilities);
.tiptap :where(p):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
@@ -9,7 +22,7 @@
.tiptap code:not(pre code) {
/* Remove the before and after pseudo elements */
@apply rounded-sm border bg-muted/50 p-1 before:content-[''] after:content-[''];
@apply rounded-sm border bg-black/50 p-1 before:content-[''] after:content-[''];
}
.tiptap blockquote p {
@@ -54,11 +67,12 @@ ul[data-type='taskList'] li label {
}
ul[data-type='taskList'] li[data-checked='true'] div {
@apply text-muted-foreground line-through;
@apply text-black/50 line-through;
}
input[type='checkbox'] {
@apply size-4 cursor-pointer rounded-sm !important;
@apply size-4 cursor-pointer rounded-sm;
/* This kills compiling !important */
}
ul[data-type='taskList'] ul[data-type='taskList'] {
@@ -71,7 +85,7 @@ ul[data-type='taskList'] ul[data-type='taskList'] {
}
.color::before {
@apply mb-[0.15rem] mr-[0.1rem] inline-block size-[1rem] rounded-sm border border-muted align-middle;
@apply mb-[0.15rem] mr-[0.1rem] inline-block size-[1rem] rounded-sm border border-black/50 align-middle;
background-color: var(--color);
content: ' ';
}
@@ -87,7 +101,7 @@ ul[data-type='taskList'] ul[data-type='taskList'] {
.tiptap table td,
.tiptap table th {
@apply border border-muted;
@apply border border-black/50;
box-sizing: border-box;
min-width: 1em;
padding: 6px 8px;
@@ -101,17 +115,20 @@ ul[data-type='taskList'] ul[data-type='taskList'] {
}
.tiptap table th {
@apply bg-muted/50 text-left font-bold;
@apply bg-black/50 text-left;
/* Kills compile: font-bold */
font-weight: bold;
}
.tiptap table .selectedCell:after {
@apply pointer-events-none absolute bottom-0 left-0 right-0 top-0 border-[2px] border-muted-foreground;
@apply pointer-events-none absolute bottom-0 left-0 right-0 top-0 border-[2px] border-black/50;
content: '';
z-index: 2;
}
.tiptap table .column-resize-handle {
@apply pointer-events-none absolute -bottom-[2px] -right-[2px] top-0 w-1 bg-muted;
@apply pointer-events-none absolute -bottom-[2px] -right-[2px] top-0 w-1 bg-black/50;
}
.tiptap .tableWrapper {