hxx/vitesse
1
0
Fork 0
Code Issues Pull Requests Actions Projects Releases Activity

chore: cleanup styles

Browse Source
This commit is contained in:
Anthony Fu 2021-01-21 06:16:46 +08:00
parent ef401a357b
commit 3db9733b73
5 changed files with 21 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/styles/main.postcss
View File

@ -1,7 +1,7 @@
@import 'tailwindcss/base'; @import 'tailwindcss/base';
@import 'tailwindcss/components'; @import 'tailwindcss/components';
@import 'tailwindcss/utilities'; @import 'tailwindcss/utilities';
@import './prism.css'; @import './prose.postcss';
html, html,
body, body,
@ -45,7 +45,3 @@ html.dark {
hover:opacity-100 hover:text-teal-600; hover:opacity-100 hover:text-teal-600;
font-size: 0.9em; font-size: 0.9em;
} }
.prose pre {
text-align: left;
}

4
src/styles/prism-vscode-dark.css → src/styles/prism-dark.postcss
View File

@ -232,8 +232,8 @@ html.dark {
color: #808080; color: #808080;
} }
/********************************************************* /*********************************************************
* Line highlighting * Line highlighting
*/ */
pre[data-line] { pre[data-line] {
position: relative; position: relative;
} }

0
src/styles/prism-vscode-light.css → src/styles/prism-light.postcss
View File

12
src/styles/prism.css → src/styles/prose.postcss
View File

@ -1,5 +1,5 @@
@import './prism-vscode-light.css'; @import './prism-light.postcss';
@import './prism-vscode-dark.css'; @import './prism-dark.postcss';
.prose { .prose {
pre[class*='language-'], pre[class*='language-'],
@ -35,4 +35,12 @@
padding: 0.1em 0.3em; padding: 0.1em 0.3em;
border-radius: 0.3em; border-radius: 0.3em;
} }
pre {
text-align: left;
}
a code {
color: inherit;
}
} }

34
tailwind.config.js
View File

@ -30,11 +30,6 @@ module.exports = {
colors: { colors: {
teal: colors.teal, teal: colors.teal,
}, },
opacity: {
10: '0.1',
50: '0.5',
85: '0.85',
},
typography: { typography: {
DEFAULT: { DEFAULT: {
css: { css: {
@ -47,27 +42,14 @@ module.exports = {
color: colors.teal[600], color: colors.teal[600],
}, },
}, },
b: { b: { color: 'inherit' },
color: 'inherit', strong: { color: 'inherit' },
}, em: { color: 'inherit' },
strong: { h1: { color: 'inherit' },
color: 'inherit', h2: { color: 'inherit' },
}, h3: { color: 'inherit' },
em: { h4: { color: 'inherit' },
color: 'inherit', code: { color: 'inherit' },
},
h1: {
color: 'inherit',
},
h2: {
color: 'inherit',
},
h3: {
color: 'inherit',
},
h4: {
color: 'inherit',
},
}, },
}, },
}, },