Steve-Dee-Designs
/
woocommerce
mirror of https://github.com/woocommerce/woocommerce.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity
woocommerce/plugins/woocommerce-blocks/packages/components/formatted-monetary-amount/style.scss

4 lines
70 B
SCSS
Raw Normal View History

Add theming docs (https://github.com/woocommerce/woocommerce-blocks/pull/2691) * Add theming docs * Update some components to the new class name structure * Add docs about class name updates * Update coding guidelines * Minor improvements * Update docs/theming/class-names-update-280.md Co-authored-by: Darren Ethier <darren@roughsmootheng.in> Co-authored-by: Darren Ethier <darren@roughsmootheng.in>
2020-06-11 17:38:31 +00:00
.wc-block-components-formatted-money-amount {
show discount on cart line items & price styling (https://github.com/woocommerce/woocommerce-blocks/pull/1548) * show discount on cart line items (no styling) * style line item discount badge + use correct colors for prices * show full price inline on mobile * move all responsive tweaks for cart prices to explicit breakpoints * add nowrap to FormattedMoneyAmount so prices don't ever wrap * fix misaligned full price on mobile when prices are large (edge case): - if price strings are long, the full price stacks above line total - previous right-margin on full price showed prices misaligned * allow client code to add class(es) to FormattedMonetaryAmount * add nowrap so discount badge doesn't wrap * remove unnecessary span from discount badge + + more explicit `display` style for different price column elements
2020-01-14 20:52:42 +00:00
white-space: nowrap;
}