2
0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-06-05 16:42:29 +03:00

Add hstack and vstack helpers

This commit is contained in:
Mark Otto
2021-05-14 14:32:24 -07:00
committed by Mark Otto
parent 5c1691ac3a
commit 2bc6de1f5e
4 changed files with 108 additions and 0 deletions
+1
View File
@@ -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";
+24
View File
@@ -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;
}