Skip to content

Instantly share code, notes, and snippets.

@gotbahn
Last active August 23, 2016 16:26
Show Gist options
  • Save gotbahn/5a03d2248eba29aca93ae82499bf7b8a to your computer and use it in GitHub Desktop.
Save gotbahn/5a03d2248eba29aca93ae82499bf7b8a to your computer and use it in GitHub Desktop.
Combine & handle Media Queries in LESS
@break-small: 768px;
@break-large: 1024px;
.foo {
color: red;
@media only screen and (min-width: @break-small) {
color: green;
}
@media only screen and (min-width: @break-large) {
color: blue;
}
}
.bar {
background-color: red;
@media only screen and (min-width: @break-small) {
background-color: green;
}
@media only screen and (min-width: @break-large) {
background-color: blue;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment