2019-11-10 11:45:15 +00:00
|
|
|
@mixin center-content-flex() {
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
align-items: center;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@mixin padding-vertical($padding) {
|
|
|
|
|
padding-top: $padding;
|
|
|
|
|
padding-bottom: $padding;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@mixin padding-horizontal($padding) {
|
|
|
|
|
padding-left: $padding;
|
|
|
|
|
padding-right: $padding;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@mixin margin-vertical($margin) {
|
|
|
|
|
margin-top: $margin;
|
|
|
|
|
margin-bottom: $margin;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@mixin margin-horizontal($margin) {
|
|
|
|
|
margin-left: $margin;
|
|
|
|
|
margin-right: $margin;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@mixin dir-col() {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@mixin dir-row() {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: row;
|
|
|
|
|
}
|
2020-08-16 09:54:33 +00:00
|
|
|
|
2020-08-16 16:03:53 +00:00
|
|
|
.margin-0 {
|
|
|
|
|
margin: 0px !important;
|
|
|
|
|
}
|
|
|
|
|
|
2020-08-16 09:54:33 +00:00
|
|
|
.margin-4-bottom {
|
2020-08-17 21:05:18 +00:00
|
|
|
margin-bottom: var(--size-base) !important;
|
2020-08-16 09:54:33 +00:00
|
|
|
}
|
2020-08-16 16:03:53 +00:00
|
|
|
|
2020-08-16 09:54:33 +00:00
|
|
|
.margin-8-bottom {
|
2020-08-17 21:05:18 +00:00
|
|
|
margin-bottom: var(--size-8) !important;
|
2020-08-16 09:54:33 +00:00
|
|
|
}
|
2020-08-16 16:03:53 +00:00
|
|
|
|
2020-08-16 09:54:33 +00:00
|
|
|
.margin-16-bottom {
|
2020-08-17 21:05:18 +00:00
|
|
|
margin-bottom: var(--size-16) !important;
|
2020-08-16 09:54:33 +00:00
|
|
|
}
|
2020-08-16 16:03:53 +00:00
|
|
|
|
2020-08-17 20:11:19 +00:00
|
|
|
.margin-16-bottom-m {
|
|
|
|
|
@include touch {
|
2020-08-17 21:05:18 +00:00
|
|
|
margin-bottom: var(--size-16) !important;
|
2020-08-17 20:11:19 +00:00
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2020-08-16 09:54:33 +00:00
|
|
|
.margin-24-bottom {
|
2020-08-17 21:05:18 +00:00
|
|
|
margin-bottom: var(--size-24) !important;
|
2020-08-16 09:54:33 +00:00
|
|
|
}
|
2020-08-16 16:03:53 +00:00
|
|
|
|
2020-08-16 09:54:33 +00:00
|
|
|
.margin-32-bottom {
|
2020-08-17 21:05:18 +00:00
|
|
|
margin-bottom: var(--size-32) !important;
|
2020-08-16 16:03:53 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.margin-64-bottom {
|
2020-08-17 21:05:18 +00:00
|
|
|
margin-bottom: var(--size-64) !important;
|
2020-08-16 16:03:53 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.margin-128-bottom {
|
2020-08-17 21:05:18 +00:00
|
|
|
margin-bottom: var(--size-128) !important;
|
2020-08-16 16:03:53 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.margin-16-left {
|
2020-08-17 21:05:18 +00:00
|
|
|
margin-left: var(--size-16) !important;
|
2020-08-16 09:54:33 +00:00
|
|
|
}
|
2020-08-17 20:11:19 +00:00
|
|
|
|
|
|
|
|
.margin-16-left-m {
|
|
|
|
|
@include touch {
|
2020-08-17 21:05:18 +00:00
|
|
|
margin-left: var(--size-16) !important;
|
2020-08-17 20:11:19 +00:00
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.margin-16-left-d {
|
|
|
|
|
@include desktop {
|
2020-08-17 21:05:18 +00:00
|
|
|
margin-left: var(--size-16) !important;
|
2020-08-17 20:11:19 +00:00
|
|
|
}
|
|
|
|
|
}
|
