Skip to content

Commit

Permalink
LeanCV: Use shared color variations (#7923)
Browse files Browse the repository at this point in the history 
* work

* use assembler variations

* use generic duotone slug, fix spacing sizes

* Update front-page.php

* Use generic duotone filter on cover
  • Loading branch information
@richtabor
richtabor committed Jul 5, 2024
1 parent c233b04 commit f8c28d0
Show file tree
Hide file tree
Showing 14 changed files with 1,971 additions and 330 deletions.
68 changes: 34 additions & 34 deletions leancv/patterns/front-page.php
View file

Large diffs are not rendered by default.

8 changes: 4 additions & 4 deletions leancv/patterns/profile-pic.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,8 +7,8 @@
* Inserter: no
*/
?>
<!-- wp:cover {"url":"<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/youngwoman_jobsearch_bw.jpg","dimRatio":0,"isUserOverlayColor":true,"focalPoint":{"x":0.2,"y":0.5},"minHeight":100,"minHeightUnit":"vh","contentPosition":"top left","isDark":false,"align":"full","style":{"spacing":{"margin":{"top":"0rem","bottom":"0rem"}},"color":[]}} -->
<div class="wp-block-cover alignfull is-light has-custom-content-position is-position-top-left" style="margin-top:0rem;margin-bottom:0rem;min-height:100vh"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim"></span><img class="wp-block-cover__image-background " alt="<?php echo __('', 'leancv');?>" src="<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/youngwoman_jobsearch_bw.jpg" style="object-position:20% 50%" data-object-fit="cover" data-object-position="20% 50%"/><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Write title…"} -->
<p class="has-text-align-center"><?php echo __('', 'leancv');?></p>
<!-- /wp:paragraph --></div></div>
<!-- wp:cover {"url":"<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/youngwoman_jobsearch_bw.jpg","dimRatio":0,"isUserOverlayColor":true,"focalPoint":{"x":0.2,"y":0.5},"minHeight":100,"minHeightUnit":"vh","contentPosition":"top left","isDark":false,"align":"full","style":{"spacing":{"margin":{"top":"0rem","bottom":"0rem"}},"color":{"duotone":"var:preset|duotone|duotone-1"}}} -->
<div class="wp-block-cover alignfull is-light has-custom-content-position is-position-top-left" style="margin-top:0rem;margin-bottom:0rem;min-height:100vh"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim"></span><img class="wp-block-cover__image-background" alt="<?php esc_html_e('', 'leancv');?>" src="<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/youngwoman_jobsearch_bw.jpg" style="object-position:20% 50%" data-object-fit="cover" data-object-position="20% 50%"/><div class="wp-block-cover__inner-container"><!-- wp:spacer -->
<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div></div>
<!-- /wp:cover -->
296 changes: 296 additions & 0 deletions leancv/styles/01-rose.json
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,296 @@
{
"$schema": "https://schemas.wp.org/trunk/theme.json",
"version": 3,
"title": "Rose",
"categories": [
"romantic",
"elegant",
"sophisticated",
"feminine",
"vibrant"
],
"settings": {
"color": {
"palette": [
{
"color": "#FFFFFF",
"name": "Color 2",
"slug": "theme-2"
},
{
"color": "#EFEFEF",
"name": "Color 1",
"slug": "theme-1"
},
{
"color": "#C91313",
"name": "Color 4",
"slug": "theme-4"
},
{
"color": "#A81010",
"name": "Color 5",
"slug": "theme-5"
},
{
"color": "#000000",
"name": "Color 3",
"slug": "theme-3"
}
],
"duotone": [
{
"colors": [
"#A81010",
"#FFFFFF"
],
"slug": "duotone-1",
"name": "Duotone 1"
},
{
"colors": [
"#000000",
"#C91313"
],
"slug": "duotone-2",
"name": "Duotone 2"
}
],
"gradients": [
{
"slug": "gradient-text-transparent",
"gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-4) -50%, transparent 50%)",
"name": "Text to Transparent"
},
{
"slug": "gradient-1-2",
"gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-2) 0%, var(--wp--preset--color--theme-1) 100%)",
"name": "Gradient 1"
},
{
"slug": "gradient-1-3",
"gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-2) 0%, var(--wp--preset--color--theme-4) 100%)",
"name": "Gradient 2"
},
{
"slug": "gradient-1-4",
"gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-2) 0%, var(--wp--preset--color--theme-5) 100%)",
"name": "Gradient 3"
},
{
"slug": "gradient-1-5",
"gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-2) 0%, var(--wp--preset--color--theme-3) 100%)",
"name": "Gradient 4"
},
{
"slug": "gradient-2-3",
"gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-1) 0%, var(--wp--preset--color--theme-4) 100%)",
"name": "Gradient 5"
},
{
"slug": "gradient-2-4",
"gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-1) 0%, var(--wp--preset--color--theme-5) 100%)",
"name": "Gradient 6"
},
{
"slug": "gradient-2-5",
"gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-1) 0%, var(--wp--preset--color--theme-3) 100%)",
"name": "Gradient 7"
},
{
"slug": "gradient-3-4",
"gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-4) 0%, var(--wp--preset--color--theme-5) 100%)",
"name": "Gradient 8"
},
{
"slug": "gradient-3-5",
"gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-4) 0%, var(--wp--preset--color--theme-3) 100%)",
"name": "Gradient 9"
},
{
"slug": "gradient-4-5",
"gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-5) 0%, var(--wp--preset--color--theme-3) 100%)",
"name": "Gradient 10"
}
]
}
},
"styles": {
"color": {
"background": "var(--wp--preset--color--theme-1)",
"text": "var(--wp--preset--color--theme-4)"
},
"blocks": {
"core/separator": {
"color": {
"background": "var(--wp--preset--color--theme-4)",
"text": "var(--wp--preset--color--theme-4)"
}
}
},
"elements": {
"button": {
"color": {
"background": "var(--wp--preset--color--theme-4)",
"text": "var(--wp--preset--color--theme-1)"
},
":hover": {
"color": {
"background": "var(--wp--preset--color--theme-5)",
"text": "var(--wp--preset--color--theme-1)"
}
}
},
"link": {
"color": {
"text": {
"ref": "styles.color.text"
}
}
}
},
"variations": {
"section-1": {
"color": {
"background": "var(--wp--preset--color--theme-2)",
"text": "var(--wp--preset--color--theme-4)"
},
"blocks": {
"core/paragraph": {
"elements": {
"link": {
"color": {
"text": "var(--wp--preset--color--theme-4)"
}
}
}
},
"core/separator": {
"color": {
"background": "var(--wp--preset--color--theme-4)",
"text": "var(--wp--preset--color--theme-4)"
}
}
},
"elements": {
"link": {
"color": {
"text": "var(--wp--preset--color--theme-4)"
}
},
"button": {
"color": {
"background": "var(--wp--preset--color--theme-4)",
"text": "var(--wp--preset--color--theme-1)"
},
":hover": {
"color": {
"background": "var(--wp--preset--color--theme-5)",
"text": "var(--wp--preset--color--theme-1)"
}
}
},
"heading": {
"color": {
"text": "var(--wp--preset--color--theme-4)"
}
}
}
},
"section-2": {
"color": {
"background": "var(--wp--preset--color--theme-4)",
"text": "var(--wp--preset--color--theme-1)"
},
"blocks": {
"core/paragraph": {
"elements": {
"link": {
"color": {
"text": "var(--wp--preset--color--theme-1)"
}
}
}
},
"core/separator": {
"color": {
"background": "var(--wp--preset--color--theme-1)",
"text": "var(--wp--preset--color--theme-1)"
}
}
},
"elements": {
"link": {
"color": {
"text": "var(--wp--preset--color--theme-1)"
}
},
"button": {
"color": {
"background": "var(--wp--preset--color--theme-1)",
"text": "var(--wp--preset--color--theme-4)"
},
":hover": {
"color": {
"background": "#fff",
"text": "var(--wp--preset--color--theme-4)"
}
}
},
"heading": {
"color": {
"text": "var(--wp--preset--color--theme-1)"
}
}
}
},
"section-3": {
"color": {
"background": "var(--wp--preset--color--theme-3)",
"text": "var(--wp--preset--color--theme-1)"
},
"blocks": {
"core/paragraph": {
"elements": {
"link": {
"color": {
"text": "var(--wp--preset--color--theme-1)"
}
}
}
},
"core/separator": {
"color": {
"background": "var(--wp--preset--color--theme-1)",
"text": "var(--wp--preset--color--theme-1)"
}
}
},
"elements": {
"link": {
"color": {
"text": "var(--wp--preset--color--theme-1)"
}
},
"button": {
"color": {
"background": "var(--wp--preset--color--theme-4)",
"text": "var(--wp--preset--color--theme-1)"
},
":hover": {
"color": {
"background": "var(--wp--preset--color--theme-5)",
"text": "var(--wp--preset--color--theme-1)"
}
}
},
"heading": {
"color": {
"text": "var(--wp--preset--color--theme-1)"
}
}
}
}
}
}
}

0 comments on commit f8c28d0

Please sign in to comment.