tec3/five-for-the-future
tec3/five-for-the-future
1
0
Fork 0
mirror of https://github.com/WordPress/five-for-the-future.git synced 2025-04-22 02:53:43 +03:00
Code Issues Actions Packages Projects Releases Wiki Activity

Pledge list: Adjust style and layout for smaller screens

Browse source
This commit is contained in:
Kelly Dwan 2024-08-29 17:22:25 -04:00
parent 5b839d8dc8
commit eac1ed9006
No known key found for this signature in database
GPG key ID: 8BA5575F3D11575D
2 changed files with 29 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
themes/wporg-5ftf-2024/patterns/archive-5ftf-pledge.php
View file

@ -51,7 +51,7 @@ if ( is_search() ) {
<!-- /wp:group --> <!-- /wp:group -->
<!-- wp:post-template {"style":{"spacing":{"blockGap":"var:preset|spacing|60"}}} --> <!-- wp:post-template {"style":{"spacing":{"blockGap":"var:preset|spacing|60"}}} -->
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|70"}},"layout":{"type":"flex","flexWrap":"nowrap"}} --> <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|70"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
<div class="wp-block-group"> <div class="wp-block-group">
<!-- wp:group {"style":{"border":{"style":"solid","width":"1px","color":"#d9d9d9","radius":"2px"},"spacing":{"padding":{"top":"var:preset|spacing|20","bottom":"var:preset|spacing|20","left":"var:preset|spacing|20","right":"var:preset|spacing|20"}}},"backgroundColor":"light-grey-2","layout":{"type":"constrained"}} --> <!-- wp:group {"style":{"border":{"style":"solid","width":"1px","color":"#d9d9d9","radius":"2px"},"spacing":{"padding":{"top":"var:preset|spacing|20","bottom":"var:preset|spacing|20","left":"var:preset|spacing|20","right":"var:preset|spacing|20"}}},"backgroundColor":"light-grey-2","layout":{"type":"constrained"}} -->
<div class="wp-block-group has-border-color has-light-grey-2-background-color has-background" style="border-color:#d9d9d9;border-style:solid;border-width:1px;border-radius:2px;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20)"> <div class="wp-block-group has-border-color has-light-grey-2-background-color has-background" style="border-color:#d9d9d9;border-style:solid;border-width:1px;border-radius:2px;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20)">

28
themes/wporg-5ftf-2024/src/style/style.scss
View file

@ -18,3 +18,31 @@
.wp-block-search { .wp-block-search {
--wp--custom--form--border--width: 0; --wp--custom--form--border--width: 0;
} }
.wp-block-post:where(li.type-5ftf_pledge) {
> .wp-block-group {
@media (max-width: 1080px) {
gap: var(--wp--preset--spacing--40);
}
@media (max-width: 960px) and (min-width: 600px) {
.wp-block-post-featured-image {
max-width: 110px;
}
}
@media (max-width: 600px) {
flex-direction: column;
> .wp-block-group:first-child {
max-width: 100%;
align-self: center;
}
.wp-block-post-featured-image {
max-width: 100%;
}
}
}
}