Reduce specificity by using classes without element selector addition
That's not only good practice, it also allows to widely simplify 'watchstar.less' selectors. Change-Id: Ic31452f985e99d60f6fc71473be7de08bdc16148
This commit is contained in:
parent
1d7c3fac99
commit
190d9830ca
|
@ -41,30 +41,6 @@
|
||||||
line-height: @line-height-nav;
|
line-height: @line-height-nav;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
|
|
||||||
&.new {
|
|
||||||
a,
|
|
||||||
a:visited {
|
|
||||||
color: @color-link-new;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&.selected {
|
|
||||||
.background-image('images/tab-current-fade.png');
|
|
||||||
|
|
||||||
a,
|
|
||||||
a:visited {
|
|
||||||
color: @color-link-selected;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&.icon {
|
|
||||||
a {
|
|
||||||
background-position: bottom right;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
a {
|
a {
|
||||||
color: @color-link;
|
color: @color-link;
|
||||||
display: block;
|
display: block;
|
||||||
|
@ -76,6 +52,30 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.new {
|
||||||
|
a,
|
||||||
|
a:visited {
|
||||||
|
color: @color-link-new;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.selected {
|
||||||
|
.background-image('images/tab-current-fade.png');
|
||||||
|
|
||||||
|
a,
|
||||||
|
a:visited {
|
||||||
|
color: @color-link-selected;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon {
|
||||||
|
a {
|
||||||
|
background-position: bottom right;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
span {
|
span {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
.background-image('images/tab-break.png');
|
.background-image('images/tab-break.png');
|
||||||
|
@ -184,12 +184,12 @@
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
font-size: @font-size-tabs;
|
font-size: @font-size-tabs;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
&.selected a,
|
.selected a,
|
||||||
&.selected a:visited {
|
.selected a:visited {
|
||||||
color: @color-link-selected;
|
color: @color-link-selected;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue