shido
Version:
Build fast with Shido, a CSS framework for building custom designs without any annoying style or component you have to fight to override.
34 lines (32 loc) • 659 B
text/less
each(@breakpoints-min, .(@px, @breakpoint) {
@media (min-width: @px) {
.@{breakpoint}\:center {
text-align: center;
}
.@{breakpoint}\:justify {
text-align: justify;
}
.@{breakpoint}\:left {
text-align: left;
}
.@{breakpoint}\:right {
text-align: right;
}
}
})
each(@breakpoints-min, .(@px, @breakpoint) {
@media (min-width: @px) {
.@{breakpoint}\:baseline {
vertical-align: baseline;
}
.@{breakpoint}\:bottom {
vertical-align: bottom;
}
.@{breakpoint}\:middle {
vertical-align: middle;
}
.@{breakpoint}\:top {
vertical-align: top;
}
}
})