2021-08-27 15:23:16 +02:00
|
|
|
|
|
|
|
.flexbox {
|
|
|
|
|
|
|
|
display: flex;
|
|
|
|
flex-wrap: wrap;
|
2021-08-29 19:23:45 +02:00
|
|
|
justify-content: space-between;
|
2021-09-02 05:56:14 +02:00
|
|
|
margin-bottom: 1em;
|
|
|
|
margin-top: 1em;
|
2021-08-27 15:23:16 +02:00
|
|
|
|
|
|
|
&.box-size-half {
|
|
|
|
.flexitem {
|
2021-09-01 20:48:48 +02:00
|
|
|
@media @desktop {
|
|
|
|
-ms-flex: 1 0 45%;
|
|
|
|
flex: 1 0 45%
|
|
|
|
}
|
|
|
|
-ms-flex: 1 0 100%;
|
|
|
|
flex: 1 0 100%;
|
2021-08-27 15:23:16 +02:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
&.box-size-third {
|
|
|
|
.flexitem {
|
2021-09-01 20:48:48 +02:00
|
|
|
@media @desktop {
|
|
|
|
-ms-flex: 1 0 30%;
|
|
|
|
flex: 1 0 30%
|
|
|
|
}
|
|
|
|
-ms-flex: 1 0 100%;
|
|
|
|
flex: 1 0 100%;
|
2021-08-27 15:23:16 +02:00
|
|
|
}
|
|
|
|
}
|
2021-08-29 19:23:45 +02:00
|
|
|
|
|
|
|
.flexitem{
|
|
|
|
flex-grow: 1;
|
|
|
|
}
|
2021-08-27 15:23:16 +02:00
|
|
|
}
|