Skip to content

Instantly share code, notes, and snippets.

@wujekbogdan
Last active August 29, 2015 14:07
Show Gist options
  • Save wujekbogdan/8e22c65143a605a7f6a2 to your computer and use it in GitHub Desktop.
Save wujekbogdan/8e22c65143a605a7f6a2 to your computer and use it in GitHub Desktop.
Gridlover LESS Mixins
// Mixins
.h1() {
font-size: @h1-font-size;
line-height: @h1-line-height;
margin-top: @h1-margin-top;
margin-bottom: @h1-margin-bottom;
}
.h2() {
font-size: @h2-font-size;
line-height: @h2-line-height;
margin-top: @h2-margin-top;
margin-bottom: @h2-margin-bottom;
}
.h3() {
font-size: @h3-font-size;
line-height: @h3-line-height;
margin-top: @h3-margin-top;
margin-bottom: @h3-margin-bottom;
}
.h4() {
font-size: @h4-font-size;
line-height: @h4-line-height;
margin-top: @h4-margin-top;
margin-bottom: @h4-margin-bottom;
}
.p() {
.h4();
}
// Usage
h1,
.h1 {
.h1();
}
h2,
.h2 {
.h2();
}
h3,
.h3 {
.h3();
}
h4,
.h4 {
.h4();
}
p {
.p();
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment