@include xy-cell-block();
}
+ .cell-block-y {
+ @include xy-cell-block(true);
+ }
+
.cell-block-container {
@include xy-cell-block-container();
@include xy-cell-block();
}
+ .#{$-zf-size}-cell-block-container {
+ @include xy-cell-block-container();
+ }
+
.#{$-zf-size}-cell-block-y {
@include xy-cell-block(true);
}
@if $vertical-grid {
- .cell-block-y {
- @include xy-cell-block(true);
- }
-
.grid-y {
&.grid-frame {
width: auto;
</head>
<body>
<div class="grid-y medium-grid-frame">
- <div class="cell shrink header cell-block-container">
+ <div class="cell shrink header medium-cell-block-container">
<h1>Grid Frame Header</h1>
<div class="grid-x grid-padding-x">
<div class="cell medium-4">
</div>
</div>
</div>
- <div class="cell auto cell-block-container">
+ <div class="cell auto medium-cell-block-container">
<div class="grid-x grid-padding-x">
<div class="cell medium-4 medium-cell-block-y">
<h2>Independent scrolling sidebar</h2>