Skip to content

Commit

Permalink
Update icon, font size, color for Learning Duration (#2651)
Browse files Browse the repository at this point in the history 
* Add the clock icon SVG

* Update duration font size and color
  • Loading branch information
@ryelle
ryelle authored Jul 10, 2024
1 parent 9006d2b commit 353cfe7
Show file tree
Hide file tree
Showing 7 changed files with 12 additions and 9 deletions.
5 changes: 5 additions & 0 deletions wp-content/themes/pub/wporg-learn-2024/assets/icon-clock.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
2 changes: 1 addition & 1 deletion wp-content/themes/pub/wporg-learn-2024/parts/card-course-h3.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@
<!-- wp:group {"style":{"layout":{"selfStretch":"fit","flexSize":null},"spacing":{"margin":{"top":"var:preset|spacing|20"}}},"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between","verticalAlignment":"center"}} -->
<div class="wp-block-group" style="margin-top:var(--wp--preset--spacing--20)">

<!-- wp:wporg-learn/learning-duration {"style":{"elements":{"link":{"color":{"text":"var:preset|color|charcoal-4"}}}},"textColor":"charcoal-4","fontSize":"small"} /-->
<!-- wp:wporg-learn/learning-duration {"fontSize":"extra-small"} /-->

<!-- wp:wporg-learn/lesson-count {"style":{"layout":{"selfStretch":"fill","flexSize":null}},"fontSize":"extra-small"} /-->

Expand Down
2 changes: 1 addition & 1 deletion wp-content/themes/pub/wporg-learn-2024/parts/card-course.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@
<!-- wp:group {"style":{"layout":{"selfStretch":"fit","flexSize":null},"spacing":{"margin":{"top":"var:preset|spacing|20"}}},"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between","verticalAlignment":"center"}} -->
<div class="wp-block-group" style="margin-top:var(--wp--preset--spacing--20)">

<!-- wp:wporg-learn/learning-duration {"style":{"elements":{"link":{"color":{"text":"var:preset|color|charcoal-4"}}}},"textColor":"charcoal-4","fontSize":"small"} /-->
<!-- wp:wporg-learn/learning-duration {"fontSize":"extra-small"} /-->

<!-- wp:wporg-learn/lesson-count {"style":{"layout":{"selfStretch":"fill","flexSize":null}},"fontSize":"extra-small"} /-->

Expand Down
2 changes: 1 addition & 1 deletion wp-content/themes/pub/wporg-learn-2024/parts/card-lesson-h3.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@
<!-- wp:group {"style":{"layout":{"selfStretch":"fit","flexSize":null},"spacing":{"margin":{"top":"var:preset|spacing|20"}}},"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between","verticalAlignment":"center"}} -->
<div class="wp-block-group" style="margin-top:var(--wp--preset--spacing--20)">

<!-- wp:wporg-learn/learning-duration {"style":{"elements":{"link":{"color":{"text":"var:preset|color|charcoal-4"}}}},"textColor":"charcoal-4","fontSize":"small"} /-->
<!-- wp:wporg-learn/learning-duration {"fontSize":"extra-small"} /-->

<!-- wp:post-terms {"term":"level","separator":" ","className":"is-style-tag","fontSize":"extra-small"} /-->

Expand Down
2 changes: 1 addition & 1 deletion wp-content/themes/pub/wporg-learn-2024/parts/card-lesson.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@
<!-- wp:group {"style":{"layout":{"selfStretch":"fit","flexSize":null},"spacing":{"margin":{"top":"var:preset|spacing|20"}}},"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between","verticalAlignment":"center"}} -->
<div class="wp-block-group" style="margin-top:var(--wp--preset--spacing--20)">

<!-- wp:wporg-learn/learning-duration {"style":{"elements":{"link":{"color":{"text":"var:preset|color|charcoal-4"}}}},"textColor":"charcoal-4","fontSize":"small"} /-->
<!-- wp:wporg-learn/learning-duration {"fontSize":"extra-small"} /-->

<!-- wp:post-terms {"term":"level","separator":" ","className":"is-style-tag","fontSize":"extra-small"} /-->

Expand Down
2 changes: 1 addition & 1 deletion wp-content/themes/pub/wporg-learn-2024/parts/card.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@
<!-- wp:group {"style":{"layout":{"selfStretch":"fit","flexSize":null},"spacing":{"margin":{"top":"var:preset|spacing|20"}}},"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between","verticalAlignment":"center"}} -->
<div class="wp-block-group" style="margin-top:var(--wp--preset--spacing--20)">

<!-- wp:wporg-learn/learning-duration {"style":{"elements":{"link":{"color":{"text":"var:preset|color|charcoal-4"}}}},"textColor":"charcoal-4","fontSize":"small"} /-->
<!-- wp:wporg-learn/learning-duration {"fontSize":"extra-small"} /-->

<!-- wp:wporg-learn/lesson-count {"style":{"layout":{"selfStretch":"fill","flexSize":null}},"fontSize":"extra-small"} /-->

Expand Down
6 changes: 2 additions & 4 deletions wp-content/themes/pub/wporg-learn-2024/src/style/_card-grid.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,16 +18,14 @@
align-items: center;

&::before {
// 'clock' icon
content: "\f469";
/* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
font-family: dashicons;
content: "";
display: block;
width: 24px;
height: 24px;
font-size: 24px;
line-height: 1;
margin-right: 6px;
background: url(../../assets/icon-clock.svg) no-repeat;
}
}

Expand Down

0 comments on commit 353cfe7

Please sign in to comment.