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

chore: add scrollbar styles; fix units + alignment

Browse source
This commit is contained in:
Cory Dransfeldt 2024-04-15 09:03:07 -07:00
parent 9c5bdf8ef8
commit ab1182725f
No known key found for this signature in database
7 changed files with 45 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

42
src/assets/styles/index.css
View file

@ -18,6 +18,37 @@ html {
background: var(--selection-color);
}
/* scrollbars */
body,
html {
scrollbar-width: thin;
scrollbar-color: var(--accent-color) var(--gray-light);
}
::-webkit-scrollbar {
width: var(--sizing-xs);
height: var(--sizing-xs);
}
body::-webkit-scrollbar {
width: var(--sizing-md);
height: var(--sizing-md);
}
::-webkit-scrollbar-thumb {
background: var(--accent-color);
border-radius: var(--rounded-full);
}
::-webkit-scrollbar-track {
background-color: var(--gray-light);
}
::-webkit-scrollbar-button {
background-color: var(--accent-color);
border-radius: var(--rounded);
}
p,
blockquote {
line-height: var(--line-height-lg);
@ -113,12 +144,12 @@ hr.large__spacing {
/* tables */
table {
display: block;
overflow-x: auto;
overflow-x: scroll;
width: 100%;
max-width: fit-content;
margin: 0 auto;
white-space: nowrap;
border-radius: var(--sizing-xs);
border-radius: var(--rounded);
border: 1px solid var(--gray-light);
}
@ -375,7 +406,7 @@ li {
/* images */
.image__banner {
border: 1px solid var(--accent-color);
border-radius: var(--sizing-xs);
border-radius: var(--rounded);
height: auto;
}
@ -430,8 +461,9 @@ select-pagination {
.select select,
select-pagination,
select-pagination select {
min-height: calc(var(--sizing-3xl) * 1.25);
min-width: calc(var(--sizing-3xl) * 4);;
min-width: calc(var(--sizing-3xl) * 4);
padding-top: var(--sizing-xs);
padding-bottom: var(--sizing-xs);
}
.select select,