123456789101112131415161718192021222324252627282930313233343536373839 |
- @mixin colBox($isBtw) {
- display: flex;
- flex-direction: column;
- @if $isBtw {
- justify-content: space-between;
- }
- }
- @mixin centerBox {
- display: flex;
- justify-content: center;
- align-items: center;
- }
- @mixin vCenterBox {
- display: flex;
- align-items: center;
- }
- @mixin btwBox {
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
- @mixin nomalEllipsis {
- overflow: hidden;
- text-overflow: ellipsis;
- word-break: break-all;
- white-space: nowrap;
- }
- @mixin ellipsisWithLine($line) {
- display: -webkit-box;
- -webkit-box-orient: vertical;
- -webkit-line-clamp: $line;
- overflow: hidden;
- word-break: break-all;
- }
|