513 when to use block

[eduardseifert]

Fix #513

• Introduced the new "When to use" block
• ❗Updated styles.css with the missing link styles from Frontify https://sap.frontify.com/document/223142#/-/links

Test URLs:

Design system

• Before: https://main--hlx-test--urfuwo.hlx.page/fiori-design-web/button-web-component
• After: https://513-when-to-use-block--hlx-test--urfuwo.hlx.page/fiori-design-web/button-web-component

Block

• [x] New Blocks introduced in this PR If yes, please provide details below

Block Name	Documentation	Library Link
when-to-use	doc-link	Library Link

[aem-code-sync[bot]]

Hello, I'm the AEM Code Sync Bot and I will run some actions to deploy your branch and validate page speed. In case there are problems, just click a checkbox below to rerun the respective action.

• [ ] Re-run PSI checks
• [ ] Re-sync branch

Commits

* [4c62e4c](https://github.com/urfuwo/hlx-test/commit/4c62e4c9c875550f097be8e757470b869eeb463c) :white_check_mark: (latest) * [74cfc7a](https://github.com/urfuwo/hlx-test/commit/74cfc7a61453213079262809e3f204099ef4bb10) :white_check_mark: * [592e35d](https://github.com/urfuwo/hlx-test/commit/592e35d2f46e61d9cdf8d84a9f7c9711be158b40) :white_check_mark: * [2de5757](https://github.com/urfuwo/hlx-test/commit/2de575790f53d150ac482b116456add9c3d81b21) :white_check_mark: * [7d83b66](https://github.com/urfuwo/hlx-test/commit/7d83b66cef75377f027cdfae7f3964e1d993cc49) :white_check_mark: * [c70b3c7](https://github.com/urfuwo/hlx-test/commit/c70b3c733b47afd8d8b3b8c5d517072508ed21da) :white_check_mark: * [8fe2ab7](https://github.com/urfuwo/hlx-test/commit/8fe2ab7f8f91dda97773e411b806bddcb160b2a5) :white_check_mark: * [20953c1](https://github.com/urfuwo/hlx-test/commit/20953c103e08dfa499b01ad64cf937d4281db144) :white_check_mark:

[aem-code-sync[bot]]

Page	Scores	Audits	Google
/fiori-design-web/button-web-component

[eduardseifert]

Screwed up merging. Closed.