tk/spectre.console
1
0
Fork 0
mirror of https://github.com/nsnail/spectre.console.git synced 2025-07-04 11:48:16 +08:00
Code Issues Packages Projects Releases Wiki Activity

Tweaking font-size and line-height for smaller screens

Browse Source
This commit is contained in:
Phil Scott
2022-02-14 21:09:12 -05:00
committed by Patrik Svensson
parent 3ac63d2670
commit 36e5350968
4 changed files with 28 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
docs/input/tailwind.config.js
View File

@ -37,13 +37,11 @@ module.exports = {
lineHeight: '1.4',
},
pre: {
fontWeight: theme("fontWeight.light"),
borderRadius: theme('borderRadius.xl'),
borderWidth: '1px',
borderColor: theme('colors.slate.700'),
color: theme('colors.slate.50'),
boxShadow: theme('boxShadow.md'),
lineHeight: '1.3',
},
'p + pre, p + asciinema-player pre': {
marginTop: `${-4 / 14}em`,
@ -53,9 +51,7 @@ module.exports = {
},
code: {
fontWeight: theme("fontWeight.normal"),
fontSize: 'inherit',
},
"code::before": {
content: " ",
},
@ -75,6 +71,29 @@ module.exports = {
},
},
},
base: {
css: {
pre: {
fontWeight: theme("fontWeight.light"),
fontSize:'.9rem',
lineHeight: '1.35'
},
code: {
fontSize:'inherit'
},
}
},
sm: {
css: {
pre: {
fontSize:'.8rem',
lineHeight: '1.4',
},
code:{
fontSize:'inherit'
},
}
}
}),
},
},