mirrors/woodpecker
1
0
Fork 0
mirror of https://github.com/woodpecker-ci/woodpecker.git synced 2025-02-02 20:52:22 +00:00
Code Issues Projects Releases Wiki Activity

use distinct classes for inline boxes

Browse source
This commit is contained in:
pat-s 2024-12-21 22:34:03 +01:00
parent fddcf44064
commit a39154570f
No known key found for this signature in database
GPG key ID: 3C6318841EF78925
2 changed files with 20 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
web/src/style.css
View file

@ -39,9 +39,16 @@
--wp-hint-warn-100: theme('colors.int-wp-hint-warn.100');
--wp-hint-warn-200: theme('colors.int-wp-hint-warn.200');
--wp-code-100: theme('colors.gray.200');
--wp-code-300: theme('colors.int-wp-secondary.300');
--wp-code-600: theme('colors.int-wp-secondary.600');
--wp-code-inline-100: theme('colors.gray.200');
--wp-code-inline-text-100: theme('colors.gray.600');
/* --wp-code-300: theme('colors.int-wp-secondary.300');
--wp-code-600: theme('colors.int-wp-secondary.600'); */
--wp-code-100: theme('colors.int-wp-secondary.300');
--wp-code-200: theme('colors.int-wp-secondary.600');
--wp-code-300: theme('colors.int-wp-secondary.800');
--wp-code-text-100: theme('colors.gray.200');
--wp-code-text-alt-100: theme('colors.gray.300');
@ -90,8 +97,13 @@
--wp-hint-warn-100: theme('colors.int-wp-hint-warn-dark.100');
--wp-hint-warn-200: theme('colors.int-wp-hint-warn-dark.200');
--wp-code-100: theme('colors.int-wp-secondary.300');
--wp-code-200: theme('colors.int-wp-secondary.600');
--wp-code-inline-100: theme('colors.gray.200');
--wp-code-inline-text-100: theme('colors.int-wp-secondary.800');
--wp-code-100: theme('colors.int-wp-secondary.300'); /* #383c4a */
--wp-code-200: theme('colors.int-wp-secondary.600'); /* #2a2e3a */
--wp-code-300: theme('colors.int-wp-secondary.800');
--wp-code-text-100: theme('colors.gray.300');
--wp-code-text-alt-100: theme('colors.gray.400');
@ -145,11 +157,11 @@ body,
}
.code-box {
@apply bg-wp-code-100 p-4 rounded-md text-sm text-wp-text-100 break-words;
@apply bg-wp-code-200 p-4 rounded-md text-sm text-wp-text-100 break-words;
white-space: pre-wrap;
}
.code-box-inline,
code:not(pre > code) {
@apply bg-wp-code-100 px-1.5 py-0.5 rounded-md text-wp-text-100;
@apply bg-wp-code-inline-100 text-wp-code-inline-text-100 px-1.5 py-0.5 rounded-md;
}

2
web/windi.config.ts
View file

@ -197,7 +197,7 @@ export default defineConfig({
'wp-code': {
100: 'var(--wp-code-100)',
200: 'var(--wp-code-200)',
300: 'var(--wp-code-100)',
300: 'var(--wp-code-300)',
},
'wp-code-text': {