summaryrefslogtreecommitdiff
path: root/themes/PaperMod/assets/css/core
diff options
context:
space:
mode:
Diffstat (limited to 'themes/PaperMod/assets/css/core')
-rw-r--r--themes/PaperMod/assets/css/core/reset.css138
-rw-r--r--themes/PaperMod/assets/css/core/theme-vars.css38
-rw-r--r--themes/PaperMod/assets/css/core/zmedia.css58
3 files changed, 234 insertions, 0 deletions
diff --git a/themes/PaperMod/assets/css/core/reset.css b/themes/PaperMod/assets/css/core/reset.css
new file mode 100644
index 0000000..dfb1caa
--- /dev/null
+++ b/themes/PaperMod/assets/css/core/reset.css
@@ -0,0 +1,138 @@
+*,
+::after,
+::before {
+ box-sizing: border-box;
+}
+
+html {
+ -webkit-tap-highlight-color: transparent;
+ overflow-y: scroll;
+}
+
+a,
+button,
+body,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ color: var(--primary);
+}
+
+body {
+ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+ font-size: 18px;
+ line-height: 1.6;
+ word-break: break-word;
+ background: var(--theme);
+}
+
+article,
+aside,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+nav,
+section,
+table {
+ display: block;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ line-height: 1.2;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+ul {
+ padding: 0;
+}
+
+a {
+ text-decoration: none;
+}
+
+body,
+figure,
+ul {
+ margin: 0;
+}
+
+table {
+ width: 100%;
+ border-collapse: collapse;
+ border-spacing: 0;
+ overflow-x: auto;
+ word-break: keep-all;
+}
+
+button,
+input,
+textarea {
+ padding: 0;
+ font: inherit;
+ background: 0 0;
+ border: 0;
+}
+
+input,
+textarea {
+ outline: 0;
+}
+
+button,
+input[type=button],
+input[type=submit] {
+ cursor: pointer;
+}
+
+input:-webkit-autofill,
+textarea:-webkit-autofill {
+ box-shadow: 0 0 0 50px var(--theme) inset;
+}
+
+img {
+ display: block;
+ max-width: 100%;
+}
+
+::-webkit-scrollbar-track {
+ background: 0 0;
+}
+
+.list:not(.dark)::-webkit-scrollbar-track {
+ background: var(--code-bg);
+}
+
+::-webkit-scrollbar-thumb {
+ background: var(--tertiary);
+ border: 5px solid var(--theme);
+ border-radius: var(--radius);
+}
+
+.list:not(.dark)::-webkit-scrollbar-thumb {
+ border: 5px solid var(--code-bg);
+}
+
+::-webkit-scrollbar-thumb:hover {
+ background: var(--secondary);
+}
diff --git a/themes/PaperMod/assets/css/core/theme-vars.css b/themes/PaperMod/assets/css/core/theme-vars.css
new file mode 100644
index 0000000..fd0c5ee
--- /dev/null
+++ b/themes/PaperMod/assets/css/core/theme-vars.css
@@ -0,0 +1,38 @@
+:root {
+ --gap: 24px;
+ --content-gap: 20px;
+ --nav-width: 1024px;
+ --main-width: 720px;
+ --header-height: 60px;
+ --footer-height: 60px;
+ --radius: 8px;
+ --theme: rgb(255, 255, 255);
+ --entry: rgb(255, 255, 255);
+ --primary: rgb(30, 30, 30);
+ --secondary: rgb(108, 108, 108);
+ --tertiary: rgb(214, 214, 214);
+ --content: rgb(31, 31, 31);
+ --hljs-bg: rgb(28, 29, 33);
+ --code-bg: rgb(245, 245, 245);
+ --border: rgb(238, 238, 238);
+}
+
+.dark {
+ --theme: rgb(29, 30, 32);
+ --entry: rgb(46, 46, 51);
+ --primary: rgb(218, 218, 219);
+ --secondary: rgb(155, 156, 157);
+ --tertiary: rgb(65, 66, 68);
+ --content: rgb(196, 196, 197);
+ --hljs-bg: rgb(46, 46, 51);
+ --code-bg: rgb(55, 56, 62);
+ --border: rgb(51, 51, 51);
+}
+
+.list {
+ background: var(--code-bg);
+}
+
+.dark.list {
+ background: var(--theme);
+}
diff --git a/themes/PaperMod/assets/css/core/zmedia.css b/themes/PaperMod/assets/css/core/zmedia.css
new file mode 100644
index 0000000..1cc6c6e
--- /dev/null
+++ b/themes/PaperMod/assets/css/core/zmedia.css
@@ -0,0 +1,58 @@
+@media screen and (max-width: 768px) {
+ /* theme-vars */
+ :root {
+ --gap: 14px;
+ }
+
+ /* profile-mode */
+ .profile img {
+ transform: scale(0.85);
+ }
+
+ /* post-entry */
+ .first-entry {
+ min-height: 260px;
+ }
+
+ /* archive */
+ .archive-month {
+ flex-direction: column;
+ }
+
+ .archive-year {
+ margin-top: 20px;
+ }
+
+ /* footer */
+ .footer {
+ padding: calc((var(--footer-height) - var(--gap) - 10px) / 2) var(--gap);
+ }
+}
+
+@media screen and (min-width: 768px) {
+ /* reset */
+ ::-webkit-scrollbar {
+ width: 19px;
+ height: 11px;
+ }
+}
+
+/* footer */
+@media screen and (max-width: 900px) {
+ .list .top-link {
+ transform: translateY(-5rem);
+ }
+}
+
+@media (prefers-reduced-motion) {
+ /* terms; profile-mode; post-single; post-entry; post-entry; search; search */
+ .terms-tags a:active,
+ .button:active,
+ .share-buttons svg:active,
+ .post-entry:active,
+ .top-link,
+ #searchResults .focus,
+ #searchResults li:active {
+ transform: none;
+ }
+}