mirrors/picocss
1
0
Fork 0
mirror of https://github.com/picocss/pico.git synced 2025-04-25 18:56:15 -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); #{$✨}color: var(#{$✨}h6-color);
} }
// Margin-top for headings after a typography block // Margin-top for headings after a block
:where(address, blockquote, dl, figure, form, ol, p, pre, table, ul) { :where(article, address, blockquote, dl, figure, form, ol, p, pre, table, ul) {
~ :is(h1, h2, h3, h4, h5, h6) { ~ :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 // Spacings for typography elements
@if map.get($modules, "content/typography") { @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 // Spacings for body > header, body > main, body > footer, section, article
@ -191,27 +191,27 @@
h1 { h1 {
#{$✨}font-size: 2rem; #{$✨}font-size: 2rem;
#{$✨}typography-spacing-vertical: 3rem; #{$✨}typography-spacing-top: 3rem;
} }
h2 { h2 {
#{$✨}font-size: 1.75rem; #{$✨}font-size: 1.75rem;
#{$✨}typography-spacing-vertical: 2.625rem; #{$✨}typography-spacing-top: 2.625rem;
} }
h3 { h3 {
#{$✨}font-size: 1.5rem; #{$✨}font-size: 1.5rem;
#{$✨}typography-spacing-vertical: 2.25rem; #{$✨}typography-spacing-top: 2.25rem;
} }
h4 { h4 {
#{$✨}font-size: 1.25rem; #{$✨}font-size: 1.25rem;
#{$✨}typography-spacing-vertical: 1.874rem; #{$✨}typography-spacing-top: 1.874rem;
} }
h5 { h5 {
#{$✨}font-size: 1.125rem; #{$✨}font-size: 1.125rem;
#{$✨}typography-spacing-vertical: 1.6875rem; #{$✨}typography-spacing-top: 1.6875rem;
} }
} }