| Revision 3019:a2b9d58505b1,
2.0 KB
checked in by franck <carnet.franck.paul@…>, 10 years ago
(diff) |
|
Encapsulate <ul>…</ul> with <nav role="navigation">…</nav> when <ul> used for navigation role (simpleMenu, navigation widget), fixes #2030
|
| Line | |
|---|
| 1 | .sidebar { |
|---|
| 2 | @include pie-clearfix; |
|---|
| 3 | padding-top: 2em; |
|---|
| 4 | padding-bottom: 2em; |
|---|
| 5 | background: $gray-very-dark url(img/bg_dark.png); |
|---|
| 6 | color: $white; |
|---|
| 7 | text-shadow: $gray-very-dark 0px -1px 0px; |
|---|
| 8 | a:link, a:visited { |
|---|
| 9 | color: $gray-very-light; |
|---|
| 10 | border: none; |
|---|
| 11 | } |
|---|
| 12 | a:hover, a:focus, a:active, |
|---|
| 13 | li:hover, li:focus { |
|---|
| 14 | background-color: $link; |
|---|
| 15 | } |
|---|
| 16 | } |
|---|
| 17 | .blognav__title, |
|---|
| 18 | .blogextra__title { |
|---|
| 19 | @include visually-hidden; |
|---|
| 20 | } |
|---|
| 21 | |
|---|
| 22 | .blognav__widgets h3, |
|---|
| 23 | .blognav__widgets h4, |
|---|
| 24 | .blogextra__widgets h3, |
|---|
| 25 | .blogextra__widgets h4 { |
|---|
| 26 | font-size: 1em; |
|---|
| 27 | color: $white; |
|---|
| 28 | font-weight: bold; |
|---|
| 29 | } |
|---|
| 30 | .blognav__widgets h3, |
|---|
| 31 | .blogextra__widgets h3 { |
|---|
| 32 | text-transform: uppercase; |
|---|
| 33 | } |
|---|
| 34 | .blognav__widgets h4, |
|---|
| 35 | .blogextra__widgets h4 { |
|---|
| 36 | margin-top: 1.5em; |
|---|
| 37 | margin-bottom: 0; |
|---|
| 38 | } |
|---|
| 39 | .blognav__widgets .widget, .blogextra__widgets .widget { |
|---|
| 40 | padding: 1em; |
|---|
| 41 | font-size: .875em; |
|---|
| 42 | line-height: 1.71429; |
|---|
| 43 | > ul { |
|---|
| 44 | @include no-bullets; |
|---|
| 45 | padding-left: 0; |
|---|
| 46 | } |
|---|
| 47 | > nav ul { |
|---|
| 48 | @include no-bullets; |
|---|
| 49 | padding-left: 0; |
|---|
| 50 | } |
|---|
| 51 | } |
|---|
| 52 | .blognav__widgets, .blogextra__widgets { |
|---|
| 53 | ul { |
|---|
| 54 | margin: 0; |
|---|
| 55 | } |
|---|
| 56 | li { |
|---|
| 57 | display: block; |
|---|
| 58 | padding: .25em; |
|---|
| 59 | border-bottom: 1px solid $gray-medium; |
|---|
| 60 | } |
|---|
| 61 | li ul { |
|---|
| 62 | margin-left: -.25em; |
|---|
| 63 | } |
|---|
| 64 | li li { |
|---|
| 65 | border-top: 1px solid $gray-medium; |
|---|
| 66 | } |
|---|
| 67 | li li:last-child { |
|---|
| 68 | border-bottom: none; |
|---|
| 69 | } |
|---|
| 70 | } |
|---|
| 71 | #q { |
|---|
| 72 | width: 75%; |
|---|
| 73 | } |
|---|
| 74 | .category-current { |
|---|
| 75 | margin-left: -2em; |
|---|
| 76 | background-color: $black; |
|---|
| 77 | } |
|---|
| 78 | .category-current ul { |
|---|
| 79 | background-color: $gray-very-dark; |
|---|
| 80 | } |
|---|
| 81 | .sidebar li:hover ul { |
|---|
| 82 | background-color: $gray-very-dark; |
|---|
| 83 | } |
|---|
| 84 | @media screen and(min-width: ($small-screen + .1em)) and (max-width: $large-screen) { |
|---|
| 85 | .blognav__widgets .widget, .blogextra__widgets .widget { |
|---|
| 86 | width: 50%; |
|---|
| 87 | float: left; |
|---|
| 88 | } |
|---|
| 89 | } |
|---|
| 90 | @media screen and(min-width: ($large-screen + .1em)) and(max-width: $xlarge-screen) { |
|---|
| 91 | .blognav__widgets .widget, .blogextra__widgets .widget { |
|---|
| 92 | width: 33.33%; |
|---|
| 93 | float: left; |
|---|
| 94 | } |
|---|
| 95 | } |
|---|
Note: See
TracBrowser
for help on using the repository browser.
