josh/dashy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

♻️ Ensures all colors are using variables

Browse Source
This commit is contained in:
Alicia Sykes
2021-04-20 17:26:21 +01:00
parent 9f70181422
commit 3d342bb43d
9 changed files with 65 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/PageStrcture/Nav.vue
View File

@@ -36,18 +36,17 @@ nav {
outline: none;
border: none;
border-radius: var(--curve-factor);
background: #607d8b33;
-webkit-box-shadow: 1px 1px 2px #232323;
box-shadow: 1px 1px 2px #232323;
color: var(--primary);
color: var(--nav-link-text-color);
background: var(--nav-link-background-color);
border: 1px solid var(--nav-link-border-color);
text-decoration: none;
&:hover {
background: #607d8b1c;
box-shadow: 1px 4px 3px #232323;
&.router-link-active, &:hover {
color: var(--nav-link-text-color-hover);
background: var(--nav-link-background-color-hover);
border: 1px solid var(--nav-link-border-color-hover);
}
}
.router-link-active {
border: 1px solid var(--primary);
}
}
</style>