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

style: headings

Browse source
This commit is contained in:
Lucas Larroche 2023-12-30 10:36:01 +07:00
parent 319e48ba91
commit 8b5408bb7e
10 changed files with 33 additions and 29 deletions
Download patch file Download diff file Expand all files Collapse all files

13
css/pico.classless.css
View file

@ -181,36 +181,37 @@ h6 {
h1 { h1 {
--pico-font-size: 2rem; --pico-font-size: 2rem;
--pico-line-height: 1.25; --pico-line-height: 1.125;
--pico-typography-spacing-top: 3rem; --pico-typography-spacing-top: 3rem;
} }
h2 { h2 {
--pico-font-size: 1.75rem; --pico-font-size: 1.75rem;
--pico-line-height: 1.3; --pico-line-height: 1.15;
--pico-typography-spacing-top: 2.625rem; --pico-typography-spacing-top: 2.625rem;
} }
h3 { h3 {
--pico-font-size: 1.5rem; --pico-font-size: 1.5rem;
--pico-line-height: 1.35; --pico-line-height: 1.175;
--pico-typography-spacing-top: 2.25rem; --pico-typography-spacing-top: 2.25rem;
} }
h4 { h4 {
--pico-font-size: 1.25rem; --pico-font-size: 1.25rem;
--pico-line-height: 1.4; --pico-line-height: 1.2;
--pico-typography-spacing-top: 1.874rem; --pico-typography-spacing-top: 1.874rem;
} }
h5 { h5 {
--pico-font-size: 1.125rem; --pico-font-size: 1.125rem;
--pico-line-height: 1.45; --pico-line-height: 1.225;
--pico-typography-spacing-top: 1.6875rem; --pico-typography-spacing-top: 1.6875rem;
} }
h6 { h6 {
--pico-font-size: 1rem; --pico-font-size: 1rem;
--pico-line-height: 1.25;
--pico-typography-spacing-top: 1.5rem; --pico-typography-spacing-top: 1.5rem;
} }
@ -1539,7 +1540,7 @@ label:has([type=checkbox], [type=radio]) {
} }
[type=checkbox][role=switch]:before { [type=checkbox][role=switch]:before {
display: block; display: block;
width: calc(1.25em - (var(--pico-border-width) * 2)); width: calc(1.25em - var(--pico-border-width) * 2);
height: 100%; height: 100%;
border-radius: 50%; border-radius: 50%;
background-color: var(--pico-color); background-color: var(--pico-color);

2
css/pico.classless.css.map
View file

File diff suppressed because one or more lines are too long

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

File diff suppressed because one or more lines are too long

13
css/pico.css
View file

@ -183,36 +183,37 @@ h6 {
h1 { h1 {
--pico-font-size: 2rem; --pico-font-size: 2rem;
--pico-line-height: 1.25; --pico-line-height: 1.125;
--pico-typography-spacing-top: 3rem; --pico-typography-spacing-top: 3rem;
} }
h2 { h2 {
--pico-font-size: 1.75rem; --pico-font-size: 1.75rem;
--pico-line-height: 1.3; --pico-line-height: 1.15;
--pico-typography-spacing-top: 2.625rem; --pico-typography-spacing-top: 2.625rem;
} }
h3 { h3 {
--pico-font-size: 1.5rem; --pico-font-size: 1.5rem;
--pico-line-height: 1.35; --pico-line-height: 1.175;
--pico-typography-spacing-top: 2.25rem; --pico-typography-spacing-top: 2.25rem;
} }
h4 { h4 {
--pico-font-size: 1.25rem; --pico-font-size: 1.25rem;
--pico-line-height: 1.4; --pico-line-height: 1.2;
--pico-typography-spacing-top: 1.874rem; --pico-typography-spacing-top: 1.874rem;
} }
h5 { h5 {
--pico-font-size: 1.125rem; --pico-font-size: 1.125rem;
--pico-line-height: 1.45; --pico-line-height: 1.225;
--pico-typography-spacing-top: 1.6875rem; --pico-typography-spacing-top: 1.6875rem;
} }
h6 { h6 {
--pico-font-size: 1rem; --pico-font-size: 1rem;
--pico-line-height: 1.25;
--pico-typography-spacing-top: 1.5rem; --pico-typography-spacing-top: 1.5rem;
} }
@ -1691,7 +1692,7 @@ label:has([type=checkbox], [type=radio]) {
} }
[type=checkbox][role=switch]:before { [type=checkbox][role=switch]:before {
display: block; display: block;
width: calc(1.25em - (var(--pico-border-width) * 2)); width: calc(1.25em - var(--pico-border-width) * 2);
height: 100%; height: 100%;
border-radius: 50%; border-radius: 50%;
background-color: var(--pico-color); background-color: var(--pico-color);

2
css/pico.css.map
View file

File diff suppressed because one or more lines are too long

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

@ -181,36 +181,37 @@ h6 {
h1 { h1 {
--pico-font-size: 2rem; --pico-font-size: 2rem;
--pico-line-height: 1.25; --pico-line-height: 1.125;
--pico-typography-spacing-top: 3rem; --pico-typography-spacing-top: 3rem;
} }
h2 { h2 {
--pico-font-size: 1.75rem; --pico-font-size: 1.75rem;
--pico-line-height: 1.3; --pico-line-height: 1.15;
--pico-typography-spacing-top: 2.625rem; --pico-typography-spacing-top: 2.625rem;
} }
h3 { h3 {
--pico-font-size: 1.5rem; --pico-font-size: 1.5rem;
--pico-line-height: 1.35; --pico-line-height: 1.175;
--pico-typography-spacing-top: 2.25rem; --pico-typography-spacing-top: 2.25rem;
} }
h4 { h4 {
--pico-font-size: 1.25rem; --pico-font-size: 1.25rem;
--pico-line-height: 1.4; --pico-line-height: 1.2;
--pico-typography-spacing-top: 1.874rem; --pico-typography-spacing-top: 1.874rem;
} }
h5 { h5 {
--pico-font-size: 1.125rem; --pico-font-size: 1.125rem;
--pico-line-height: 1.45; --pico-line-height: 1.225;
--pico-typography-spacing-top: 1.6875rem; --pico-typography-spacing-top: 1.6875rem;
} }
h6 { h6 {
--pico-font-size: 1rem; --pico-font-size: 1rem;
--pico-line-height: 1.25;
--pico-typography-spacing-top: 1.5rem; --pico-typography-spacing-top: 1.5rem;
} }
@ -1502,7 +1503,7 @@ label:has([type=checkbox], [type=radio]) {
} }
[type=checkbox][role=switch]:before { [type=checkbox][role=switch]:before {
display: block; display: block;
width: calc(1.25em - (var(--pico-border-width) * 2)); width: calc(1.25em - var(--pico-border-width) * 2);
height: 100%; height: 100%;
border-radius: 50%; border-radius: 50%;
background-color: var(--pico-color); background-color: var(--pico-color);

2
css/pico.fluid.classless.css.map
View file

File diff suppressed because one or more lines are too long

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

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

@ -290,36 +290,37 @@
h1 { h1 {
#{$css-var-prefix}font-size: 2rem; #{$css-var-prefix}font-size: 2rem;
#{$css-var-prefix}line-height: 1.25; #{$css-var-prefix}line-height: 1.125;
#{$css-var-prefix}typography-spacing-top: 3rem; #{$css-var-prefix}typography-spacing-top: 3rem;
} }
h2 { h2 {
#{$css-var-prefix}font-size: 1.75rem; #{$css-var-prefix}font-size: 1.75rem;
#{$css-var-prefix}line-height: 1.3; #{$css-var-prefix}line-height: 1.15;
#{$css-var-prefix}typography-spacing-top: 2.625rem; #{$css-var-prefix}typography-spacing-top: 2.625rem;
} }
h3 { h3 {
#{$css-var-prefix}font-size: 1.5rem; #{$css-var-prefix}font-size: 1.5rem;
#{$css-var-prefix}line-height: 1.35; #{$css-var-prefix}line-height: 1.175;
#{$css-var-prefix}typography-spacing-top: 2.25rem; #{$css-var-prefix}typography-spacing-top: 2.25rem;
} }
h4 { h4 {
#{$css-var-prefix}font-size: 1.25rem; #{$css-var-prefix}font-size: 1.25rem;
#{$css-var-prefix}line-height: 1.4; #{$css-var-prefix}line-height: 1.2;
#{$css-var-prefix}typography-spacing-top: 1.874rem; #{$css-var-prefix}typography-spacing-top: 1.874rem;
} }
h5 { h5 {
#{$css-var-prefix}font-size: 1.125rem; #{$css-var-prefix}font-size: 1.125rem;
#{$css-var-prefix}line-height: 1.45; #{$css-var-prefix}line-height: 1.225;
#{$css-var-prefix}typography-spacing-top: 1.6875rem; #{$css-var-prefix}typography-spacing-top: 1.6875rem;
} }
h6 { h6 {
#{$css-var-prefix}font-size: 1rem; #{$css-var-prefix}font-size: 1rem;
#{$css-var-prefix}line-height: 1.25;
#{$css-var-prefix}typography-spacing-top: 1.5rem; #{$css-var-prefix}typography-spacing-top: 1.5rem;
} }
} }