cdransf/coryd.dev-eleventy
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

chore: clean up about media query

Browse source
This commit is contained in:
Cory Dransfeldt 2024-01-26 16:40:30 -08:00
parent 9dffcced04
commit c1e5285a30
No known key found for this signature in database
1 changed files with 8 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
src/assets/styles/pages/about.css
View file

@ -1,11 +1,15 @@
:root {
--avatar-size: 16rem;
}
.avatar__wrapper { .avatar__wrapper {
width: 100%; width: 100%;
margin-bottom: 1.5rem; margin-bottom: 1.5rem;
} }
.avatar__wrapper .avatar__wrapper--interior { .avatar__wrapper .avatar__wrapper--interior {
width: 16rem; width: var(--avatar-size);
height: 16rem; height: var(--avatar-size);
border: 1px solid var(--accent-color); border: 1px solid var(--accent-color);
border-radius: var(--rounded-full); border-radius: var(--rounded-full);
display: flex; display: flex;
@ -25,8 +29,7 @@
} }
@media screen and (min-width: 768px) { @media screen and (min-width: 768px) {
.avatar__wrapper .avatar__wrapper--interior { :root {
width: 24rem; --avatar-size: 24rem;
height: 24rem;
} }
} }