feat: update toc and theme toggle to use new icon opacity

This commit is contained in:
alistair3149 2021-01-14 12:26:25 -05:00
parent 9cd101c833
commit 06b60ca582
No known key found for this signature in database
GPG key ID: 94D081060FD3DD9C
2 changed files with 12 additions and 4 deletions

View file

@ -9,12 +9,16 @@
background-repeat: no-repeat; background-repeat: no-repeat;
cursor: pointer; cursor: pointer;
font-size: 0; font-size: 0;
opacity: @opacity-icon; opacity: var( --opacity-icon-base );
outline: 0; outline: 0;
transition: @transition-transform-quick, @transition-opacity-quick; transition: @transition-transform-quick, @transition-opacity-quick;
&:hover { &:hover {
opacity: @opacity-icon-active; opacity: var( --opacity-icon-base--hover );
}
&:active {
opacity: var( --opacity-icon-base--active );
} }
} }

View file

@ -135,18 +135,22 @@
.boxshadow(5); .boxshadow(5);
&:before { &:before {
opacity: @opacity-icon-active; opacity: var( --opacity-icon-base--hover );
} }
} }
&:active { &:active {
background-color: var( --background-color-dp-02 ); background-color: var( --background-color-dp-02 );
&:before {
opacity: var( --opacity-icon-base--active );
}
} }
&:before { &:before {
.resource-loader-icon; .resource-loader-icon;
display: block; display: block;
opacity: @opacity-icon; opacity: var( --opacity-icon-base );
} }
} }