Skip to content

Instantly share code, notes, and snippets.

@jworksuk
Created May 22, 2013 08:52
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 jworksuk/5626177 to your computer and use it in GitHub Desktop.
Save jworksuk/5626177 to your computer and use it in GitHub Desktop.
@subotnick : I expanded Semantic.gs to allow for fluid columns without margins - either on both sides, just left or just right.
.columnflush(@x,@columns:@columns) {
display: inline;
float: left;
width: @total-width*((((@gutter-width+@column-width)*@x)) / @gridsystem-width);
}
.columnflushleft(@x,@columns:@columns) {
display: inline;
float: left;
width: @total-width*((((@gutter-width+@column-width)*@x)-(@gutter-width*.5)) / @gridsystem-width);
margin: 0 @total-width*((@gutter-width*.5)/@gridsystem-width) 0 0;
}
.columnflushright(@x,@columns:@columns) {
display: inline;
float: left;
width: @total-width*((((@gutter-width+@column-width)*@x)-(@gutter-width*.5)) / @gridsystem-width);
margin: 0 0 0 @total-width*((@gutter-width*.5)/@gridsystem-width);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment