diff options
Diffstat (limited to 'sass/theme.scss')
| -rw-r--r-- | sass/theme.scss | 63 |
1 files changed, 63 insertions, 0 deletions
diff --git a/sass/theme.scss b/sass/theme.scss new file mode 100644 index 0000000..c24d30b --- /dev/null +++ b/sass/theme.scss @@ -0,0 +1,63 @@ +@import "_colors.scss";
+@import "_reset.scss";
+@import "_typography.scss";
+
+* {
+ box-sizing: border-box;
+}
+
+body {
+ font-family: "PT Serif", serif;
+ background-color: var(--color-background);
+
+ width: 800px;
+ margin: auto;
+}
+
+hr {
+ border: none;
+ border-top: 1px solid var(--color-outline-variant);
+}
+
+.article-header {
+ margin-top: 16px;
+ margin-bottom: 32px;
+
+ h1 {
+ color: var(--color-on-background);
+ font-size: 32px;
+ font-family: "PT Serif Caption", serif;
+ }
+
+ .info {
+ margin-top: 12px;
+ display: flex;
+ flex-direction: row;
+ gap: 16px;
+ align-items: center;
+
+ .date {
+ color: var(--color-secondary);
+ }
+
+ .tags {
+ display: flex;
+ flex-direction: row;
+ gap: 8px;
+
+ a {
+ display: block;
+ background-color: var(--color-primary-container);
+ color: var(--color-on-primary-container);
+ padding: 4px 12px;
+ border-radius: 999px;
+ text-decoration: none;
+
+ &:hover {
+ opacity: 80%;
+ }
+ }
+ }
+ }
+}
+
|