chore: split out styles + only load where needed
This commit is contained in:
parent
37db7d35d6
commit
0e65983a19
28 changed files with 250 additions and 287 deletions
22
src/assets/styles/widgets/pagefind.css
Normal file
22
src/assets/styles/widgets/pagefind.css
Normal file
|
@ -0,0 +1,22 @@
|
|||
body {
|
||||
--pagefind-ui-primary: var(--blue-600);
|
||||
--pagefind-ui-text: var(--black);
|
||||
--pagefind-ui-background: var(--white);
|
||||
--pagefind-ui-border: var(--gray-200);
|
||||
--pagefind-ui-tag: var(--gray-200);
|
||||
--pagefind-ui-border-width: 1px;
|
||||
--pagefind-ui-border-radius: 0;
|
||||
--pagefind-ui-image-border-radius: 0;
|
||||
--pagefind-ui-image-box-ratio: 3 / 2;
|
||||
--pagefind-ui-font: var(--font-sans);
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
body {
|
||||
--pagefind-ui-primary: var(--blue-400);
|
||||
--pagefind-ui-text: var(--white);
|
||||
--pagefind-ui-background: var(--black);
|
||||
--pagefind-ui-border: var(--gray-900);
|
||||
--pagefind-ui-tag: var(--gray-900);
|
||||
}
|
||||
}
|
26
src/assets/styles/widgets/post-graph.css
Normal file
26
src/assets/styles/widgets/post-graph.css
Normal file
|
@ -0,0 +1,26 @@
|
|||
.post-graph {
|
||||
margin-top: 1.25rem;
|
||||
margin-bottom: 1.25rem;
|
||||
}
|
||||
|
||||
.post-graph__wrapper {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 2rem;
|
||||
margin-bottom: .375rem;
|
||||
}
|
||||
|
||||
.post-graph__progress {
|
||||
background-color: var(--blue-600);
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.post-graph__year {
|
||||
font-family: var(--font-mono)
|
||||
}
|
||||
|
||||
.post-graph__progress,
|
||||
.post-graph__data {
|
||||
margin-left: .625rem;
|
||||
}
|
Reference in a new issue