Niels Lange
9428e791c9
Replace deprecated divisions with math.div($size, $base) ( https://github.com/woocommerce/woocommerce-blocks/pull/4550 )
...
* Replace deprecated SASS divisions
* Load '@use "sass:math"' before any other rules
2021-08-24 13:37:43 +02:00
Niels Lange
7b57028b77
Twenty Twenty-One: Adjust removable chip background color ( https://github.com/woocommerce/woocommerce-blocks/pull/4547 )
...
* Twenty Twenty-One: Adjust removable chip background color
* Twenty Twenty-One: Remove GitHub reference from implementation
2021-08-05 14:50:06 +02:00
Albert Juhé Lluveras
10ceda5851
Use @wordpress/base-styles and @automattic/color-studio as a base for our styles ( https://github.com/woocommerce/woocommerce-blocks/pull/3300 )
...
* Use colors variables instead of hardcoded values when possible
* Update WC colors from @automattic/color-studio
* Decrease specificity of price-slider CSS selectors
* Update colors to WC purple
* Update bright colors
* Update grays
* Update blacks and whites
* Add @todo comment
* Remove unnecessary blank line
* Remove purple color from price slider handle
* Fix colors not shown in SVG background
* Remove unnecessary box-shadow declaration
* Add theming docs
* Refactor/remove SCSS variables
* Add @todo comment to breakpoints
* Update package-lock.json
2020-10-22 12:40:32 +02:00
Albert Juhé Lluveras
0f43c3af0f
Remove classes from dashicons ( https://github.com/woocommerce/woocommerce-blocks/pull/2848 )
2020-07-10 14:20:57 -04:00
Albert Juhé Lluveras
8c06276b00
Unify Chip styles ( https://github.com/woocommerce/woocommerce-blocks/pull/2765 )
...
* Improve cross character used in dropdown selector
* Add is-open and has-checked classes to dropdown selector so we stop relying on complex pseudoselector combinations
* Update Chip component with new props
* Update Chip styles
* Update dropdown selector selected chip with the Chip component
* Update active filters chip with the Chip component
* Style fixes
* Update snapshots and add tests
* Change onRemove prop signature
* Fix wrong bottom margin
* Fix misaligned remove icon
* Update assets/js/base/components/chip/index.js
Co-authored-by: Darren Ethier <darren@roughsmootheng.in>
* Update assets/js/base/components/chip/index.js
Co-authored-by: Darren Ethier <darren@roughsmootheng.in>
* Add missing default prop
* Prettier
* Ensure showScreenReaderText is a bool
* Rename removeOnClick with removeOnAnyClick
* Update snapshots
* Fix Chip aria-label logic
* Split Chip and RemovableChip
* Replace chip close character with an icon
* Fix outdated comment
Co-authored-by: Darren Ethier <darren@roughsmootheng.in>
2020-07-10 11:09:49 +02:00
Albert Juhé Lluveras
d1685bda7b
Use named font sizes instead of values in px ( https://github.com/woocommerce/woocommerce-blocks/pull/2533 )
...
* Use named font sizes instead of values in px
* Convert rem mixin to em
* Remove unnecessary line-height
* 'Design' -> 'layout'
* Add comment to magic line-heihgt number
* Update a couple of class names to use BEM
* Use consistent name for SCSS variables
* Fix order summary line heights
* Update docs/contributors/coding-guidelines.md
Co-authored-by: Mike Jolley <mike.jolley@me.com>
Co-authored-by: Mike Jolley <mike.jolley@me.com>
2020-05-29 12:16:33 +02:00
Mike Jolley
6ac5b8288f
Add chip component for coupons in the cart ( https://github.com/woocommerce/woocommerce-blocks/pull/1807 )
...
* Chip componet and styling
* Tests
* Move coupon code for API requests to body - fixes issues with coupon codes containing special characters
* Implement chip component in cart page
* Revert "Move coupon code for API requests to body - fixes issues with coupon codes containing special characters"
This reverts commit ac5a72f55d51d939bb989f3936e28cf993af19a6.
* Update comment
* prevent overflow
* Add screen reader text for coupon name
* Adjust icon alignment and padding/hit box
* update string
2020-02-26 17:09:18 +00:00