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:
Volker E 2019-09-30 00:36:32 -07:00
parent 1d7c3fac99
commit 190d9830ca

View file

@ -41,30 +41,6 @@
line-height: @line-height-nav;
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 {
color: @color-link;
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 {
display: inline-block;
.background-image('images/tab-break.png');
@ -184,12 +184,12 @@
cursor: pointer;
font-size: @font-size-tabs;
}
}
&.selected a,
&.selected a:visited {
color: @color-link-selected;
text-decoration: none;
}
.selected a,
.selected a:visited {
color: @color-link-selected;
text-decoration: none;
}
}