feat: select page web component

This commit is contained in:
Cory Dransfeldt 2024-04-07 09:42:49 -07:00
parent 5cda0d563f
commit 993266981c
No known key found for this signature in database
7 changed files with 52 additions and 50 deletions

View file

@ -413,7 +413,8 @@ select {
line-height: var(--line-height-base);
}
.select {
.select,
select-pagination {
border-radius: var(--rounded-full);
background-color: var(--accent-color);
padding: 0 var(--sizing-lg);
@ -426,17 +427,22 @@ select {
}
.select,
.select select {
.select select,
select-pagination,
select-pagination select {
min-height: calc(var(--sizing-3xl) * 1.25);
min-width: calc(var(--sizing-3xl) * 4);;
}
.select select,
.select::after {
.select::after,
select-pagination select,
select-pagination::after {
grid-area: select;
}
.select::after {
.select::after,
select-pagination::after {
content: '';
width: var(--sizing-md);
height: var(--sizing-sm);