mirror of
https://github.com/chylex/Lightning-Tracker.git
synced 2024-09-19 10:42:48 +02:00
134 lines
2.2 KiB
CSS
134 lines
2.2 KiB
CSS
.split-wrapper {
|
|
display: flex;
|
|
flex-wrap: nowrap;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.split-wrapper > div {
|
|
padding: 0 12px;
|
|
}
|
|
|
|
.split-wrapper > div:first-child {
|
|
margin-left: -12px;
|
|
}
|
|
|
|
.split-wrapper > div:last-child {
|
|
margin-right: -12px;
|
|
}
|
|
|
|
@media (max-width: 640px) {
|
|
.split-collapse-640 {
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.split-collapse-640.split-collapse-reversed {
|
|
flex-wrap: wrap-reverse;
|
|
}
|
|
|
|
.split-collapse-640 > div {
|
|
flex: 1 1 100%;
|
|
margin-left: 0 !important;
|
|
margin-right: 0 !important;
|
|
padding: 0 !important;
|
|
max-width: unset;
|
|
}
|
|
|
|
.split-collapse-640:not(.split-collapse-reversed) > div:first-child {
|
|
margin-bottom: 25px;
|
|
}
|
|
|
|
.split-collapse-640.split-collapse-reversed > div:last-child {
|
|
margin-bottom: 25px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 800px) {
|
|
.split-collapse-800 {
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.split-collapse-800.split-collapse-reversed {
|
|
flex-wrap: wrap-reverse;
|
|
}
|
|
|
|
.split-collapse-800 > div {
|
|
flex: 1 1 100%;
|
|
margin-left: 0 !important;
|
|
margin-right: 0 !important;
|
|
padding: 0 !important;
|
|
max-width: unset;
|
|
}
|
|
|
|
.split-collapse-800:not(.split-collapse-reversed) > div:first-child {
|
|
margin-bottom: 25px;
|
|
}
|
|
|
|
.split-collapse-800.split-collapse-reversed > div:last-child {
|
|
margin-bottom: 25px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 1024px) {
|
|
.split-collapse-1024 {
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.split-collapse-1024.split-collapse-reversed {
|
|
flex-wrap: wrap-reverse;
|
|
}
|
|
|
|
.split-collapse-1024 > div {
|
|
flex: 1 1 100%;
|
|
margin-left: 0 !important;
|
|
margin-right: 0 !important;
|
|
padding: 0 !important;
|
|
max-width: unset;
|
|
}
|
|
|
|
.split-collapse-1024:not(.split-collapse-reversed) > div:first-child {
|
|
margin-bottom: 25px;
|
|
}
|
|
|
|
.split-collapse-1024.split-collapse-reversed > div:last-child {
|
|
margin-bottom: 25px;
|
|
}
|
|
}
|
|
|
|
.split-20 {
|
|
flex: 1 1 20%;
|
|
}
|
|
|
|
.split-25 {
|
|
flex: 1 1 25%;
|
|
}
|
|
|
|
.split-30 {
|
|
flex: 1 1 30%;
|
|
}
|
|
|
|
.split-33 {
|
|
flex: 1 1 33.3333%;
|
|
}
|
|
|
|
.split-50 {
|
|
flex: 1 1 50%;
|
|
}
|
|
|
|
.split-70 {
|
|
flex: 1 1 70%;
|
|
}
|
|
|
|
.split-75 {
|
|
flex: 1 1 75%;
|
|
}
|
|
|
|
.split-80 {
|
|
flex: 1 1 80%;
|
|
}
|
|
|
|
.split-100 {
|
|
flex: 1 1 100%;
|
|
margin: 0 !important;
|
|
padding: 0 !important;
|
|
}
|