dark theme support

1 files changed, 41 insertions, 0 deletions

diff --git a/htdocs/scss/app/mobile.scss b/htdocs/scss/app/mobile.scss
new file mode 100644
index 0000000..a765e25
--- /dev/null
+++ b/htdocs/scss/app/mobile.scss
@@ -0,0 +1,41 @@
+@import '../vars';
+
+textarea {
+  -webkit-overflow-scrolling: touch;
+}
+
+// header
+.head-logo {
+  position: static;
+  display: block;
+  //padding-bottom: 6px;
+  // not very good fix:
+  overflow: hidden;
+  white-space: nowrap;
+  padding-bottom: 0;
+}
+.head-logo::after {
+  display: none;
+}
+.head-items {
+  float: none;
+}
+a.head-item:hover,
+a.head-item:active {
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
+}
+a.head-item:last-child > span {
+  border-right: 0;
+  padding-right: 12px;
+}
+a.head-item:first-child > span {
+  padding-left: 1px;
+}
+
+// blog
+.blog-tags {
+  display: none;
+}
+.blog-list.withtags {
+  margin-right: 0;
+}