chore: split out sheets
This commit is contained in:
parent
c9fdc5e2ec
commit
289970c96f
4 changed files with 25 additions and 25 deletions
|
@ -33,8 +33,8 @@
|
||||||
{% capture css %}
|
{% capture css %}
|
||||||
{% render "../assets/styles/yt-lite.css" %}
|
{% render "../assets/styles/yt-lite.css" %}
|
||||||
{% render "../assets/styles/silka.css" %}
|
{% render "../assets/styles/silka.css" %}
|
||||||
{% render "../assets/styles/ml.css" %}
|
|
||||||
{% render "../assets/styles/prism.css" %}
|
{% render "../assets/styles/prism.css" %}
|
||||||
|
{% render "../assets/styles/pagefind.css" %}
|
||||||
{% render "../assets/styles/index.css" %}
|
{% render "../assets/styles/index.css" %}
|
||||||
{% endcapture %}
|
{% endcapture %}
|
||||||
<style>
|
<style>
|
||||||
|
|
|
@ -40,7 +40,7 @@
|
||||||
|
|
||||||
/* fonts */
|
/* fonts */
|
||||||
--font-sans: silka, Inter, Roboto, 'Helvetica Neue', system-ui, sans-serif;
|
--font-sans: silka, Inter, Roboto, 'Helvetica Neue', system-ui, sans-serif;
|
||||||
--font-mono: ml, ui-monospace, monospace;
|
--font-mono: ui-monospace, monospace;
|
||||||
|
|
||||||
/* text */
|
/* text */
|
||||||
--font-size-xs: .75rem;
|
--font-size-xs: .75rem;
|
||||||
|
@ -89,19 +89,6 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
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);
|
|
||||||
}
|
|
||||||
|
|
||||||
body,
|
body,
|
||||||
html {
|
html {
|
||||||
font-family: var(--font-sans);
|
font-family: var(--font-sans);
|
||||||
|
@ -962,14 +949,6 @@ footer nav {
|
||||||
|
|
||||||
/* dark theme */
|
/* dark theme */
|
||||||
@media (prefers-color-scheme: dark) {
|
@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);
|
|
||||||
}
|
|
||||||
|
|
||||||
body,
|
body,
|
||||||
html {
|
html {
|
||||||
color: var(--white);
|
color: var(--white);
|
||||||
|
@ -1096,7 +1075,6 @@ footer nav {
|
||||||
|
|
||||||
.highlight-text,
|
.highlight-text,
|
||||||
.progress-bar,
|
.progress-bar,
|
||||||
.pagefind-ui__form mark,
|
|
||||||
.pill--button,
|
.pill--button,
|
||||||
.post-graph__progress {
|
.post-graph__progress {
|
||||||
background-color: var(--blue-400);
|
background-color: var(--blue-400);
|
||||||
|
|
22
src/assets/styles/pagefind.css
Normal file
22
src/assets/styles/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);
|
||||||
|
}
|
||||||
|
}
|
|
@ -6,7 +6,7 @@ pre[class*='language-'] {
|
||||||
color: #d9e0ee;
|
color: #d9e0ee;
|
||||||
background: none;
|
background: none;
|
||||||
text-shadow: 0 1px rgba(0, 0, 0, 0.3);
|
text-shadow: 0 1px rgba(0, 0, 0, 0.3);
|
||||||
font-family: ml, ui-monospace, monospace;
|
font-family: ui-monospace, monospace;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
white-space: pre;
|
white-space: pre;
|
||||||
word-spacing: normal;
|
word-spacing: normal;
|
||||||
|
|
Reference in a new issue