mirror of
https://github.com/jeffvli/feishin.git
synced 2026-07-24 19:36:30 +02:00
add additional list pagination helpers and components
This commit is contained in:
@@ -1,14 +1,18 @@
|
||||
.root {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.control {
|
||||
color: var(--theme-btn-default-fg);
|
||||
background-color: var(--theme-btn-default-bg);
|
||||
color: var(--theme-colors-foreground);
|
||||
background-color: var(--theme-colors-surface);
|
||||
border: none;
|
||||
transition:
|
||||
background 0.2s ease-in-out,
|
||||
color 0.2s ease-in-out;
|
||||
|
||||
&[data-active] {
|
||||
color: var(--theme-btn-primary-fg);
|
||||
background-color: var(--theme-btn-primary-bg);
|
||||
color: var(--theme-colors-primary-contrast);
|
||||
background-color: var(--theme-colors-primary-filled);
|
||||
}
|
||||
|
||||
&[data-dots] {
|
||||
@@ -16,12 +20,10 @@
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: var(--theme-btn-default-fg-hover);
|
||||
background-color: var(--theme-btn-default-bg-hover);
|
||||
background-color: lighten(var(--theme-colors-surface), 10%);
|
||||
|
||||
&[data-active] {
|
||||
color: var(--theme-btn-primary-fg-hover);
|
||||
background-color: var(--theme-btn-primary-bg-hover);
|
||||
background-color: darken(var(--theme-colors-primary-filled), 10%);
|
||||
}
|
||||
|
||||
&[data-dots] {
|
||||
@@ -29,3 +31,9 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.container {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user