Skip to content

Instantly share code, notes, and snippets.

@seven-phases-max
Last active April 17, 2016 23:42
Show Gist options
  • Select an option

  • Save seven-phases-max/e73e09436ce35438a14482499ddc6574 to your computer and use it in GitHub Desktop.

Select an option

Save seven-phases-max/e73e09436ce35438a14482499ddc6574 to your computer and use it in GitHub Desktop.
.responsive-margins-top_(1, 6px);
.responsive-margins-top_(7, 60px);
@screen-xs: 480px;
@screen-sm: 768px;
@screen-md: 992px;
@screen-lg: 1200px;
.responsive-margins-top_(@el, @value) {
.media(@device) {
.top-margin@{el}-@{device} {margin-top: @value}
}
}
.media(xs);
@media (min-width: @screen-sm) {.media(sm)}
@media (min-width: @screen-md) {.media(md)}
@media (min-width: @screen-lg) {.media(lg)}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment