css: Use SCSS nesting for .help .sidebar a in portico.scss.

This commit is contained in:
Siddharth Varshney
2020-05-13 19:52:40 +05:30
committed by Tim Abbott
parent c70e53952c
commit 0fa1e5b5f6

View File

@@ -244,20 +244,24 @@ html {
}
}
.help .sidebar a.highlighted {
background-color: hsl(152, 40%, 42%);
.help .sidebar a {
&.highlighted {
background-color: hsl(152, 40%, 42%);
/* Extend highlight to entire width of sidebar, not just link area */
width: calc(100% + 20px);
margin-left: -40px;
padding-left: 40px;
}
/* Extend highlight to entire width of sidebar, not just link area */
/* This has been changed from "+" to "- -" because of issue #8403.
If the issue has been fixed, please change this back to "+" again. */
width: calc(100% + 20px);
margin-left: -40px;
padding-left: 40px;
}
.help .sidebar a:active,
.help .sidebar a:hover,
.help .sidebar a:focus,
.help .sidebar a:visited {
outline: none;
&:active,
&:hover,
&:focus,
&:visited {
outline: none;
}
}
.help-center ol,