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/blocks/customer-account/style.scss

22 lines
330 B
SCSS
Raw Normal View History

Add 'Customer Account' block (https://github.com/woocommerce/woocommerce-blocks/pull/7876) * Add empty 'Customer Account' block * Add edit to render the block on the editor * Add Customer Account icon to @woocommerce/icons library This icon is used in the Customer Account block. * Use customerAccount icon in the Customer Account block * Add Block Settings to Customer Account block Add Typography and Color settings to the Customer Account block that can be used during Edit mode. * Add Customer Account style icons This adds the customer account style icons to be used by the customer account block. * Render the block in the frontend * Add Display setting to the Customer Account block This setting allow users to choose if they want to include an icon with the customer account link. * Add icon style selector to Display settings This adds an icon style selector in which users can choose the customer account link icon. * Display on the frontend depending on the icon style * Rename attributes * Refactor block rendering * Improve styling * Make the account link dynamic * Add alignment menu * Get dashboardUrl with getSettings and add fallback * Add link to account settings * Add tests * Fix test * Change display title * Split css file * Switch to SSR * Add styles to the front end * Address latest feedback * Remove experimental flag Co-authored-by: Alexandre Lara <allexandrelara@gmail.com>
2022-12-22 15:01:01 +00:00
.wp-block-woocommerce-customer-account {
a {
text-decoration: none !important;
align-items: center;
display: flex;
color: currentColor !important;
&:hover {
text-decoration: underline !important;
}
.icon + .label {
margin-left: $gap-smaller;
}
Add `Customer account` to patterns (https://github.com/woocommerce/woocommerce-blocks/pull/7944) * Render the block in the frontend * Add icon style selector to Display settings This adds an icon style selector in which users can choose the customer account link icon. * Display on the frontend depending on the icon style * Rename attributes * Refactor block rendering * Improve styling * Add link to account settings * Split css file * Switch to SSR * Add customer account block to header patterns * Add customer account block to footer patterns * Adapt minimal header to designs * Adapt large header to designs * Adapt header patterns to new designs and format code * Adapt footer patterns to the designs * Change display style for the essential header * Increase alt icon size * Make the icon resize with the label * Adjust icon size on headers * Add padding and move second row to the right * Remove unused enum Co-authored-by: Alexandre Lara <allexandrelara@gmail.com>
2022-12-23 09:08:44 +00:00
.icon {
height: em(16px);
width: em(16px);
}
Add 'Customer Account' block (https://github.com/woocommerce/woocommerce-blocks/pull/7876) * Add empty 'Customer Account' block * Add edit to render the block on the editor * Add Customer Account icon to @woocommerce/icons library This icon is used in the Customer Account block. * Use customerAccount icon in the Customer Account block * Add Block Settings to Customer Account block Add Typography and Color settings to the Customer Account block that can be used during Edit mode. * Add Customer Account style icons This adds the customer account style icons to be used by the customer account block. * Render the block in the frontend * Add Display setting to the Customer Account block This setting allow users to choose if they want to include an icon with the customer account link. * Add icon style selector to Display settings This adds an icon style selector in which users can choose the customer account link icon. * Display on the frontend depending on the icon style * Rename attributes * Refactor block rendering * Improve styling * Make the account link dynamic * Add alignment menu * Get dashboardUrl with getSettings and add fallback * Add link to account settings * Add tests * Fix test * Change display title * Split css file * Switch to SSR * Add styles to the front end * Address latest feedback * Remove experimental flag Co-authored-by: Alexandre Lara <allexandrelara@gmail.com>
2022-12-22 15:01:01 +00:00
}
}