mirror of
https://github.com/WatchOutNewsAgency/wona.github.com.git
synced 2026-02-12 21:10:54 +00:00
Fixed misuse of ARIA roles (see http://dev.opera.com/articles/view/introduction-to-wai-aria/)
This commit is contained in:
@ -41,7 +41,7 @@ body {
|
||||
max-width: $max-width;
|
||||
position: relative;
|
||||
margin: 0 auto;
|
||||
> header, > nav, > footer, #content > article, #content > div > article, #content > div > section, nav[role=pagination] {
|
||||
> header, > nav, > footer, #content > article, #content > div > article, #content > div > section, nav.pagination {
|
||||
@extend .group;
|
||||
padding-left: $pad-min;
|
||||
padding-right: $pad-min;
|
||||
@ -67,7 +67,7 @@ body {
|
||||
|
||||
#content { > div, > article { width: 100%; }}
|
||||
|
||||
aside[role=sidebar] {
|
||||
aside.sidebar {
|
||||
float: none;
|
||||
padding: 0 $pad-min 1px;
|
||||
background-color: lighten($sidebar-bg, 2);
|
||||
@ -88,7 +88,7 @@ aside[role=sidebar] {
|
||||
|
||||
body.sidebar-footer {
|
||||
@media only screen and (min-width: 750px) {
|
||||
aside[role=sidebar]{ @include collapse-sidebar; }
|
||||
aside.sidebar{ @include collapse-sidebar; }
|
||||
}
|
||||
#content { margin-right: 0px; }
|
||||
.toggle-sidebar { display: none; }
|
||||
@ -98,7 +98,7 @@ body.sidebar-footer {
|
||||
body > header { font-size: 1em; }
|
||||
}
|
||||
@media only screen and (min-width: 750px) {
|
||||
aside[role=sidebar] { @include collapse-sidebar; }
|
||||
aside.sidebar { @include collapse-sidebar; }
|
||||
}
|
||||
@media only screen and (min-width: 768px) {
|
||||
body { -webkit-text-size-adjust: auto; }
|
||||
@ -120,7 +120,7 @@ body.sidebar-footer {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
aside[role=sidebar] {
|
||||
aside.sidebar {
|
||||
@extend .group;
|
||||
width: $sidebar-width-medium - $sidebar-pad-medium*2;
|
||||
padding: 0 $sidebar-pad-medium $sidebar-pad-medium;
|
||||
@ -147,7 +147,7 @@ body.sidebar-footer {
|
||||
padding-bottom: $pad-wide/2;
|
||||
}
|
||||
}
|
||||
aside[role=sidebar] {
|
||||
aside.sidebar {
|
||||
width: $sidebar-width-wide - $sidebar-pad-wide*2;
|
||||
padding: 1.2em $sidebar-pad-wide $sidebar-pad-wide;
|
||||
.collapse-sidebar & {
|
||||
|
||||
@ -60,7 +60,7 @@ $page-border-bottom: darken($footer-bg, 5) !default;
|
||||
a {
|
||||
@include link-colors($link-color, $hover: $link-color-hover, $focus: $link-color-hover, $visited: $link-color-visited, $active: $link-color-active);
|
||||
}
|
||||
aside[role=sidebar] a {
|
||||
aside.sidebar a {
|
||||
@include link-colors($sidebar-link-color, $hover: $sidebar-link-color-hover, $focus: $sidebar-link-color-hover, $active: $sidebar-link-color-active);
|
||||
}
|
||||
a {
|
||||
|
||||
@ -121,7 +121,7 @@ article + article {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
#content nav[role=pagination] {
|
||||
#content nav.pagination {
|
||||
text-align: center;
|
||||
font-size: .95em;
|
||||
div {
|
||||
|
||||
@ -31,8 +31,8 @@ body > nav {
|
||||
}
|
||||
}
|
||||
}
|
||||
fieldset[role=site-search]{ float: right; width: 48%; }
|
||||
fieldset[role=mobile-nav]{ float: left; width: 48%;
|
||||
fieldset[role=search]{ float: right; width: 48%; }
|
||||
fieldset.mobile-nav{ float: left; width: 48%;
|
||||
select{ width: 100%; font-size: .8em; border: 1px solid #888;}
|
||||
}
|
||||
ul { display: none; }
|
||||
@ -85,8 +85,8 @@ body > nav {
|
||||
width: $sidebar-width-medium - $pad-medium*2 - $sidebar-pad-medium - 58px;
|
||||
.search { width: 91%; }
|
||||
}
|
||||
fieldset[role=mobile-nav] { display: none; }
|
||||
fieldset[role=site-search]{ width: 99%; }
|
||||
fieldset.mobile-nav { display: none; }
|
||||
fieldset[role=search]{ width: 99%; }
|
||||
}
|
||||
@media only screen and (min-width: 992px) {
|
||||
form {
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
.side-shadow-border {
|
||||
@include box-shadow(lighten($sidebar-bg, 5) 0 1px);
|
||||
}
|
||||
aside[role=sidebar] {
|
||||
aside.sidebar {
|
||||
color: $sidebar-color;
|
||||
text-shadow: lighten($sidebar-bg, 8) 0 1px;
|
||||
a { @extend .force-wrap; }
|
||||
|
||||
Reference in New Issue
Block a user