richard/cyca
1
Fork 0
Code Issues Activity

Refresh

Browse Source
This commit is contained in:
Richard Dern
2022-01-12 00:35:37 +01:00
commit 400e3d01f1
1363 changed files with 57778 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
resources/css/components/_index.css vendored Executable file
View File

@@ -0,0 +1,6 @@
@import "list.css";
@import "badge.css";
@import "folder.css";
@import "highlight.css";
@import "prose.css";
@import "group-status.css";

27
resources/css/components/badge.css vendored Executable file
View File

@@ -0,0 +1,27 @@
.badge {
@apply rounded-full text-xs flex items-center whitespace-nowrap px-2 py-0.5 space-x-1;
&.default {
@apply bg-gray-100 text-gray-500;
@apply dark:bg-gray-500 dark:text-white;
}
&.success {
@apply bg-green-500 text-white;
@apply dark:bg-green-800 dark:text-white;
}
&.danger {
@apply bg-red-500 text-white;
@apply dark:bg-red-800 dark:text-white;
}
&.warning {
@apply bg-orange-500 text-white;
}
&.info {
@apply bg-blue-400 text-white;
@apply dark:bg-blue-800 dark:text-white;
}
}

19
resources/css/components/folder.css vendored Executable file
View File

@@ -0,0 +1,19 @@
/* Regular folder */
.folder-common {
@apply text-orange-400;
}
/* Unread items folder - with unread items */
.folder-unread-not-empty {
@apply text-purple-400;
}
/* Unread items folder - empty */
.folder-unread {
@apply text-gray-500;
}
/* Root folder */
.folder-root {
@apply text-blue-400;
}

26
resources/css/components/group-status.css vendored Executable file
View File

@@ -0,0 +1,26 @@
.group-status-own {
@apply text-white bg-green-800;
}
.group-status-created {
@apply text-white bg-green-800;
}
.group-status-invited {
@apply text-white bg-orange-700;
}
.group-status-accepted {
@apply text-white bg-green-800;
}
.group-status-rejected {
@apply text-white bg-red-800;
}
.group-status-left {
}
.group-status-joining {
@apply text-white bg-orange-700;
}

3
resources/css/components/highlight.css vendored Executable file
View File

@@ -0,0 +1,3 @@
.highlight {
@apply rounded px-1;
}

160
resources/css/components/list.css vendored Executable file
View File

@@ -0,0 +1,160 @@
.list {
&.vertical {
@apply flex flex-col p-1;
}
&.horizontal {
@apply flex flex-row flex-wrap p-0;
}
&.items-rounded > * {
@apply rounded;
}
&.spaced > * {
@apply mb-0.5;
}
&.compact > * {
@apply py-1;
}
&.alt {
@apply rounded;
@apply bg-gray-50;
@apply dark:bg-gray-850;
}
& > * {
@apply px-2 py-2 flex-none;
&.emphasize {
@apply text-blue-300;
@apply dark:text-gray-100;
&:hover {
@apply text-blue-500;
@apply dark:text-white;
}
}
&.list-item,
& .list-item {
@apply flex items-center justify-between space-x-1;
& .list-item-text {
@apply flex-grow truncate;
}
& .list-item-title {
@apply mr-2 whitespace-nowrap;
}
& .list-item-value {
@apply text-right;
& code {
@apply break-all;
}
}
}
& .icons,
& .badges,
& .handle {
@apply flex-none flex items-center space-x-1;
}
& .handle {
cursor: ns-resize;
}
& .caret {
@apply dark:text-gray-500;
@apply w-4 h-4;
}
&.text-xs {
& img,
& svg,
& .caret {
max-width: 0.75rem;
max-height: 0.75rem;
}
}
& img,
& svg,
& .caret {
width: 1rem;
height: 1rem;
}
& img.favicon-lg {
width: 2rem;
height: 2rem;
@apply flex-none;
}
&:hover {
@apply bg-gray-200 text-gray-500;
@apply dark:bg-gray-600 dark:text-gray-400;
}
&.selected {
@apply bg-blue-500 text-white;
@apply dark:bg-blue-800 dark:text-white;
& .caret {
@apply dark:text-gray-500;
}
&:hover {
@apply bg-blue-400;
@apply dark:bg-blue-700;
}
}
&.dragged-over {
@apply bg-green-200 text-gray-500;
@apply dark:bg-green-800 dark:text-white;
}
&.cannot-drop {
@apply bg-red-200 text-gray-500;
@apply dark:bg-red-800 dark:text-white;
}
}
&.striped > * {
@apply odd:bg-white;
@apply dark:odd:bg-gray-750;
&.emphasize {
&:hover {
@apply text-blue-500;
@apply dark:text-white;
}
}
&:hover {
@apply bg-gray-200 text-gray-500;
@apply dark:bg-gray-600 dark:text-gray-400;
}
&.selected {
@apply bg-blue-500 text-white;
@apply dark:bg-blue-800 dark:text-white;
& .caret {
@apply dark:text-gray-500;
}
&:hover {
@apply bg-blue-400 text-white;
@apply dark:bg-blue-700;
}
}
}
}

109
resources/css/components/prose.css vendored Executable file
View File

@@ -0,0 +1,109 @@
.cyca-prose {
@apply mx-auto mb-6 max-w-prose shadow-lg rounded px-2 py-2 text-justify;
@apply bg-white;
@apply dark:bg-gray-700;
max-width: 100%;
& p {
@apply text-justify my-4 leading-7;
}
& img {
@apply my-2;
max-width: 100%;
}
& figure {
& figcaption {
@apply text-center italic text-sm;
}
}
& pre {
@apply bg-gray-900 text-gray-400 p-2 rounded overflow-auto;
}
& table {
@apply min-w-full divide-y border;
@apply divide-gray-300 border-gray-300;
@apply dark:divide-gray-800 dark:border-gray-800;
& tbody {
@apply divide-y;
@apply divide-gray-300;
@apply dark:divide-gray-800;
& tr {
@apply odd:bg-gray-100;
@apply dark:odd:bg-gray-600;
}
}
& td,
& th {
@apply px-2 py-1;
}
}
& h1,
& h2,
& h3,
& h4,
& h5,
& h6 {
@apply text-black;
@apply dark:text-white;
}
& h1 {
@apply text-2xl my-6;
}
& h2 {
@apply text-xl my-4;
}
& h3 {
@apply text-lg my-2;
}
& ul,
& ol {
@apply mx-8;
& li {
@apply my-2 p-2 rounded;
@apply odd:bg-gray-100;
@apply dark:odd:bg-gray-600;
}
}
& ul {
@apply list-disc;
}
& ol {
@apply list-decimal;
}
& a {
@apply underline;
@apply text-blue-300;
@apply dark:text-blue-500;
&:hover {
@apply no-underline;
@apply text-blue-400;
@apply dark:text-blue-400;
}
}
& blockquote {
@apply border-l-4 pl-4 italic mx-8 rounded p-2;
@apply border-gray-500 bg-gray-100;
@apply dark:border-gray-600 dark:bg-gray-800;
}
}