rf-web/_sass/utils/position-utils.scss
2020-08-17 22:11:19 +02:00

92 lines
1.1 KiB
SCSS

.block {
display: block;
}
.inline-block {
display: inline-block;
}
.flex {
display: flex;
&.flex-col {
flex-direction: column;
}
&.flex-row {
flex-direction: row;
}
&.flex-align-start {
align-items: flex-start;
}
&.flex-align-end {
align-items: flex-end;
}
&.flex-align-center {
align-items: center;
}
&.flex-justify-end {
justify-content: flex-end;
}
&.flex-justify-start {
justify-content: flex-start;
}
&.flex-justify-center {
justify-content: center;
}
&.flex-justify-space-between {
justify-content: space-between;
}
&.flex-centered {
justify-content: center;
align-items: center;
}
&.flex-wrap {
flex-wrap: wrap;
}
&.flex-wrap-m {
@include touch {
flex-wrap: wrap;
}
}
.flex-1 {
flex: 1;
}
.flex-2 {
flex: 2;
}
.flex-3 {
flex: 3;
}
.flex-4 {
flex: 4;
}
.flex-5 {
flex: 5;
}
.flex-6 {
flex: 6;
}
.flex-7 {
flex: 7;
}
.flex-8 {
flex: 8;
}
}
.float-right {
float: right !important;
}