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

Better heading spacings after <p>

Browse source
This commit is contained in:
Lucas 2020-09-12 10:38:23 +07:00
parent 6273184242
commit b319b6785a
9 changed files with 124 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

24
css/pico.classless.css
View file

@ -443,6 +443,30 @@ p {
margin-bottom: 0.75rem; margin-bottom: 0.75rem;
} }
p ~ h1 {
margin-top: 3rem;
}
p ~ h2 {
margin-top: 2.625rem;
}
p ~ h3 {
margin-top: 2.25rem;
}
p ~ h4 {
margin-top: 1.875rem;
}
p ~ h5 {
margin-top: 1.6875rem;
}
p ~ h6 {
margin-top: 1.5rem;
}
small { small {
font-size: 85%; font-size: 85%;
} }

2
css/pico.classless.min.css vendored
View file

File diff suppressed because one or more lines are too long

24
css/pico.css
View file

@ -526,6 +526,30 @@ p {
margin-bottom: 0.75rem; margin-bottom: 0.75rem;
} }
p ~ h1 {
margin-top: 3rem;
}
p ~ h2 {
margin-top: 2.625rem;
}
p ~ h3 {
margin-top: 2.25rem;
}
p ~ h4 {
margin-top: 1.875rem;
}
p ~ h5 {
margin-top: 1.6875rem;
}
p ~ h6 {
margin-top: 1.5rem;
}
small { small {
font-size: 85%; font-size: 85%;
} }

24
css/pico.fluid.classless.css
View file

@ -439,6 +439,30 @@ p {
margin-bottom: 0.75rem; margin-bottom: 0.75rem;
} }
p ~ h1 {
margin-top: 3rem;
}
p ~ h2 {
margin-top: 2.625rem;
}
p ~ h3 {
margin-top: 2.25rem;
}
p ~ h4 {
margin-top: 1.875rem;
}
p ~ h5 {
margin-top: 1.6875rem;
}
p ~ h6 {
margin-top: 1.5rem;
}
small { small {
font-size: 85%; font-size: 85%;
} }

2
css/pico.fluid.classless.min.css vendored
View file

File diff suppressed because one or more lines are too long

2
css/pico.min.css vendored
View file

File diff suppressed because one or more lines are too long

24
css/pico.slim.css
View file

@ -464,6 +464,30 @@ p {
margin-bottom: 0.75rem; margin-bottom: 0.75rem;
} }
p ~ h1 {
margin-top: 3rem;
}
p ~ h2 {
margin-top: 2.625rem;
}
p ~ h3 {
margin-top: 2.25rem;
}
p ~ h4 {
margin-top: 1.875rem;
}
p ~ h5 {
margin-top: 1.6875rem;
}
p ~ h6 {
margin-top: 1.5rem;
}
small { small {
font-size: 85%; font-size: 85%;
} }

2
css/pico.slim.min.css vendored
View file

File diff suppressed because one or more lines are too long

24
scss/content/_typography.scss
View file

@ -198,6 +198,30 @@ hgroup {
// Paragraphs // Paragraphs
p { p {
margin-bottom: $spacing-typography/2; margin-bottom: $spacing-typography/2;
& ~ h1 {
margin-top: $spacing-typography*2;
}
& ~ h2 {
margin-top: $spacing-typography*1.75;
}
& ~ h3 {
margin-top: $spacing-typography*1.5;
}
& ~ h4 {
margin-top: $spacing-typography*1.25;
}
& ~ h5 {
margin-top: $spacing-typography*1.125;
}
& ~ h6 {
margin-top: $spacing-typography;
}
} }
// Small // Small