Skip to content
This repository has been archived by the owner on Nov 9, 2022. It is now read-only.

Commit

Permalink
Add row and panel support to WebBlocks base [fixes #113]
Browse files Browse the repository at this point in the history
  • Loading branch information
ebollens committed Oct 16, 2012
1 parent c798796 commit b109f52
Show file tree
Hide file tree
Showing 2 changed files with 33 additions and 2 deletions.
33 changes: 32 additions & 1 deletion src/core/adapter/base/structure/_panel.scss
Original file line number Diff line number Diff line change
@@ -1,3 +1,34 @@
@mixin -base-structure-grid-panel {
@mixin -base-structure-grid-panel {

@media screen and (min-width: $breakpoint-small) {

[class*="panel-"] {
float: left;
&:not(:first-child){
margin-left: $structure-panel-gutter;
}
}

$i: $structure-panels;
@while $i > 0 {
.panel-#{$i} {
@include -base-structure-grid-panel-fluid-span($i, $structure-panel-width, $structure-panel-gutter);
}
$i: ($i - 1);
}

}

@media screen and (max-width: $breakpoint-small - 1) {
[class*="panel-"] {
width: 100%;
}
}
}

/**
* Mixin brought in from Bootstrap
*/
@mixin -base-structure-grid-panel-fluid-span($columns, $fluidGridColumnWidth, $fluidGridGutterWidth) {
width: ($fluidGridColumnWidth * $columns) + ($fluidGridGutterWidth * ($columns - 1));
}
2 changes: 1 addition & 1 deletion src/core/adapter/base/structure/_row.scss
Original file line number Diff line number Diff line change
@@ -1,3 +1,3 @@
@mixin -base-structure-grid-row {

@extend .clearfix;
}

0 comments on commit b109f52

Please sign in to comment.