andras/fleeting-garden
1
0
Fork 0
Code Issues Pull requests 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
parent f3f2547724
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);
}

4
src/style/vars.scss
View file

@ -1,13 +1,11 @@
@use 'mixins' as *;
$accent-color: #b7455e;
:root {
--transition-time: 200ms;
--transition-time-long: 350ms;
--line-width: 4px;
--line-height: 1.125rem;
--accent-color: $accent-color;
--accent-color: #ff6b6b;
--sun-color: #f7f78c;
--very-light-text-color: #ffffff;
--background: #ffffff;