hak8or/blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Less pixels, more REMs

Browse Source
This commit is contained in:
daudix
2024-06-18 04:13:00 +03:00
parent d84ab215c3
commit e39b499844
3 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
sass/_general.scss
View File

@ -60,7 +60,7 @@ body {
:focus-visible { :focus-visible {
animation: focus-in var(--transition); animation: focus-in var(--transition);
outline: 0.125rem solid var(--primary-color); outline: 0.125rem solid var(--primary-color);
outline-offset: 2px; outline-offset: 0.125rem;
} }
// Fallback for older browsers // Fallback for older browsers
@ -68,7 +68,7 @@ body {
:focus { :focus {
animation: focus-in var(--transition); animation: focus-in var(--transition);
outline: 0.125rem solid var(--primary-color); outline: 0.125rem solid var(--primary-color);
outline-offset: 2px; outline-offset: 0.125rem;
} }
} }

2
sass/_nav.scss
View File

@ -6,7 +6,7 @@
backdrop-filter: var(--blur); backdrop-filter: var(--blur);
margin: 1rem auto; margin: 1rem auto;
box-shadow: var(--edge-highlight), 0px 12px 24px -16px rgba(0, 0, 0, 0.5); box-shadow: var(--edge-highlight), 0px 12px 24px -16px rgba(0, 0, 0, 0.5);
border-radius: 26px; border-radius: 1.625rem;
background-color: var(--nav-bg); background-color: var(--nav-bg);
max-width: min(var(--container-width), 90%); max-width: min(var(--container-width), 90%);

2
sass/_typography.scss
View File

@ -76,7 +76,7 @@ kbd {
// Small nice thingy, keys can be pressed! // Small nice thingy, keys can be pressed!
&:active { &:active {
transform: translateY(2px); transform: translateY(0.125rem);
box-shadow: inset 0 1px 0 var(--fg-muted-2); box-shadow: inset 0 1px 0 var(--fg-muted-2);
background-color: var(--fg-muted-3); background-color: var(--fg-muted-3);
} }