JimmyandGitHub
0ad02c5c0f
* refactor: add standardized spacing variables and more style cleanup * refactor: rename `spacing-xxl` to `spacing-2xl` and introduce `spacing-3xl` for consistent spacing variables. * refactor: Migrate related content styling to use the `subsection-list` component with updated layout adjustments. * style: adjust padding values for article list tiles. * refactor: Introduce shadow variables and dynamic spacing to prevent shadow cutoff in list layouts. * refactor: relocate dark scheme Mermaid variables within the root scope.
48 lines
1.1 KiB
SCSS
48 lines
1.1 KiB
SCSS
.pagination {
|
|
display: flex;
|
|
@include card-style;
|
|
overflow: hidden;
|
|
|
|
.page-link {
|
|
padding: 16px 0;
|
|
margin: 0;
|
|
border-radius: 0;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
flex: 1 1 auto;
|
|
min-width: 48px;
|
|
color: var(--card-text-color-secondary);
|
|
text-decoration: none;
|
|
|
|
&:first-child,
|
|
&:last-child {
|
|
flex: 0 0 48px;
|
|
padding: 16px;
|
|
}
|
|
|
|
&:hover:not(.current):not(.disabled) {
|
|
background-color: var(--card-background-selected);
|
|
opacity: 0.8;
|
|
}
|
|
|
|
&.current {
|
|
background-color: var(--card-background-selected);
|
|
color: var(--card-text-color-main);
|
|
font-weight: bold;
|
|
cursor: default;
|
|
}
|
|
|
|
&.disabled {
|
|
opacity: 0.3;
|
|
cursor: not-allowed;
|
|
pointer-events: none;
|
|
color: var(--card-text-color-secondary);
|
|
}
|
|
|
|
svg {
|
|
width: 20px;
|
|
height: 20px;
|
|
}
|
|
}
|
|
} |