diff options
Diffstat (limited to 'sass')
| -rw-r--r-- | sass/_typography.scss | 6 | ||||
| -rw-r--r-- | sass/theme.scss | 73 |
2 files changed, 79 insertions, 0 deletions
diff --git a/sass/_typography.scss b/sass/_typography.scss index 9f67009..b6bdf6d 100644 --- a/sass/_typography.scss +++ b/sass/_typography.scss @@ -61,6 +61,12 @@ border-radius: 8px;
}
+ @media (prefers-color-scheme: dark) {
+ pre {
+ border: 1px solid var(--color-outline-variant);
+ }
+ }
+
ul {
list-style: square;
}
diff --git a/sass/theme.scss b/sass/theme.scss index c24d30b..a9fe693 100644 --- a/sass/theme.scss +++ b/sass/theme.scss @@ -27,6 +27,11 @@ hr { color: var(--color-on-background);
font-size: 32px;
font-family: "PT Serif Caption", serif;
+
+ a {
+ color: inherit;
+ text-decoration: none;
+ }
}
.info {
@@ -61,3 +66,71 @@ hr { }
}
+.pagination {
+ display: flex;
+ flex-direction: row;
+ gap: 16px;
+ font-size: 18px;
+ font-family: "PT Serif Caption", serif;
+ margin: 32px 0px;
+
+ a {
+ display: block;
+ color: var(--color-primary);
+ text-decoration: none;
+
+ &:hover {
+ opacity: 80%;
+ }
+ }
+}
+
+#footer {
+ border-top: 1px solid var(--color-outline-variant);
+ padding: 16px 0px;
+ margin-top: 24px;
+}
+
+#header {
+ margin-bottom: 24px;
+ padding: 20px 0px;
+ border-bottom: 1px solid var(--color-outline-variant);
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+
+ .title_desc {
+ display: flex;
+ flex-direction: column;
+ gap: 8px;
+
+ .title a {
+ text-decoration: none;
+ color: var(--color-on-background);
+ font-size: 28px;
+ }
+
+ .description {
+ color: var(--color-on-surface-variant);
+ font-size: 16px;
+ }
+ }
+
+ .navigation {
+ display: flex;
+ flex-direction: row;
+
+ a {
+ display: block;
+ text-decoration: none;
+ color: var(--color-on-background);
+ padding: 8px 16px;
+ border-radius: 9999px;
+
+ &:hover {
+ background-color: var(--color-primary-container);
+ color: var(--color-on-primary-container);
+ }
+ }
+ }
+}
|