andras/schmelczer-dev
1
0
Fork 0
Code Issues Pull requests 6 Projects Releases Packages Wiki Activity Actions

Improve animations

Browse source
This commit is contained in:
Andras Schmelczer 2022-09-22 12:49:31 +02:00
parent 50a844e3a3
commit de81158a06
No known key found for this signature in database
GPG key ID: 0EA1BC97D0AB076E
2 changed files with 3 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/page/basics/image-anchor/image-anchor.html.ts
View file

@ -15,7 +15,7 @@ export const ImageAnchorFactory =
target="_blank" target="_blank"
${shouldDownload ? 'download' : ''} ${shouldDownload ? 'download' : ''}
> >
<div class="svgContainer"> <div class="svg-container">
${svg} ${svg}
</div> </div>
<p>${title}</p> <p>${title}</p>

4
src/page/basics/image-anchor/image-anchor.scss
View file

@ -3,14 +3,14 @@
.image-anchor { .image-anchor {
@include image-button(var(--icon-size)); @include image-button(var(--icon-size));
.svgContainer { .svg-container {
position: relative; position: relative;
margin: auto; margin: auto;
@include square(var(--icon-size)); @include square(var(--icon-size));
svg { svg {
stroke: var(--normal-text-color); stroke: var(--normal-text-color);
transition: stroke var(--transition-time); transition: stroke var(--transition-time), transform var(--transition-time);
} }
} }