Merge pull request #236 from ipfs/style/h4-h5-sizing

style: tweak h4/h5 styling for better hierarchy
This commit is contained in:
Jessica Schilling
2021-06-08 12:48:59 -06:00
committed by GitHub
2 changed files with 5 additions and 5 deletions
@@ -5,7 +5,7 @@
itemscope
itemtype="https://schema.org/BlogPosting"
>
<h1 class="type-h5 text-primary mr-4">
<h1 class="type-h5 text-xl text-primary mr-4">
<UnstyledLink :to="videoModalCard.path" class="clamp-3 hover:underline">
{{ videoModalCard.title }}
</UnstyledLink>
+4 -4
View File
@@ -139,22 +139,22 @@ const theme = {
h4: {
fontFamily: theme('fontFamily.sans'),
fontWeight: theme('fontWeight.normal'),
fontSize: theme('fontSize.24'),
fontSize: theme('fontSize.18'),
letterSpacing: theme('letterSpacing.normal'),
lineHeight: theme('lineHeight.130'),
'@screen sm': {
fontSize: theme('fontSize.24'),
fontSize: theme('fontSize.18'),
lineHeight: theme('lineHeight.140'),
},
},
h5: {
fontFamily: theme('fontFamily.display'),
fontWeight: theme('fontWeight.semibold'),
fontSize: theme('fontSize.18'),
fontSize: theme('fontSize.16'),
letterSpacing: theme('letterSpacing.tight'),
lineHeight: theme('lineHeight.130'),
'@screen sm': {
fontSize: theme('fontSize.22'),
fontSize: theme('fontSize.16'),
},
},
p1: {