opdavies/rebuilding-acquia
Archived
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Update sidebar link colours

Browse source
This commit is contained in:
Oliver Davies 2019-03-14 13:17:20 +00:00
parent b8daad15a6
commit da96ab8609
2 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/components/Sidebar.vue
View file

@ -7,10 +7,10 @@
href="#0"
class="flex items-center no-underline focus:underline px-4 py-2 text-sm"
:class="{
'bg-grey-darker text-white': link.active,
'border-transparent hover:bg-grey hover:text-blue-dark': !link.active,
'text-grey-dark cursor-not-allowed': link.disabled,
'text-grey-darker': !link.disabled,
'bg-grey-darker text-white hover:text-white': link.active,
'border-transparent hover:bg-grey': !link.active,
'text-grey-dark cursor-not-allowed hover:text-grey-dark_': link.disabled,
'text-grey-darker hover:text-blue-dark': !link.disabled && !link.active,
}"
>
<svg class="h-6 w-6 fill-current" role="presentation"><use :xlink:href="`/img/icons.symbol.svg#${link.icon}`"></use></svg>

2
tailwind.js
View file

@ -9,7 +9,7 @@ var colors = {
'blue-darker': '#004f86',
'blue-light': '#29aae1',
'green': '#398002',
'grey': '#B7B7B7',
'grey': '#bbb',
'grey-dark': '#888888',
'grey-darker': '#555555',
'grey-darkest': '#333333',