Lade till nya patterns
This commit is contained in:
59
patterns/latest-cards.html
Normal file
59
patterns/latest-cards.html
Normal file
@@ -0,0 +1,59 @@
|
||||
<!-- wp:query {"queryId":10,"query":{"perPage":12,"postType":"post","order":"desc","orderBy":"date","inherit":false,"offset":0},"metadata":{"name":"QL: Posterna"}} -->
|
||||
<div class="wp-block-query">
|
||||
<!-- wp:post-template {"layout":{"type":"grid","columnCount":3}} -->
|
||||
<!-- wp:group {"layout":{"type":"flex","orientation":"vertical"}} -->
|
||||
<div class="wp-block-group">
|
||||
<!-- wp:group {"className":"post-card","style":{"border":{"radius":"8px"},"overflow":"hidden","spacing":{"margin":"0 0 2rem 0"},"color":{"background":"#16181D"},"shadow":"var:preset|shadow|natural"}} -->
|
||||
<div
|
||||
class="wp-block-group post-card has-background"
|
||||
style="
|
||||
border-radius: 8px;
|
||||
background-color: #16181d;
|
||||
margin: 0 0 2rem 0;
|
||||
box-shadow: var(--wp--preset--shadow--natural);
|
||||
">
|
||||
<!-- wp:cover {"useFeaturedImage":true,"dimRatio":30,"customOverlayColor":"#8599ac","isUserOverlayColor":false,"minHeight":300,"minHeightUnit":"px","isDark":false,"className":"post-cover","style":{"dimensions":{"minHeight":"300px"},"objectFit":"cover","position":"relative","zIndex":"1","border":{"radius":{"topLeft":"12px","topRight":"12px"}}}} -->
|
||||
<div
|
||||
class="wp-block-cover is-light post-cover"
|
||||
style="
|
||||
border-top-left-radius: 12px;
|
||||
border-top-right-radius: 12px;
|
||||
min-height: 300px;
|
||||
">
|
||||
<span
|
||||
aria-hidden="true"
|
||||
class="wp-block-cover__background has-background-dim-30 has-background-dim"
|
||||
style="background-color: #8599ac"></span>
|
||||
<div class="wp-block-cover__inner-container">
|
||||
<!-- wp:paragraph {"align":"center","style":{"width":"100%"}} -->
|
||||
<p class="has-text-align-center"></p>
|
||||
<!-- /wp:paragraph -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- /wp:cover -->
|
||||
|
||||
<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|20","right":"var:preset|spacing|40","bottom":"var:preset|spacing|40","left":"var:preset|spacing|40"}}}} -->
|
||||
<div
|
||||
class="wp-block-group"
|
||||
style="
|
||||
padding-top: var(--wp--preset--spacing--20);
|
||||
padding-right: var(--wp--preset--spacing--40);
|
||||
padding-bottom: var(--wp--preset--spacing--40);
|
||||
padding-left: var(--wp--preset--spacing--40);
|
||||
">
|
||||
<!-- wp:post-terms {"term":"category","className":"post-category-badge","style":{"color":{"background":"rgba(0,0,0,0.65)","text":"#FFFFFF"},"border":{"radius":"4px"},"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"margin":{"top":"0px","left":"0px"}}}} /-->
|
||||
|
||||
<!-- wp:post-title {"isLink":true,"style":{"typography":{"fontSize":"1.2rem","fontWeight":"600"},"spacing":{"margin":{"bottom":"0.3rem"}}}} /-->
|
||||
|
||||
<!-- wp:post-excerpt {"excerptLength":22,"fontSize":"small"} /-->
|
||||
|
||||
<!-- wp:post-date {"datetime":"2026-04-06T18:18:42.309Z","metadata":{"bindings":{"datetime":{"source":"core/post-data","args":{"field":"date"}}}},"style":{"typography":{"fontSize":"0.9rem"},"color":{"text":"#B6BAC6"}}} /-->
|
||||
</div>
|
||||
<!-- /wp:group -->
|
||||
</div>
|
||||
<!-- /wp:group -->
|
||||
</div>
|
||||
<!-- /wp:group -->
|
||||
<!-- /wp:post-template -->
|
||||
</div>
|
||||
<!-- /wp:query -->
|
||||
72
patterns/result-list.html
Normal file
72
patterns/result-list.html
Normal file
@@ -0,0 +1,72 @@
|
||||
<!-- wp:group {"tagName":"main","metadata":{"name":"Sökresultatskort"},"style":{"spacing":{"padding":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40","left":"var:preset|spacing|30","right":"var:preset|spacing|30"}}},"layout":{"type":"constrained"}} -->
|
||||
<main
|
||||
class="wp-block-group"
|
||||
style="
|
||||
padding-top: var(--wp--preset--spacing--40);
|
||||
padding-right: var(--wp--preset--spacing--30);
|
||||
padding-bottom: var(--wp--preset--spacing--40);
|
||||
padding-left: var(--wp--preset--spacing--30);
|
||||
">
|
||||
<!-- wp:query-title {"type":"search","style":{"typography":{"fontSize":"2rem","fontWeight":"700"},"spacing":{"margin":{"bottom":"var:preset|spacing|40"}}}} /-->
|
||||
|
||||
<!-- wp:query {"queryId":0,"query":{"perPage":10,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true,"taxQuery":null,"parents":[],"format":[]}} -->
|
||||
<div class="wp-block-query">
|
||||
<!-- wp:post-template {"layout":{"type":"grid","columnCount":1}} -->
|
||||
<!-- wp:group {"style":{"border":{"bottom":{"color":"var:preset|color|orange","width":"1px"},"top":[],"right":[],"left":[]}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
|
||||
<div
|
||||
class="wp-block-group"
|
||||
style="border-bottom-color: var(--wp--preset--color--orange); border-bottom-width: 1px">
|
||||
<!-- wp:columns -->
|
||||
<div class="wp-block-columns">
|
||||
<!-- wp:column {"width":"220px"} -->
|
||||
<div class="wp-block-column" style="flex-basis: 220px">
|
||||
<!-- wp:post-featured-image {"width":"","height":""} /-->
|
||||
</div>
|
||||
<!-- /wp:column -->
|
||||
|
||||
<!-- wp:column -->
|
||||
<div class="wp-block-column">
|
||||
<!-- wp:group {"layout":{"type":"flex","orientation":"vertical"}} -->
|
||||
<div class="wp-block-group">
|
||||
<!-- wp:post-title {"isLink":true,"style":{"typography":{"fontSize":"1.2rem","fontWeight":"600"}}} /-->
|
||||
|
||||
<!-- wp:post-excerpt {"excerptLength":30} /-->
|
||||
|
||||
<!-- wp:post-date {"metadata":{"bindings":{"datetime":{"source":"core/post-data","args":{"field":"date"}}}},"style":{"typography":{"fontSize":"0.9rem"},"color":{"text":"#B6BAC6"}}} /-->
|
||||
</div>
|
||||
<!-- /wp:group -->
|
||||
</div>
|
||||
<!-- /wp:column -->
|
||||
</div>
|
||||
<!-- /wp:columns -->
|
||||
</div>
|
||||
<!-- /wp:group -->
|
||||
<!-- /wp:post-template -->
|
||||
|
||||
<!-- wp:query-no-results -->
|
||||
<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40"}}}} -->
|
||||
<div
|
||||
class="wp-block-group"
|
||||
style="
|
||||
padding-top: var(--wp--preset--spacing--40);
|
||||
padding-bottom: var(--wp--preset--spacing--40);
|
||||
">
|
||||
<!-- wp:heading -->
|
||||
<h2 class="wp-block-heading">Inga träffar</h2>
|
||||
<!-- /wp:heading -->
|
||||
|
||||
<!-- wp:paragraph -->
|
||||
<p>
|
||||
Vi hittade inga resultat som matchar din sökning. Försök med andra sökord eller
|
||||
använd sökfältet igen.
|
||||
</p>
|
||||
<!-- /wp:paragraph -->
|
||||
|
||||
<!-- wp:search {"label":"Sök igen","showLabel":false,"placeholder":"Sök...","buttonText":"Sök"} /-->
|
||||
</div>
|
||||
<!-- /wp:group -->
|
||||
<!-- /wp:query-no-results -->
|
||||
</div>
|
||||
<!-- /wp:query -->
|
||||
</main>
|
||||
<!-- /wp:group -->
|
||||
Reference in New Issue
Block a user