Style tooling surfaces within shared shell
This commit is contained in:
@@ -11,7 +11,7 @@
|
||||
<span class="shell-primary-nav-label">Curation</span>
|
||||
</NavLink>
|
||||
|
||||
<NavLink class="shell-primary-nav-link" href="tools">
|
||||
<NavLink class="shell-primary-nav-link is-tools-link" href="tools">
|
||||
<span class="shell-primary-nav-label">Tools</span>
|
||||
</NavLink>
|
||||
</div>
|
||||
|
||||
@@ -31,6 +31,20 @@
|
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16);
|
||||
}
|
||||
|
||||
.shell-primary-nav-link.is-tools-link {
|
||||
color: color-mix(in srgb, var(--info-3) 42%, var(--text-secondary));
|
||||
}
|
||||
|
||||
.shell-primary-nav-link.is-tools-link:hover {
|
||||
background: color-mix(in srgb, var(--surface-tooling) 86%, transparent);
|
||||
border-color: color-mix(in srgb, var(--info-2) 35%, var(--border-default));
|
||||
}
|
||||
|
||||
.shell-primary-nav-link.is-tools-link.active {
|
||||
background: color-mix(in srgb, var(--surface-tooling) 92%, var(--surface-2));
|
||||
border-color: color-mix(in srgb, var(--info-2) 46%, var(--border-default));
|
||||
}
|
||||
|
||||
.shell-primary-nav-label {
|
||||
font-size: 0.92rem;
|
||||
line-height: 1;
|
||||
|
||||
Reference in New Issue
Block a user