andras/fleeting-garden
andras/fleeting-garden
Watch
1
0
Fork
You've already forked fleeting-garden
 0
Code Issues Pull requests 10 Projects Releases Packages Wiki Activity Actions

Minor improvements xd

Browse source
This commit is contained in:
Andras Schmelczer 2023-05-21 19:19:12 +01:00
commit 0e97e54ffe
No known key found for this signature in database
GPG key ID: FC8F2C3D3D1A718C
21 changed files with 189 additions and 184 deletions
Download patch file Download diff file Expand all files Collapse all files

13
src/style/mixins.scss
View file

@ -33,18 +33,17 @@ $breakpoint-width: 700px !default;
}
}
@mixin image-button($background-image) {
@mixin image-button($background-image, $background-color) {
@include square(var(--icon-size));
border: none;
cursor: pointer;
background-color: transparent;
background-image: $background-image;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-color: $background-color;
mask-image: $background-image;
-webkit-mask-image: $background-image;
mask-repeat: no-repeat;
transition: transform var(--transition-time);
transition: transform var(--transition-time), background-color var(--transition-time);
&:hover {
transform: scale(1.15);
}