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

Fix compatibility and sizing

Browse source
This commit is contained in:
Andras Schmelczer 2022-09-26 23:09:40 +02:00
parent b388498e8f
commit aa9047c0d8
No known key found for this signature in database
GPG key ID: 0EA1BC97D0AB076E
9 changed files with 107 additions and 81 deletions
Download patch file Download diff file Expand all files Collapse all files

11
src/style/mixins.scss
View file

@ -1,4 +1,6 @@
$breakpoint-width: 800px !default;
@use 'sass:math';
$breakpoint-width: 700px !default;
@mixin on-small-screen() {
@media (max-width: ($breakpoint-width - 1px)) {
@ -18,6 +20,13 @@ $breakpoint-width: 800px !default;
}
}
@mixin zoom($q) {
transform: scale($q);
transform-origin: top center;
height: math.div(100%, $q);
margin: 0 (0.5 - math.div(0.5, $q)) * 100%;
}
@mixin image-button($icon-size) {
display: block;
box-sizing: content-box;

3
src/style/vars.scss
View file

@ -8,7 +8,6 @@
--accent-color: #b7455e;
--sun-color: #f7f78c;
--very-light-text-color: #ffffff;
--background: #ffffff;
--normal-text-color: #31343f;
--card-color: #ffffff;
@ -27,7 +26,7 @@
--inset-shadow: inset 0 -9px 7px -7px rgb(0, 0, 0, 0.15);
--icon-size: 45px;
--large-icon-size: 60px;
--body-width: min(85%, 830px);
--body-width: min(80%, 830px);
}
}