mirror of
https://github.com/twbs/bootstrap.git
synced 2025-08-08 22:56:46 +02:00
Add hstack and vstack helpers
This commit is contained in:
24
scss/helpers/_stacks.scss
Normal file
24
scss/helpers/_stacks.scss
Normal 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;
|
||||
}
|
Reference in New Issue
Block a user