michalvankodev/michalvankodev-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Finish skeletyl article

Browse Source
This commit is contained in:
Michal Vanko
2023-08-29 22:45:58 +02:00
parent a19384a417
commit 4d5d4bce1e
3 changed files with 107 additions and 67 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/routes/layout.css.ts
View File

@ -27,7 +27,7 @@ export const mainContentClass = sprinkles({
// TODO Create atomic classes for maxWidhts and use them everywhere in the content
globalStyle(
`${mainContentClass} h1, ${mainContentClass} h2, ${mainContentClass} h3, ${mainContentClass} h4, ${mainContentClass} h5, ${mainContentClass} h6, ${mainContentClass} p, ${mainContentClass} ul, ${mainContentClass} ol, ${mainContentClass} figure, ${mainContentClass} img, ${mainContentClass} blockquote, ${mainContentClass} iframe:not(.embed), ${mainContentClass} footer`,
`${mainContentClass} h1, ${mainContentClass} h2, ${mainContentClass} h3, ${mainContentClass} h4, ${mainContentClass} h5, ${mainContentClass} h6, ${mainContentClass} p, ${mainContentClass} ul, ${mainContentClass} ol, ${mainContentClass} figure, ${mainContentClass} img, ${mainContentClass} blockquote, ${mainContentClass} iframe:not(.embed), ${mainContentClass} footer, ${mainContentClass} table`,
{
maxWidth: vars.width.layoutMax,
marginLeft: 'auto',
@ -54,6 +54,12 @@ globalStyle(`${mainContentClass} img`, {
boxShadow: vars.boxShadow.contentBoxShadow,
})
globalStyle(`${mainContentClass} table`, {
maxWidth: vars.width.image,
fontSize: vars.fontSize.sm,
lineHeight: vars.lineHeight['3x'],
})
globalStyle(`${mainContentClass} figure`, {
maxWidth: vars.width.image,
})