From 64f5b440a5d8ad6eaab63ff3846e1f7e69151e01 Mon Sep 17 00:00:00 2001 From: Pavel Klibani Date: Sat, 16 Sep 2023 22:42:39 +0200 Subject: [PATCH] Docs(web): Add Stack demo #DS-908 - Stack demo in web is now same as demo in web-react and web-twig --- .../web/src/scss/components/Stack/index.html | 180 ++++++++++-------- 1 file changed, 102 insertions(+), 78 deletions(-) diff --git a/packages/web/src/scss/components/Stack/index.html b/packages/web/src/scss/components/Stack/index.html index 4c727acd50..7b427d5265 100644 --- a/packages/web/src/scss/components/Stack/index.html +++ b/packages/web/src/scss/components/Stack/index.html @@ -1,8 +1,10 @@ {{#> layout/plain }} -
+
+ +

Stacked Form Fields

-

Stacked Form Fields

+
@@ -15,11 +17,15 @@

Stacked Form Fields

-
+ + +
+ +
-
+

Stacked Blocks

-

Stacked Blocks

+
  • @@ -39,101 +45,119 @@

    Stacked Blocks

-
+ + +
-

Stacked Blocks with Vertical Spacing

+

Stacked Blocks with Vertical Spacing

- +
+ +
    +
  • +
    + Block 1 +
    +
  • +
  • +
    + Block 2 +
    +
  • +
  • +
    + Block 3 +
    +
  • +
+ +
-

Stacked Blocks with Inner Dividers and Vertical Spacing

+

Stacked Blocks with Inner Dividers and Vertical Spacing

- +
+ +
    +
  • +
    + Block 1 +
    +
  • +
  • +
    + Block 2 +
    +
  • +
  • +
    + Block 3 +
    +
  • +
+ +
-

Stacked Blocks with Inner and Outer Dividers and Vertical Spacing

+

Stacked Blocks with Inner and Outer Dividers and Vertical Spacing

- +
+ +
    +
  • +
    + Block 1 +
    +
  • +
  • +
    + Block 2 +
    +
  • +
  • +
    + Block 3 +
    +
  • +
+ +
-

Stacked Blocks with Inner Dividers without Vertical Spacing

+

Stacked Blocks with Inner Dividers without Vertical Spacing

- +
+ +
    +
  • +
    + Block 1 +
    +
  • +
  • +
    + Block 2 +
    +
  • +
  • +
    + Block 3 +
    +
  • +
+ +