diff --git a/src/core/adapter/base/structure/_panel.scss b/src/core/adapter/base/structure/_panel.scss index 5a17ba7..6f5dda8 100644 --- a/src/core/adapter/base/structure/_panel.scss +++ b/src/core/adapter/base/structure/_panel.scss @@ -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)); } \ No newline at end of file diff --git a/src/core/adapter/base/structure/_row.scss b/src/core/adapter/base/structure/_row.scss index 2869375..2b1efa3 100644 --- a/src/core/adapter/base/structure/_row.scss +++ b/src/core/adapter/base/structure/_row.scss @@ -1,3 +1,3 @@ @mixin -base-structure-grid-row { - + @extend .clearfix; } \ No newline at end of file