Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Add typography block style variations #330

Closed
wants to merge 9 commits into from
Closed

Add typography block style variations #330

Show file tree
Hide file tree
Changes from 5 commits
Commits
Show all changes
9 commits
Select commit Hold shift + click to select a range
04cd16e
Experiment: Font-size as block style variation
carolinan Sep 16, 2024
ca35172
Merge branch 'trunk' into try/block-style-variation-xl
carolinan Sep 20, 2024
4f299f2
Merge branch 'trunk' into try/block-style-variation-xl
carolinan Sep 21, 2024
d44e8b2
Paragraph: Rename the XL style to Lead
carolinan Sep 21, 2024
fef071a
Add the bold uppercase style for heading, paragraph, terms
carolinan Sep 21, 2024
a93fbb4
Merge branch 'trunk' into try/block-style-variation-xl
carolinan Sep 21, 2024
57f8257
Hidden-sidebar.php: Apply style variation to heading
carolinan Sep 21, 2024
914182e
More-posts.php: Apply style variation to heading
carolinan Sep 21, 2024
a01f515
Remove the uppercase style variation from the paragraph block
carolinan Sep 24, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 2 additions & 3 deletions patterns/page-cv-bio.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -27,9 +27,8 @@
<!-- wp:paragraph {"align":"left","style":{"typography":{"fontSize":"22rem","letterSpacing":"-0.03em"}}} -->
<p class="has-text-align-left" style="font-size:22rem;letter-spacing:-0.03em">Hey,</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.2"}},"fontSize":"x-large"} -->
<p class="has-x-large-font-size" style="line-height:1.2">My name is Gail Falk Seltzer and I’m a passionate and Staff Lawyer. Based in Charleston, West Virginia, I have made significant contributions to labor rights and public health advocacy. A graduate of Yale University, I am proud to have played a key role in drafting the Equal Rights Amendment, reflecting my commitment to gender equality and labor justice. My work has been instrumental in securing better conditions and benefits for miners, showcasing my unwavering dedication to protecting the rights and well-being of America’s labor force.</p>
<!-- wp:paragraph {"className":"is-style-paragraph-1"} -->
<p class="is-style-paragraph-1">My name is Gail Falk Seltzer and I’m a passionate and Staff Lawyer. Based in Charleston, West Virginia, I have made significant contributions to labor rights and public health advocacy. A graduate of Yale University, I am proud to have played a key role in drafting the Equal Rights Amendment, reflecting my commitment to gender equality and labor justice. My work has been instrumental in securing better conditions and benefits for miners, showcasing my unwavering dedication to protecting the rights and well-being of America’s labor force.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
Expand Down
15 changes: 15 additions & 0 deletions styles/blocks/paragraph-1.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
{
"$schema": "https://schemas.wp.org/trunk/theme.json",
"version": 3,
"slug": "paragraph-1",
"title": "Lead",
"blockTypes": [
"core/paragraph"
],
"styles": {
"typography": {
"fontSize": "var:preset|font-size|x-large",
"lineHeight": "1.2"
}
}
}
15 changes: 15 additions & 0 deletions styles/blocks/uppercase.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
{
"$schema": "https://schemas.wp.org/trunk/theme.json",
"version": 3,
"slug": "uppercase",
"title": "Uppercase",
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I also tried "Bold Uppercase" but it did not fit inside the button in the interface, it got truncated.

"blockTypes": [ "core/heading", "core/paragraph", "core/post-terms" ],
"styles": {
"typography": {
"fontSize": "var:preset|font-size|small",
"fontWeight": "700",
"textTransform": "uppercase",
"letterSpacing": "1.4px"
}
}
}
Loading