mirrors/picocss
1
0
Fork 0
mirror of https://github.com/picocss/pico.git synced 2025-04-25 10:46:14 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

style: Typography margins

Browse source
This commit is contained in:
Lucas Larroche 2022-12-29 17:44:09 +07:00
parent 091edf7ffd
commit 584046e234
2 changed files with 9 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

6
scss/content/_typography.scss
View file

@ -87,10 +87,10 @@
#{$✨}color: var(#{$✨}h6-color);
}
// Margin-top for headings after a typography block
:where(address, blockquote, dl, figure, form, ol, p, pre, table, ul) {
// Margin-top for headings after a block
:where(article, address, blockquote, dl, figure, form, ol, p, pre, table, ul) {
~ :is(h1, h2, h3, h4, h5, h6) {
margin-top: var(#{$✨}typography-spacing-vertical);
margin-top: var(#{$✨}typography-spacing-top);
}
}

12
scss/themes/default/_styles.scss
View file

@ -40,7 +40,7 @@
// Spacings for typography elements
@if map.get($modules, "content/typography") {
#{$✨}typography-spacing-vertical: 1.5rem;
#{$✨}typography-spacing-vertical: 1rem;
}
// Spacings for body > header, body > main, body > footer, section, article
@ -191,27 +191,27 @@
h1 {
#{$✨}font-size: 2rem;
#{$✨}typography-spacing-vertical: 3rem;
#{$✨}typography-spacing-top: 3rem;
}
h2 {
#{$✨}font-size: 1.75rem;
#{$✨}typography-spacing-vertical: 2.625rem;
#{$✨}typography-spacing-top: 2.625rem;
}
h3 {
#{$✨}font-size: 1.5rem;
#{$✨}typography-spacing-vertical: 2.25rem;
#{$✨}typography-spacing-top: 2.25rem;
}
h4 {
#{$✨}font-size: 1.25rem;
#{$✨}typography-spacing-vertical: 1.874rem;
#{$✨}typography-spacing-top: 1.874rem;
}
h5 {
#{$✨}font-size: 1.125rem;
#{$✨}typography-spacing-vertical: 1.6875rem;
#{$✨}typography-spacing-top: 1.6875rem;
}
}