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

Tweak CSS variables

Browse source
This commit is contained in:
Andras Schmelczer 2022-09-25 20:17:10 +02:00
parent b12be35a71
commit 6553d7ef11
No known key found for this signature in database
GPG key ID: 0EA1BC97D0AB076E
4 changed files with 6 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/index.scss
View file

@ -130,7 +130,7 @@ iframe {
outline: none; outline: none;
&:not(:hover) { &:not(:hover) {
outline: var(--accent-color) solid 3px; outline: var(--accent-color) solid var(--line-width);
} }
} }

2
src/page/header/header.scss
View file

@ -42,7 +42,7 @@
@include on-small-screen { @include on-small-screen {
:focus:not(:hover) { :focus:not(:hover) {
outline: var(--very-light-text-color) solid 3px !important; outline: var(--very-light-text-color) solid var(--line-width);
} }
} }

2
src/page/image-viewer/image-viewer.scss
View file

@ -35,7 +35,7 @@
top: 0; top: 0;
&:focus:not(:hover) { &:focus:not(:hover) {
outline: var(--very-light-text-color) solid 3px !important; outline: var(--very-light-text-color) solid var(--line-width);
} }
} }
} }

6
src/style/vars.scss
View file

@ -3,7 +3,7 @@
:root { :root {
--transition-time: 200ms; --transition-time: 200ms;
--transition-time-long: 300ms; --transition-time-long: 300ms;
--line-width: 3px; --line-width: 4px;
--line-height: 18px; --line-height: 18px;
--accent-color: #b7455e; --accent-color: #b7455e;
--sun-color: #f7f78c; --sun-color: #f7f78c;
@ -49,8 +49,8 @@
--background: #242638; --background: #242638;
--normal-text-color: #ffffff; --normal-text-color: #ffffff;
--card-color: #263551; --card-color: #263551;
--blurred-card-color: #26355155; --blurred-card-color: #212f4a77;
--blur-radius: 24px; --blur-radius: 30px;
--special-text-color: #ffffff; --special-text-color: #ffffff;
--inset-shadow: inset 0 0 10px 2px rgba(0, 0, 0, 0.25), 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);
} }