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

Add minor CSS fixes

Browse source
This commit is contained in:
Andras Schmelczer 2022-09-21 23:14:03 +02:00
parent 8f1c482218
commit 77c31f370f
No known key found for this signature in database
GPG key ID: 0EA1BC97D0AB076E
3 changed files with 8 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/style/fonts.scss
View file

@ -3,6 +3,7 @@
font-family: 'Comfortaa';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local(''),
url('../../static/fonts/comfortaa-v40-latin-regular.woff2') format('woff2'),
/* Chrome 26+, Opera 23+, Firefox 39+ */
@ -14,6 +15,7 @@
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local(''),
url('../../static/fonts/open-sans-v34-latin-regular.woff2') format('woff2'),
/* Chrome 26+, Opera 23+, Firefox 39+ */

6
src/style/mixins.scss
View file

@ -1,7 +1,7 @@
$breakpoint-width: 925px !default;
@mixin on-small-screen() {
@media (max-width: $breakpoint-width - 1px) {
@media (max-width: ($breakpoint-width - 1px)) {
@content;
}
}
@ -56,7 +56,7 @@ $breakpoint-width: 925px !default;
}
@mixin title-font() {
font: 400 3rem 'Comfortaa', serif;
font: 400 3rem 'Comfortaa', sans-serif;
font-style: normal;
color: var(--normal-text-color);
line-height: 1;
@ -69,7 +69,7 @@ $breakpoint-width: 925px !default;
}
@mixin sub-title-font() {
font: 400 1.75rem 'Comfortaa', serif;
font: 400 1.75rem 'Comfortaa', sans-serif;
color: var(--normal-text-color);
font-style: normal;
hyphens: auto;

7
src/style/vars.scss
View file

@ -25,7 +25,7 @@
--normal-margin: 45px;
--small-margin: 25px;
--shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1), 0 0 1px rgba(0, 0, 0, 0.2);
--inset-shadow: inset 0 -9px 7px -7px rgb(0, 0, 0, 0.07);
--inset-shadow: inset 0 -9px 7px -7px rgb(0, 0, 0, 0.15);
--icon-size: 45px;
--large-icon-size: 80px;
--body-width: 765px;
@ -39,7 +39,7 @@
--normal-margin: 30px;
--small-margin: 15px;
--shadow: 0 0 10px 2px rgba(0, 0, 0, 0.075), 0 0 1px rgba(0, 0, 0, 0.125);
--inset-shadow: inset 0 -9px 7px -7px rgb(0, 0, 0, 0.07);
--inset-shadow: inset 0 -9px 7px -7px rgb(0, 0, 0, 0.15);
--icon-size: 35px;
--large-icon-size: 55px;
--body-width: 90%;
@ -53,6 +53,5 @@
--blurred-card-color: #26355155;
--blur-radius: 24px;
--special-text-color: #ffffff;
--inset-shadow: inset 0 0 10px 2px rgba(0, 0, 0, 0.175),
inset 0 0 1px rgba(0, 0, 0, 0.4);
--inset-shadow: inset 0 0 10px 2px rgba(0, 0, 0, 0.25), inset 0 0 1px rgba(0, 0, 0, 0.4);
}