Align text to flex-start or flex-end for timeline

This commit is contained in:
M.Ravi 2017-11-17 16:30:44 +01:00
commit 501dc08b0e
2 changed files with 36 additions and 2 deletions

View file

@ -125,4 +125,38 @@
.header_slider > .carousel .item {
padding-top: 150px;
}
}
.timeline>li .timeline-panel {
display: flex;
min-height: 80px;
align-items: center;
padding-bottom: 15px;
}
.flex-justify-content-end{
justify-content: flex-end;
}
.flex-justify-content-start{
justify-content: flex-start;
}
.timeline>li.timeline-inverted>.timeline-panel {
padding-bottom: 0;
}
@media (min-width: 768px) and (max-width: 991px) {
.timeline>li .timeline-panel {
min-height: 100px;
}
}
@media (min-width: 992px) {
.timeline>li .timeline-panel {
min-height: 170px;
}
}