From 6403a3ab095aaaf16313659325576a574e50e955 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jakub=20=C4=8Curda?= Date: Wed, 18 Dec 2024 11:32:25 +0100 Subject: [PATCH 1/3] Feat(web): Introduce Box component #DS-1595 --- .../web/src/scss/components/Box/README.md | 57 +++++++++++++++ .../web/src/scss/components/Box/index.html | 65 +++++++++++++++++ .../web/src/scss/settings/_utilities.scss | 67 +++++++++++++----- .../box-chromium-linux.png | Bin 0 -> 72959 bytes .../web-chromium-linux.png | Bin 89578 -> 92748 bytes .../web-react-chromium-linux.png | Bin 96526 -> 97466 bytes 6 files changed, 173 insertions(+), 16 deletions(-) create mode 100644 packages/web/src/scss/components/Box/README.md create mode 100644 packages/web/src/scss/components/Box/index.html create mode 100644 tests/e2e/demo-components-compare.spec.ts-snapshots/box-chromium-linux.png diff --git a/packages/web/src/scss/components/Box/README.md b/packages/web/src/scss/components/Box/README.md new file mode 100644 index 0000000000..2b85c30c1b --- /dev/null +++ b/packages/web/src/scss/components/Box/README.md @@ -0,0 +1,57 @@ +# Box + +The Box component is a simple container around content or other components. + +```html +
Content
+``` + +## Border + +You can define border width, color, style using the utility classes `border-`, `border-`, `border-