CSS-NibblePoker/scss/core/flex.scss

78 lines
1.1 KiB
SCSS
Raw Permalink Normal View History

// NibblePoker CSS Theme - CC0 1.0 (Public Domain)
/* Core > Flex */
// Display properties
.d-flex {
display: flex;
}
.d-inline-flex {
display: inline-flex;
}
// Content justification
.flex-justify-start {
justify-content: flex-start;
}
.flex-justify-end {
justify-content: flex-end;
}
.flex-justify-center {
justify-content: center;
}
.flex-justify-between {
justify-content: space-between;
}
.flex-justify-around {
justify-content: space-around;
}
.flex-justify-evenly {
justify-content: space-evenly;
}
.flex-justify-left {
justify-content: left;
}
.flex-justify-right {
justify-content: right;
}
// ???
.flex-align-center {
align-items: center;
}
.flex-align-start {
align-items: flex-start;
}
// Missing: start | end
.flex-direction-row, .flex-row {
flex-direction: row;
}
.flex-direction-row-reverse, .flex-row-reverse {
flex-direction: row-reverse;
}
.flex-direction-column, .flex-column {
flex-direction: column;
}
.flex-direction-column-reverse, .flex-column-reverse {
flex-direction: column-reverse;
}
.flex-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}