Skip to content

Commit

Permalink
Use nesting braces for "a" pseudo events
Browse files Browse the repository at this point in the history
  • Loading branch information
nschonni committed Dec 27, 2012
1 parent cdea772 commit 1afce8e
Show file tree
Hide file tree
Showing 21 changed files with 181 additions and 113 deletions.
40 changes: 21 additions & 19 deletions src/base/sass/_base-screen.scss
Expand Up @@ -54,26 +54,28 @@ a.wb-linkdesc {
}
}

a.wb-linkdesc:hover, a.wb-linkdesc:focus, a.wb-linkdesc:active {
z-index: 25;
outline: 0;
text-decoration: none;
span {
a.wb-linkdesc {
&:hover, &:focus, &:active {
z-index: 25;
outline: 0;
text-decoration: none;
span {
clip: auto;
height: auto !important;
width: auto !important;
overflow: visible !important;
top: 2em;
left: 2.2em;
white-space: nowrap;
border: 1px solid InfoText;
background: InfoBackground;
color: InfoText;
font: message-box;
font-size: 0.85em;
text-align: left;
padding: 2px 4px;
span {
clip: auto;
height: auto !important;
width: auto !important;
overflow: visible !important;
top: 2em;
left: 2.2em;
white-space: nowrap;
border: 1px solid InfoText;
background: InfoBackground;
color: InfoText;
font: message-box;
font-size: 0.85em;
text-align: left;
padding: 2px 4px;
}
}
}
}
6 changes: 4 additions & 2 deletions src/base/sass/_base.scss
Expand Up @@ -10,8 +10,10 @@ body {
padding: 0;
}

a:hover, a:active, a:focus {
text-decoration: underline;
a {
&:hover, &:focus, &:active {
text-decoration: underline;
}
}

img, a img {
Expand Down
28 changes: 15 additions & 13 deletions src/grids/sass/includes/_module.scss
Expand Up @@ -57,19 +57,21 @@

.module-billboard ul {
li {
a, a:link, a:visited {
display: block;
min-height: 32px;
padding: $spacing-medium;
text-decoration: none;
background-repeat: no-repeat;
background-position: top right;
@include text-shadow(-1px -1px 0 #333, 1px -1px 0 #333, -1px 1px 0 #555, 1px 1px 0 #000);
font-weight: 700;
@include colorize-base($accent);
}
a:hover, a:focus, a:active {
text-decoration: underline;
a {
&, &:link, &:visited {
display: block;
min-height: 32px;
padding: $spacing-medium;
text-decoration: none;
background-repeat: no-repeat;
background-position: top right;
@include text-shadow(-1px -1px 0 #333, 1px -1px 0 #333, -1px 1px 0 #555, 1px 1px 0 #000);
font-weight: 700;
@include colorize-base($accent);
}
&:hover, &:focus, &:active {
text-decoration: underline;
}
}
}
}
Expand Down
51 changes: 34 additions & 17 deletions src/js/sass/includes/_calendar-theme.scss
Expand Up @@ -8,28 +8,44 @@ div.cal-cnt {
color: #FFF;
font-weight: bold;
}
.cal-nextmonth a:link, .cal-nextmonth a:visited, .cal-prevmonth a:link, .cal-prevmonth a:visited {
border: 1px solid #333;
}
.cal-nextmonth a:hover, .cal-nextmonth a:focus, .cal-nextmonth a:active, .cal-prevmonth a:hover, .cal-prevmonth a:focus, .cal-prevmonth a:active {
color: #FFF;
border: 1px solid #FFF;
.cal-nextmonth, .cal-prevmonth {
a {
&:link, &:visited {
border: 1px solid #333;
}
&:hover, &:focus, &:active {
color: #FFF;
border: 1px solid #FFF;
}
}
}
.cal-goto-link {
a:link, a:visited {
color: #FFF !important;
}
a:hover, a:focus, a:active {
color: #36C !important;
background-color: #FFF;
a {
&:link, &:visited {
color: #FFF !important;
}
&:hover, &:focus, &:active {
color: #36C !important;
background-color: #FFF;
}
}
}
.cal-goto legend {
color: #FFF;
}
}

.ui-mobile-viewport div.cal-cnt .cal-nextmonth a:link, .ui-mobile-viewport .cal-nextmonth a:visited, .ui-mobile-viewport .cal-nextmonth a:hover, .ui-mobile-viewport .cal-prevmonth a:link, .ui-mobile-viewport .cal-prevmonth a:visited, .ui-mobile-viewport .cal-prevmonth a:hover {border: none !important;}
.ui-mobile-viewport {
div.cal-cnt {
.cal-nextmonth, .cal-prevmonth {
a {
&:link, &:visited {
border: none !important;
}
}
}
}
}

ol.cal-weekdays li {
border-style: solid;
Expand All @@ -50,10 +66,11 @@ div.cal-days {
}
a {
color: #111;
}
a:hover, a:focus, a:active { /* active is for IE, focus is for Firefox | active est pour IE, focus est pour Firefox */
background: #333;
color: #FFF;
&:hover, &:focus, &:active {
/* active is for IE, focus is for Firefox | active est pour IE, focus est pour Firefox */
background: #333;
color: #FFF;
}
}
.cal-currentday, .cal-currentday a {
color: #FFF;
Expand Down
6 changes: 4 additions & 2 deletions src/js/sass/includes/_charts.scss
Expand Up @@ -45,8 +45,10 @@ figure.wb-charts {
}

/* Add focus styles (for keyboard accessibility) */
summary:hover, summary:focus {
background: #ddd;
summary {
&:hover, &:focus {
background: #ddd;
}
}

figure {
Expand Down
6 changes: 4 additions & 2 deletions src/js/sass/includes/_events-calendar.scss
Expand Up @@ -36,8 +36,10 @@ div.cal-days {
color: #000 !important;
width: auto;
}
a:hover, a:focus, a:active {
color: #FFF !important;
a {
&:hover, &:focus, &:active {
color: #FFF !important;
}
}
}
}
10 changes: 6 additions & 4 deletions src/js/sass/includes/_menubar.scss
Expand Up @@ -107,10 +107,12 @@
}

.mb-active {
a:hover, a:link, a:visited {
&.mb-has-sm {
background-color: #CCC;
color: #000;
a {
&:hover, &:link, &:visited {
&.mb-has-sm {
background-color: #CCC;
color: #000;
}
}
}
}
Expand Down
18 changes: 11 additions & 7 deletions src/js/sass/includes/_tabbedinterface.scss
Expand Up @@ -370,11 +370,13 @@
&:hover, &:focus, &:active {
color: #000;
}
&.active, &.active:hover {
background: none repeat scroll 0 0 #FFF;
border: none;
color: #000 !important;
padding-top: 2px;
&.active {
&, &:hover {
background: none repeat scroll 0 0 #FFF;
border: none;
color: #000 !important;
padding-top: 2px;
}
}
}
&.tabs-toggle {
Expand Down Expand Up @@ -415,8 +417,10 @@
color: #FFF;
}
}
a.active, a.active:hover {
color: #000 !important;
a.active {
&, &:hover {
color: #000 !important;
}
}
}
.tabs-toggle {
Expand Down
24 changes: 13 additions & 11 deletions src/js/sass/includes/_webwidget.scss
Expand Up @@ -74,17 +74,19 @@
margin: 0;
}
.widget-lang {
a, a:visited, a:hover {
color: #000;
font-weight: 400;
text-align: center;
background: #fff;
font-size: 90%;
float: right;
border: 1px solid #ccc;
border-top: 0;
margin: 0;
padding: 2px 4px !important;
a {
&, &:visited, &:hover {
color: #000;
font-weight: 400;
text-align: center;
background: #fff;
font-size: 90%;
float: right;
border: 1px solid #ccc;
border-top: 0;
margin: 0;
padding: 2px 4px !important;
}
}
}
.widget-add {
Expand Down
6 changes: 4 additions & 2 deletions src/theme-clf2-nsi2/sass/includes/_default-screen-ie7.scss
Expand Up @@ -35,8 +35,10 @@
margin-left: auto;
}
h3 {
a:hover, a:active, a:focus {
zoom: 1;
a {
&:hover, &:focus, &:active {
zoom: 1;
}
}
}
}
Expand Down
6 changes: 4 additions & 2 deletions src/theme-clf2-nsi2/sass/includes/_serv-screen.scss
Expand Up @@ -64,8 +64,10 @@ body {
li span {
display: block;
}
a:hover, a:focus, a:active {
background-color: #363;
a {
&:hover, &:focus, &:active {
background-color: #363;
}
}
}

Expand Down
6 changes: 4 additions & 2 deletions src/theme-clf2-nsi2/sass/includes/_sp-pe-desktop-screen.scss
Expand Up @@ -6,7 +6,9 @@
li span {
display: block;
}
a:hover, a:focus, a:active {
background-color: #363;
a {
&:hover, &:focus, &:active {
background-color: #363;
}
}
}
Expand Up @@ -78,9 +78,13 @@
}
}
.mb-active {
a:hover.mb-has-sm, a:link.mb-has-sm, a:visited.mb-has-sm {
background-color: #CCC;
color: #000;
a {
&:hover, &:link, &:visited {
&.mb-has-sm {
background-color: #CCC;
color: #000;
}
}
}
}
}
Expand Down
Expand Up @@ -329,8 +329,10 @@ a {
}

#gcwu-gcnb, #gcwu-srchbx, #wb-foot {
a:hover, a:focus, a:active {
text-decoration: underline;
a {
&:hover, &:focus, &:active {
text-decoration: underline;
}
}
}
@if $experimental-support-for-mozilla {
Expand Down
11 changes: 9 additions & 2 deletions src/theme-gcwu-fegc/sass/includes/_default.scss
Expand Up @@ -134,11 +134,18 @@ div#gcwu-headlines {
}
li {
padding-bottom: 8px;
a {
&:hover, &:focus, &:active {
text-decoration: none;
}
}
}
}

#gcwu-title a, .gcwu-minister li a:hover, .gcwu-minister li a:focus, .gcwu-minister li a:active {
text-decoration: none;
#gcwu-title {
a {
text-decoration: none;
}
}

#gcwu-aside img, #gcwu-priorities h2, #gcwu-priorities h3, .gcwu-minister h2, .gcwu-minister h3 {
Expand Down
14 changes: 8 additions & 6 deletions src/theme-gcwu-fegc/sass/includes/_serv-mobile.scss
Expand Up @@ -33,12 +33,14 @@
}

#gcwu-title {
a, a:visited, a:hover, a:focus, a:active {
color: #295376;
text-decoration: none;
}
a:hover, a:focus, a:active {
text-decoration: underline;
a {
&, &:visited, &:hover, &:focus, &:active {
color: #295376;
text-decoration: none;
}
&:hover, &:focus, &:active {
text-decoration: underline;
}
}
}

Expand Down

0 comments on commit 1afce8e

Please sign in to comment.