feishin/src/renderer/styles/mixins.scss

38 lines
611 B
SCSS
Raw Normal View History

2022-12-19 15:59:14 -08:00
@mixin hidden-text-overflow {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
@mixin flex-column {
display: flex;
flex-direction: column;
}
@mixin flex-center {
display: flex;
align-items: center;
justify-content: center;
}
@mixin flex-center-column {
@include flex-center;
flex-direction: column;
}
@mixin flex-center-vertical {
display: flex;
align-items: center;
}
@mixin flex-center-horizontal {
display: flex;
justify-content: center;
}
@mixin cover-background {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}