diff options
author | Mark Otto <markdotto@gmail.com> | 2021-05-15 00:32:24 +0300 |
---|---|---|
committer | Mark Otto <otto@github.com> | 2021-07-17 01:11:40 +0300 |
commit | 2bc6de1f5ea85e2b1e228e56c96b339dc105b1c8 (patch) | |
tree | f465a791bb677ca720faa6eb66c7992fbc3b262e /scss | |
parent | 5c1691ac3a7511e3ae0f1f619bfc0c848090efb5 (diff) |
Add hstack and vstack helpers
Diffstat (limited to 'scss')
-rw-r--r-- | scss/_helpers.scss | 1 | ||||
-rw-r--r-- | scss/helpers/_stacks.scss | 24 |
2 files changed, 25 insertions, 0 deletions
diff --git a/scss/_helpers.scss b/scss/_helpers.scss index 8f566d12f8..13fb1bbb5d 100644 --- a/scss/_helpers.scss +++ b/scss/_helpers.scss @@ -2,6 +2,7 @@ @import "helpers/colored-links"; @import "helpers/ratio"; @import "helpers/position"; +@import "helpers/stacks"; @import "helpers/visually-hidden"; @import "helpers/stretched-link"; @import "helpers/text-truncation"; diff --git a/scss/helpers/_stacks.scss b/scss/helpers/_stacks.scss new file mode 100644 index 0000000000..bb0d4d55a8 --- /dev/null +++ b/scss/helpers/_stacks.scss @@ -0,0 +1,24 @@ +// scss-docs-start stacks +.hstack { + display: flex; + flex-direction: row; + align-items: center; + align-self: stretch; +} + +.vstack { + display: flex; + flex: 1 1 auto; + flex-direction: column; + align-self: stretch; +} +// scss-docs-end stacks + +.vr { + display: inline-block; + align-self: stretch; + width: 1px; + min-height: 1em; + background-color: currentColor; + opacity: $hr-opacity; +} |