Skip to content

Instantly share code, notes, and snippets.

@arkitrave
Created May 7, 2014 21:01
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save arkitrave/a6f72e372da5d62f5b5a to your computer and use it in GitHub Desktop.
Save arkitrave/a6f72e372da5d62f5b5a to your computer and use it in GitHub Desktop.
Breakpoints!
/* less than 480px
_______
/_ __(_)___ __ __
/ / / / __ \/ / / /
/ / / / / / / /_/ /
/_/ /_/_/ /_/\__, /
/____/
*/
@media (max-width: @layout-tiny-max) {
}
/* 480 - 767px
_ __
/ | / /___ _______________ _ __
/ |/ / __ `/ ___/ ___/ __ \ | /| / /
/ /| / /_/ / / / / / /_/ / |/ |/ /
/_/ |_/\__,_/_/ /_/ \____/|__/|__/
*/
@media (min-width: @layout-narrow-min) and (max-width: @layout-narrow-max) {
}
/* 768 - 1023px
__ ___ ___
/ |/ /__ ____/ (_)_ ______ ___
/ /|_/ / _ \/ __ / / / / / __ `__ \
/ / / / __/ /_/ / / /_/ / / / / / /
/_/ /_/\___/\__,_/_/\__,_/_/ /_/ /_/
*/
@media (min-width: @layout-medium-min) and (max-width: @layout-medium-max) {
}
/* 1024px and up
_ ___ __
| | / (_)___/ /__
| | /| / / / __ / _ \
| |/ |/ / / /_/ / __/
|__/|__/_/\__,_/\___/
*/
@media (min-width: @layout-wide-min) {
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment