Steve-Dee-Designs
/
woocommerce
mirror of https://github.com/woocommerce/woocommerce.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

"Product Collection X Columns" patterns: align "no reviews" text with the star (https://github.com/woocommerce/woocommerce-blocks/pull/11468) 

* improve line-height

* use variable
This commit is contained in:
Luigi Teschio 2023-10-27 11:42:17 +02:00 committed by GitHub
parent 1a4968fa66
commit 3e17afdbec
1 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
plugins/woocommerce-blocks/assets/js/base/components/product-rating/style.scss
View File

@ -1,14 +1,20 @@
$line-height: 1.618;
.wc-block-components-product-rating {
display: block;
line-height: 1;
span {
line-height: $line-height;
}
&__stars {
display: inline-block;
overflow: hidden;
position: relative;
width: 5.3em;
height: 1.618em;
line-height: 1.618;
line-height: $line-height;
font-size: 1em;
/* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
font-family: star;
@ -76,7 +82,7 @@
position: relative;
width: 1.5em;
height: 1.618em;
line-height: 1.618;
line-height: $line-height;
font-size: 1em;
/* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
font-family: star;