Revision d2c7abec
Added by Andreas Kohlbecker about 11 years ago
| 7.x/themes/zen_dataportal/sass/layouts/responsive-sidebars.scss | ||
|---|---|---|
| 79 | 79 |
|
| 80 | 80 |
@media all and (min-width: 480px) {
|
| 81 | 81 |
#main {
|
| 82 |
padding-top: $menu-bar-line-height + $zen-gutter-width / 4; /* Move all the children of #main down to make room. */
|
|
| 82 |
padding-top: $menu-bar-line-height + $zen-gutter-width / 2; /* Move all the children of #main down to make room. */
|
|
| 83 | 83 |
position: relative; |
| 84 | 84 |
} |
| 85 | 85 |
#navigation {
|
| ... | ... | |
| 163 | 163 |
/* |
| 164 | 164 |
* Use 5 grid columns for larger screens. |
| 165 | 165 |
*/ |
| 166 |
$zen-column-count: 5;
|
|
| 166 |
$zen-column-count: 4;
|
|
| 167 | 167 |
|
| 168 | 168 |
/* |
| 169 | 169 |
* The layout when there is only one sidebar, the left one. |
| ... | ... | |
| 171 | 171 |
|
| 172 | 172 |
.sidebar-first {
|
| 173 | 173 |
#content { /* Span 4 columns, starting in 2nd column from left. */
|
| 174 |
@include zen-grid-item(4, 2);
|
|
| 174 |
@include zen-grid-item(3, 2);
|
|
| 175 | 175 |
} |
| 176 | 176 |
|
| 177 | 177 |
.region-sidebar-first { /* Span 1 column, starting in 1st column from left. */
|
| ... | ... | |
| 185 | 185 |
|
| 186 | 186 |
.sidebar-second {
|
| 187 | 187 |
#content { /* Span 4 columns, starting in 1st column from left. */
|
| 188 |
@include zen-grid-item(4, 1);
|
|
| 188 |
@include zen-grid-item(3, 1);
|
|
| 189 | 189 |
} |
| 190 | 190 |
|
| 191 | 191 |
.region-sidebar-second { /* Span 1 column, starting in 5th column from left. */
|
| 192 |
@include zen-grid-item(1, 5);
|
|
| 192 |
@include zen-grid-item(1, 4);
|
|
| 193 | 193 |
} |
| 194 | 194 |
} |
| 195 | 195 |
|
| ... | ... | |
| 199 | 199 |
|
| 200 | 200 |
.two-sidebars {
|
| 201 | 201 |
#content { /* Span 3 columns, starting in 2nd column from left. */
|
| 202 |
@include zen-grid-item(3, 2);
|
|
| 202 |
@include zen-grid-item(2, 2);
|
|
| 203 | 203 |
} |
| 204 | 204 |
|
| 205 | 205 |
.region-sidebar-first { /* Span 1 column, starting in 1st column from left. */
|
| ... | ... | |
| 207 | 207 |
} |
| 208 | 208 |
|
| 209 | 209 |
.region-sidebar-second { /* Span 1 column, starting in 5th column from left. */
|
| 210 |
@include zen-grid-item(1, 5);
|
|
| 210 |
@include zen-grid-item(1, 4);
|
|
| 211 | 211 |
} |
| 212 | 212 |
} |
| 213 | 213 |
} |
Also available in: Unified diff
changing grid system for width 960px