Skip to content

Commit

Permalink
Events: Refine mobile styles on landing page
Browse files Browse the repository at this point in the history
  • Loading branch information
@iandunn
iandunn committed Nov 29, 2023
1 parent 2efb504 commit b106dd9
Show file tree
Hide file tree
Showing 8 changed files with 74 additions and 23 deletions.
6 changes: 3 additions & 3 deletions public_html/wp-content/themes/wporg-events-2023/parts/front-page/contributors.html
View file
Original file line number Diff line number Diff line change
@@ -1,8 +1,8 @@
<!-- wp:group {"className":"wporg-events__contributors","layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group wporg-events__contributors">
<!-- wp:group {"style":{"layout":{"selfStretch":"fixed","flexSize":"50%"},"spacing":{"padding":{"right":"var:preset|spacing|edge-space","left":"var:preset|spacing|edge-space"}}},"layout":{"type":"flex","flexWrap":"nowrap","orientation":"vertical"}} -->
<!-- wp:group {"style":{"layout":{"selfStretch":"fixed","flexSize":"50%"},"spacing":{"padding":{"right":"var:preset|spacing|edge-space","left":"var:preset|spacing|edge-space"},"margin":{"top":"var:preset|spacing|edge-space","bottom":"var:preset|spacing|edge-space"}}},"layout":{"type":"flex","flexWrap":"nowrap","orientation":"vertical"}} -->
<div class="wp-block-group"
style="padding-right:var(--wp--preset--spacing--edge-space);padding-left:var(--wp--preset--spacing--edge-space)">
style="margin-top:var(--wp--preset--spacing--edge-space);margin-bottom:var(--wp--preset--spacing--edge-space);padding-right:var(--wp--preset--spacing--edge-space);padding-left:var(--wp--preset--spacing--edge-space)">
<!-- wp:heading {"className":"is-style-default"} -->
<h2 class="wp-block-heading is-style-default">Where all WordPress contributors meet</h2>
<!-- /wp:heading -->
Expand Down Expand Up @@ -40,4 +40,4 @@ <h2 class="wp-block-heading is-style-default">Where all WordPress contributors m

<!-- wp:pattern {"slug":"wporg-events-2023/front-contributors-meet-gallery"} /-->
</div>
<!-- /wp:group -->
<!-- /wp:group -->
32 changes: 18 additions & 14 deletions public_html/wp-content/themes/wporg-events-2023/parts/front-page/cover.html
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
<!-- wp:group {"backgroundColor":"charcoal-2","className":"wporg-events__cover","layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"left"}} -->
<div class="wp-block-group wporg-events__cover has-charcoal-2-background-color has-background">
<!-- wp:group {"style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}},"layout":{"selfStretch":"fixed","flexSize":"50%"},"spacing":{"padding":{"top":"var:preset|spacing|edge-space","bottom":"var:preset|spacing|edge-space","left":"var:preset|spacing|edge-space","right":"var:preset|spacing|edge-space"}}},"textColor":"white","className":"wporg-events__cover-stats","layout":{"type":"flex","orientation":"vertical","justifyContent":"left","flexWrap":"wrap"}} -->
<div class="wp-block-group wporg-events__cover-stats has-white-color has-text-color has-link-color"
<!-- wp:group {"className":"wporg-events__cover","layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"left"}} -->
<div class="wp-block-group wporg-events__cover">
<!-- wp:group {"style":{"elements":{"link":{"color":{"text":"var:preset|color|charcoal-1"}}},"layout":{"selfStretch":"fixed","flexSize":"50%"},"spacing":{"padding":{"top":"var:preset|spacing|edge-space","bottom":"var:preset|spacing|edge-space","left":"var:preset|spacing|edge-space","right":"var:preset|spacing|edge-space"}}},"textColor":"charcoal-1","className":"wporg-events__cover-meet-community","layout":{"type":"flex","orientation":"vertical","justifyContent":"left","flexWrap":"wrap"}} -->
<div class="wp-block-group wporg-events__cover-meet-community has-charcoal-1-color has-text-color has-link-color"
style="padding-top:var(--wp--preset--spacing--edge-space);padding-right:var(--wp--preset--spacing--edge-space);padding-bottom:var(--wp--preset--spacing--edge-space);padding-left:var(--wp--preset--spacing--edge-space)">
<!-- wp:heading {"level":1} -->
<h1 class="wp-block-heading">Meet the community behind WordPress</h1>
Expand All @@ -11,20 +11,24 @@ <h1 class="wp-block-heading">Meet the community behind WordPress</h1>
<p>All over the world contributors meet to share, learn, and collaborate for the WordPress project.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>44,744 events this last year</p>
<!-- /wp:paragraph -->
<!-- wp:list {"className":"wporg-events__cover-stats"} -->
<ul class="wporg-events__cover-stats">
<!-- wp:list-item -->
<li>44,744 events this last year</li>
<!-- /wp:list-item -->

<!-- wp:paragraph -->
<p>108 countries</p>
<!-- /wp:paragraph -->
<!-- wp:list-item -->
<li>108 countries</li>
<!-- /wp:list-item -->

<!-- wp:paragraph -->
<p>540,537 members</p>
<!-- /wp:paragraph -->
<!-- wp:list-item -->
<li>540,537 members</li>
<!-- /wp:list-item -->
</ul>
<!-- /wp:list -->
</div>
<!-- /wp:group -->

<!-- wp:wporg/google-map {"style":{"layout":{"selfStretch":"fixed","flexSize":"50%"}},"filterSlug":"all-upcoming","id":"all-upcoming-map","apiKey":"WORDCAMP_DEV_GOOGLE_MAPS_API_KEY","showList":false,"showSearch":false} /-->
</div>
<!-- /wp:group -->
<!-- /wp:group -->
7 changes: 4 additions & 3 deletions public_html/wp-content/themes/wporg-events-2023/parts/front-page/events.html
View file
Original file line number Diff line number Diff line change
@@ -1,8 +1,9 @@
<!-- wp:group {"style":{"spacing":{"padding":{"left":"var:preset|spacing|edge-space","right":"var:preset|spacing|edge-space"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group"
style="padding-right:var(--wp--preset--spacing--edge-space);padding-left:var(--wp--preset--spacing--edge-space)">
<!-- wp:heading {"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}},"fontSize":"medium"} -->
<h2 class="wp-block-heading has-medium-font-size" style="font-style:normal;font-weight:700">Upcoming Events</h2>
<!-- wp:heading {"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}},"fontSize":"medium","fontFamily":"inter"} -->
<h2 class="wp-block-heading has-inter-font-family has-medium-font-size" style="font-style:normal;font-weight:700">
Upcoming Events</h2>
<!-- /wp:heading -->

<!-- wp:wporg/google-map {"id":"all-upcoming-list","apiKey":"WORDCAMP_DEV_GOOGLE_MAPS_API_KEY","filterSlug":"all-upcoming","showMap":false,"showSearch":false,"listDisplayLimit":10} /-->
Expand All @@ -17,4 +18,4 @@ <h2 class="wp-block-heading has-medium-font-size" style="font-style:normal;font-
</div>
<!-- /wp:buttons -->
</div>
<!-- /wp:group -->
<!-- /wp:group -->
1 change: 1 addition & 0 deletions public_html/wp-content/themes/wporg-events-2023/postcss/base/breakpoints.pcss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -29,3 +29,4 @@
/*
* Custom
*/
@custom-media --phone-tablet (max-width: 959px);
4 changes: 4 additions & 0 deletions public_html/wp-content/themes/wporg-events-2023/postcss/base/footer.pcss
View file
Original file line number Diff line number Diff line change
@@ -1,11 +1,15 @@
.wporg-events__footer-organize {
border-bottom: 1px solid var(--wp--preset--color--light-grey-1);

@media (--small-only) {
&.is-layout-flex {
display: block;
margin-top: 60px;
}

& .wp-block-buttons.is-layout-flex {
display: block;
margin-top: var(--wp--preset--spacing--edge-space);
}
}
}
11 changes: 10 additions & 1 deletion public_html/wp-content/themes/wporg-events-2023/postcss/page/front-page/contributors.pcss
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,16 @@
.wporg-events__contributors {
@media (--small-only) {

@media (--phone-tablet) {
&.is-layout-flex {
display: block;
}
}

& .is-style-links-list > li:first-child {
border-top: none;
}

& .is-style-links-list > li:last-child {
border-bottom: none;
}
}
9 changes: 8 additions & 1 deletion public_html/wp-content/themes/wporg-events-2023/postcss/page/front-page/cover.pcss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,8 +11,15 @@
}
}

& .wporg-events__cover-stats {
& .wporg-events__cover-meet-community {
gap: 0;

& .wporg-events__cover-stats {
padding-left: 0;
list-style-type: none;
font-family: var(--wp--preset--font-family--eb-garamond);
font-size: 26px;
}
}

& .wp-block-wporg-google-map .wporg-google-map__container {
Expand Down
27 changes: 26 additions & 1 deletion public_html/wp-content/themes/wporg-events-2023/theme.json
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,29 @@
{
"$schema": "https://schemas.wp.org/trunk/theme.json",
"version": 2
"version": 2,
"settings": {
"custom": {
"heading": {
"level-1": {
"breakpoint": {
"small-only": {
"typography": {
"fontSize": "30px"
}
}
}
}
}
},

"typography": {
"fontSizes": [
{
"name": "Heading 1",
"size": "clamp( 30px, 4vw, 50px )",
"slug": "heading-1"
}
]
}
}
}

0 comments on commit b106dd9

Please sign in to comment.