Skip to content

Instantly share code, notes, and snippets.

@erikflowers
Created August 16, 2013 04: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 erikflowers/6247215 to your computer and use it in GitHub Desktop.
Save erikflowers/6247215 to your computer and use it in GitHub Desktop.
When using only mixins to make the columns, without a mixin at the mobile base level, the div doesn't have the styles that it would when used in HTML: position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px;
.left {
// What goes here?
@media(min-width: @screen-tablet) {
.make-sm-column(6);
}
@media(min-width: @screen-desktop) {
.make-md-column(3);
}
@media(min-width: @screen-large-desktop) {
.make-lg-column(9);
}
}
.right {
// What goes here?
@media(min-width: @screen-tablet) {
.make-sm-column(6);
}
@media(min-width: @screen-desktop) {
.make-md-column(9);
}
@media(min-width: @screen-large-desktop) {
.make-lg-column(3);
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment