Revision 4b02c7e4
Added by Andreas Kohlbecker over 11 years ago
| 7.x/themes/zen_dataportal/sass/layouts/responsive-sidebars.scss | ||
|---|---|---|
| 15 | 15 |
// We are going to create a 980px wide, 5 column grid with 20px gutters between |
| 16 | 16 |
// columns (applied as 10px of left/right padding on each column). |
| 17 | 17 |
$zen-column-count: 5; |
| 18 |
$zen-gutter-width: 20px;
|
|
| 18 |
$zen-gutter-width: 40px;
|
|
| 19 | 19 |
|
| 20 | 20 |
|
| 21 | 21 |
// IE6-7 don't support box-sizing: border-box. We can fix this in 1 of 3 ways: |
| ... | ... | |
| 79 | 79 |
|
| 80 | 80 |
@media all and (min-width: 480px) {
|
| 81 | 81 |
#main {
|
| 82 |
padding-top: 3em; /* Move all the children of #main down to make room. */
|
|
| 82 |
padding-top: $menu-bar-line-height + $zen-gutter-width / 4; /* Move all the children of #main down to make room. */
|
|
| 83 | 83 |
position: relative; |
| 84 | 84 |
} |
| 85 | 85 |
#navigation {
|
| 86 | 86 |
position: absolute; |
| 87 | 87 |
top: 0; /* Move the navbar up inside #main's padding. */ |
| 88 |
height: 3em;
|
|
| 88 |
height: $menu-bar-line-height * 2;
|
|
| 89 | 89 |
width: $zen-grid-width; |
| 90 | 90 |
} |
| 91 | 91 |
} |
Also available in: Unified diff
first basic css theming done