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/assets/js/editor-components/view-switcher/editor.scss

15 lines
264 B
SCSS
Raw Normal View History

Introduce view switcher component for the cart block (https://github.com/woocommerce/woocommerce-blocks/pull/1576) * View switcher on cart block * Dedicated component and styling * Views and selected should be required * Rename to ViewSwitcher * Implement views via render prop * Remove defaults for required props
2020-01-16 14:50:48 +00:00
.wc-block-view-switch-control {
text-align: left;
background: #f0f2f3;
box-shadow: 0 0 0 13px #f0f2f3;
margin: 0 0 27px;
visibility: hidden;
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 10:40:32 +00:00
color: $gray-700;
Introduce view switcher component for the cart block (https://github.com/woocommerce/woocommerce-blocks/pull/1576) * View switcher on cart block * Dedicated component and styling * Views and selected should be required * Rename to ViewSwitcher * Implement views via render prop * Remove defaults for required props
2020-01-16 14:50:48 +00:00
}
.has-child-selected,
.is-selected {
.wc-block-view-switch-control {
visibility: visible;
}
}