src/styles/components/controls/_components.controls_date-timeline.scss
.controls__date-timeline {
margin-top: 1rem;
font-size: 0.6rem;
@media (min-width: $mobile-breakpoint) {
margin-top: 1rem;
font-size: 0.6rem;
}
@media (min-width: $tablet-breakpoint) {
margin-top: 1rem;
font-size: 0.6rem;
}
@media (min-width: $small-desktop-breakpoint) {
margin-top: 2.5rem;
font-size: 1rem;
}
@media (min-width: $desktop-breakpoint) {
margin-top: 2.5rem;
font-size: 1rem;
}
@media (min-width: $tv-breakpoint) {
margin-top: 2.5rem;
font-size: 1rem;
}
text-transform: uppercase;
.row {
@extend .justify-content-center;
}
}