fix: make .headings an alternative only when classes are enabled

This commit is contained in:
AmiralBl3ndic 2021-12-29 19:38:23 +01:00
parent ed120df03b
commit 56c310fe99
17 changed files with 62 additions and 32 deletions

View file

@ -752,16 +752,13 @@ ul ~ h6 {
margin-top: var(--typography-spacing-vertical); margin-top: var(--typography-spacing-vertical);
} }
hgroup, hgroup {
.headings {
margin-bottom: var(--typography-spacing-vertical); margin-bottom: var(--typography-spacing-vertical);
} }
hgroup > *, hgroup > * {
.headings > * {
margin-bottom: 0; margin-bottom: 0;
} }
hgroup > *:last-child, hgroup > *:last-child {
.headings > *:last-child {
--color: var(--muted-color); --color: var(--muted-color);
--font-weight: unset; --font-weight: unset;
font-size: 1rem; font-size: 1rem;

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -798,15 +798,25 @@ ul ~ h6 {
margin-top: var(--typography-spacing-vertical); margin-top: var(--typography-spacing-vertical);
} }
hgroup, hgroup {
margin-bottom: var(--typography-spacing-vertical);
}
hgroup > * {
margin-bottom: 0;
}
hgroup > *:last-child {
--color: var(--muted-color);
--font-weight: unset;
font-size: 1rem;
font-family: unset;
}
.headings { .headings {
margin-bottom: var(--typography-spacing-vertical); margin-bottom: var(--typography-spacing-vertical);
} }
hgroup > *,
.headings > * { .headings > * {
margin-bottom: 0; margin-bottom: 0;
} }
hgroup > *:last-child,
.headings > *:last-child { .headings > *:last-child {
--color: var(--muted-color); --color: var(--muted-color);
--font-weight: unset; --font-weight: unset;

File diff suppressed because one or more lines are too long

View file

@ -722,16 +722,13 @@ ul ~ h6 {
margin-top: var(--typography-spacing-vertical); margin-top: var(--typography-spacing-vertical);
} }
hgroup, hgroup {
.headings {
margin-bottom: var(--typography-spacing-vertical); margin-bottom: var(--typography-spacing-vertical);
} }
hgroup > *, hgroup > * {
.headings > * {
margin-bottom: 0; margin-bottom: 0;
} }
hgroup > *:last-child, hgroup > *:last-child {
.headings > *:last-child {
--color: var(--muted-color); --color: var(--muted-color);
--font-weight: unset; --font-weight: unset;
font-size: 1rem; font-size: 1rem;

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

2
css/pico.min.css vendored

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -727,15 +727,25 @@ ul ~ h6 {
margin-top: var(--typography-spacing-vertical); margin-top: var(--typography-spacing-vertical);
} }
hgroup, hgroup {
margin-bottom: var(--typography-spacing-vertical);
}
hgroup > * {
margin-bottom: 0;
}
hgroup > *:last-child {
--color: var(--muted-color);
--font-weight: unset;
font-size: 1rem;
font-family: unset;
}
.headings { .headings {
margin-bottom: var(--typography-spacing-vertical); margin-bottom: var(--typography-spacing-vertical);
} }
hgroup > *,
.headings > * { .headings > * {
margin-bottom: 0; margin-bottom: 0;
} }
hgroup > *:last-child,
.headings > *:last-child { .headings > *:last-child {
--color: var(--muted-color); --color: var(--muted-color);
--font-weight: unset; --font-weight: unset;

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -181,8 +181,7 @@ ul {
} }
// Heading group // Heading group
hgroup, hgroup {
.headings {
margin-bottom: var(--typography-spacing-vertical); margin-bottom: var(--typography-spacing-vertical);
> * { > * {
@ -197,6 +196,23 @@ hgroup,
} }
} }
@if $enable-classes {
.headings {
margin-bottom: var(--typography-spacing-vertical);
> * {
margin-bottom: 0;
}
> *:last-child {
--color: var(--muted-color);
--font-weight: unset;
font-size: 1rem;
font-family: unset;
}
}
}
// Paragraphs // Paragraphs
p { p {
margin-bottom: var(--typography-spacing-vertical); margin-bottom: var(--typography-spacing-vertical);