From fb17e7e9312ee766e06a74f574298705206ade75 Mon Sep 17 00:00:00 2001
From: Bauke <me@bauke.xyz>
Date: Fri, 15 Jun 2018 20:31:51 +0200
Subject: [PATCH] Change node-sass output style to compact

Update css files
---
 css/tildes-compact/tildes-compact.css      |  33 +--
 css/tildes-compact/tildes-compact.user.css |  33 +--
 css/tildes-dracula/tildes-dracula.css      | 277 ++++++---------------
 css/tildes-dracula/tildes-dracula.user.css | 277 ++++++---------------
 package.json                               |   4 +-
 5 files changed, 174 insertions(+), 450 deletions(-)

diff --git a/css/tildes-compact/tildes-compact.css b/css/tildes-compact/tildes-compact.css
index 7ed0b84..0a03130 100755
--- a/css/tildes-compact/tildes-compact.css
+++ b/css/tildes-compact/tildes-compact.css
@@ -1,26 +1,7 @@
-@-moz-document domain('tildes.net') {
-  .topic-listing .topic-text-excerpt,
-  .post-listing .topic-text-excerpt {
-    display: none !important; }
-  .topic-listing .topic-metadata,
-  .post-listing .topic-metadata {
-    display: inline-flex !important;
-    height: 1.3em !important;
-    max-width: 200px !important;
-    overflow: hidden !important;
-    white-space: nowrap !important; }
-    .topic-listing .topic-metadata .topic-tags li,
-    .post-listing .topic-metadata .topic-tags li {
-      display: none !important; }
-      .topic-listing .topic-metadata .topic-tags li:nth-child(-n+3),
-      .post-listing .topic-metadata .topic-tags li:nth-child(-n+3) {
-        display: inherit !important; }
-  .topic-listing .topic-info,
-  .post-listing .topic-info {
-    width: 500px !important; }
-    .topic-listing .topic-info .user-label,
-    .post-listing .topic-info .user-label {
-      display: none !important; }
-  .post-listing .post-buttons,
-  .post-listing .comment-votes {
-    display: none !important; } }
+@-moz-document domain('tildes.net') { .topic-listing .topic-text-excerpt, .post-listing .topic-text-excerpt { display: none !important; }
+  .topic-listing .topic-metadata, .post-listing .topic-metadata { display: inline-flex !important; height: 1.3em !important; max-width: 200px !important; overflow: hidden !important; white-space: nowrap !important; }
+  .topic-listing .topic-metadata .topic-tags li, .post-listing .topic-metadata .topic-tags li { display: none !important; }
+  .topic-listing .topic-metadata .topic-tags li:nth-child(-n+3), .post-listing .topic-metadata .topic-tags li:nth-child(-n+3) { display: inherit !important; }
+  .topic-listing .topic-info, .post-listing .topic-info { width: 500px !important; }
+  .topic-listing .topic-info .user-label, .post-listing .topic-info .user-label { display: none !important; }
+  .post-listing .post-buttons, .post-listing .comment-votes { display: none !important; } }
diff --git a/css/tildes-compact/tildes-compact.user.css b/css/tildes-compact/tildes-compact.user.css
index c743586..4701c58 100755
--- a/css/tildes-compact/tildes-compact.user.css
+++ b/css/tildes-compact/tildes-compact.user.css
@@ -8,29 +8,10 @@
 
 
 ==/UserStyle== */
-@-moz-document domain('tildes.net') {
-  .topic-listing .topic-text-excerpt,
-  .post-listing .topic-text-excerpt {
-    display: none !important; }
-  .topic-listing .topic-metadata,
-  .post-listing .topic-metadata {
-    display: inline-flex !important;
-    height: 1.3em !important;
-    max-width: 200px !important;
-    overflow: hidden !important;
-    white-space: nowrap !important; }
-    .topic-listing .topic-metadata .topic-tags li,
-    .post-listing .topic-metadata .topic-tags li {
-      display: none !important; }
-      .topic-listing .topic-metadata .topic-tags li:nth-child(-n+3),
-      .post-listing .topic-metadata .topic-tags li:nth-child(-n+3) {
-        display: inherit !important; }
-  .topic-listing .topic-info,
-  .post-listing .topic-info {
-    width: 500px !important; }
-    .topic-listing .topic-info .user-label,
-    .post-listing .topic-info .user-label {
-      display: none !important; }
-  .post-listing .post-buttons,
-  .post-listing .comment-votes {
-    display: none !important; } }
+@-moz-document domain('tildes.net') { .topic-listing .topic-text-excerpt, .post-listing .topic-text-excerpt { display: none !important; }
+  .topic-listing .topic-metadata, .post-listing .topic-metadata { display: inline-flex !important; height: 1.3em !important; max-width: 200px !important; overflow: hidden !important; white-space: nowrap !important; }
+  .topic-listing .topic-metadata .topic-tags li, .post-listing .topic-metadata .topic-tags li { display: none !important; }
+  .topic-listing .topic-metadata .topic-tags li:nth-child(-n+3), .post-listing .topic-metadata .topic-tags li:nth-child(-n+3) { display: inherit !important; }
+  .topic-listing .topic-info, .post-listing .topic-info { width: 500px !important; }
+  .topic-listing .topic-info .user-label, .post-listing .topic-info .user-label { display: none !important; }
+  .post-listing .post-buttons, .post-listing .comment-votes { display: none !important; } }
diff --git a/css/tildes-dracula/tildes-dracula.css b/css/tildes-dracula/tildes-dracula.css
index 2664c0b..ad1de8b 100755
--- a/css/tildes-dracula/tildes-dracula.css
+++ b/css/tildes-dracula/tildes-dracula.css
@@ -1,198 +1,79 @@
-@-moz-document domain('tildes.net') {
-  .date-info {
-    color: #f8f8f2 !important; }
-  .btn {
-    border-color: #8be9fd !important;
-    color: #8be9fd !important; }
-    .btn:hover {
-      border-color: #bd93f9 !important;
-      background: none !important;
-      color: #bd93f9 !important; }
-  .btn-primary {
-    border-color: #8be9fd !important;
-    background: #8be9fd !important;
-    color: #6272a4 !important; }
-    .btn-primary:hover {
-      border-color: #6272a4 !important;
-      background: #6272a4 !important;
-      color: #f8f8f2 !important; }
-  .btn-used {
-    border-color: #ff79c6 !important;
-    color: #ff79c6 !important; }
-    .btn-used:hover {
-      border-color: #ff79c6 !important;
-      background: #ff79c6 !important;
-      color: #f8f8f2 !important; }
-  .btn-link {
-    border-color: transparent !important; }
-    .btn-link:hover {
-      border-color: transparent !important; }
-  .label-comment-tag-offtopic {
-    border-color: #8be9fd !important;
-    color: #8be9fd !important; }
-  .label-comment-tag-joke {
-    border-color: #50fa7b !important;
-    color: #50fa7b !important; }
-  .label-comment-tag-flame {
-    border-color: #ff5555 !important;
-    color: #ff5555 !important; }
-  .label-comment-tag-troll {
-    border-color: #ffb86c !important;
-    color: #ffb86c !important; }
-  .label-comment-tag-noise {
-    border-color: #f1fa8c !important;
-    color: #f1fa8c !important; }
-  .comment {
-    border-color: #282a36 !important; }
-    .comment header {
-      background-color: #282a36 !important;
-      color: #f8f8f2 !important; }
-      .comment header a {
-        color: #8be9fd !important; }
-      .comment header a.link-user {
-        color: #50fa7b !important; }
-      .comment header a.link-user:visited {
-        color: #ff79c6 !important; }
-    .comment .comment-user-info {
-      color: #bd93f9 !important; }
-  .is-comment-mine > .comment-itself {
-    border-color: #6272a4 !important; }
-  .is-comment-by-op > .comment-itself {
-    border-color: #bd93f9 !important; }
-  .is-comment-new .comment-itself {
-    border-color: #f1fa8c !important; }
-  .is-comment-new .comment-text {
-    color: #f8f8f2 !important; }
-  .conspicuous {
-    color: #ff5555 !important; }
-  .toc {
-    background-color: #282a36 !important; }
-  .highlight {
-    background-color: #44475a !important; }
-    .highlight > pre {
-      margin-left: 0 !important; }
-  #page-list {
-    background-color: #44475a !important; }
-  body {
-    color: #f8f8f2 !important;
-    background-color: #282a36 !important; }
-  a {
-    color: #8be9fd !important; }
-  header a {
-    color: #f8f8f2 !important; }
-  main {
-    font-family: sans-serif; }
-  main,
-  aside {
-    background-color: #44475a !important; }
-  blockquote {
-    border-color: #f8f8f2 !important;
-    background-color: #282a36 !important; }
-  textarea {
-    border-color: #6272a4 !important;
-    background-color: #282a36 !important;
-    color: #f8f8f2 !important; }
-  tr {
-    background-color: #282a36 !important; }
-  td {
-    border-color: #44475a !important;
-    border-bottom-width: 0.2rem !important; }
-  pre,
-  code {
-    border: none !important;
-    background-color: #282a36 !important;
-    color: #f8f8f2 !important; }
-  pre {
-    padding: 5px 10px !important; }
-  code {
-    padding: 0 !important; }
-  section {
-    border-color: #282a36 !important; }
-  footer {
-    background-color: #282a36 !important; }
-  .tab {
-    border-color: #6272a4 !important; }
-    .tab .tab-item a {
-      color: #f8f8f2 !important; }
-    .tab .tab-item a:hover {
-      color: #8be9fd !important; }
-    .tab .tab-item.active a {
-      color: #8be9fd !important;
-      border-bottom-color: #8be9fd !important; }
-    .tab .tab-listing-order {
-      border-color: #6272a4 !important; }
-  .form-select {
-    border-color: #6272a4 !important; }
-    .form-select:not([multiple]):not([size]) {
-      background-color: #44475a !important; }
-  .message {
-    border-top: none !important;
-    border-right: none !important;
-    border-bottom: none !important;
-    border-color: #282a36 !important; }
-    .message header {
-      background-color: #282a36 !important; }
-    .message .message-text {
-      color: #f8f8f2 !important; }
-  .is-message-mine {
-    border-width: 1px !important;
-    margin-left: 0 !important; }
-  aside#sidebar .group-subscription-count {
-    text-align: center; }
-  body > header > a:nth-child(1) {
-    background-size: 32px 32px !important;
-    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAACQCAMAAADQmBKKAAAAHlBMVEUoKjZQ+nticqSL6f29k/nx+oz/VVX/ecb/uGz///+3yBn7AAAAaklEQVR42u3Oxw2AQAADsNDZf2IGyO8kioQ9gQMAAAAAcLelCAkJCQkJCQkJ/Tk0lZS5ZMhZhISEhISEhISEvhbaSoasJWUvKUJCQkJCQkJCQu+GnnSUFCEhISEhISEhoXdDAAAAAAA3uwDrCC2R1NNC7QAAAABJRU5ErkJggg==") !important; }
-  .label-edit-box {
-    background-color: #282a36 !important;
-    color: #f8f8f2 !important; }
-  .user-label {
-    border-radius: 0 !important;
-    padding: 1px 3px !important; }
-  .bg-red {
-    background-color: #ff5555 !important;
-    color: #f8f8f2 !important; }
-  .bg-orangered {
-    background-color: #ffb86c !important;
-    color: #282a36 !important; }
-  .bg-orange {
-    background-color: #f1fa8c !important;
-    color: #282a36 !important; }
-  .bg-dodgerblue {
-    background-color: #8be9fd !important;
-    color: #282a36 !important; }
-  .bg-forestgreen {
-    background-color: #50fa7b !important;
-    color: #282a36 !important; }
-  .bg-slategray {
-    background-color: #44475a !important;
-    color: #f8f8f2 !important; }
-  .topic-full .topic-full-byline {
-    color: #f8f8f2 !important; }
-    .topic-full .topic-full-byline .link-user {
-      color: #50fa7b !important; }
-    .topic-full .topic-full-byline .link-user:visited {
-      color: #ff79c6 !important; }
-  aside .topic-tags li {
-    color: #f8f8f2 !important; }
-  .topic .topic-content-metadata {
-    color: #50fa7b !important; }
-  .topic .topic-text-excerpt {
-    color: #6272a4 !important; }
-  .post-listing .topic {
-    background-color: #282a36 !important; }
-  .topic-listing {
-    background-color: #44475a !important; }
-    .topic-listing > li {
-      background-color: #282a36 !important; }
-  .is-topic-official {
-    border-color: #ffb86c !important; }
-  .topic-title a {
-    color: #8be9fd !important; }
-  .topic-title a:visited {
-    color: #ff79c6 !important; }
-  .topic-info .time-responsive {
-    color: #50fa7b !important; }
-  .topic-metadata .topic-tags li {
-    color: #6272a4 !important; }
-  .topic-info-comments-new {
-    color: #f1fa8c !important; } }
+@-moz-document domain('tildes.net') { .date-info { color: #f8f8f2 !important; }
+  .btn { border-color: #8be9fd !important; color: #8be9fd !important; }
+  .btn:hover { border-color: #bd93f9 !important; background: none !important; color: #bd93f9 !important; }
+  .btn-primary { border-color: #8be9fd !important; background: #8be9fd !important; color: #6272a4 !important; }
+  .btn-primary:hover { border-color: #6272a4 !important; background: #6272a4 !important; color: #f8f8f2 !important; }
+  .btn-used { border-color: #ff79c6 !important; color: #ff79c6 !important; }
+  .btn-used:hover { border-color: #ff79c6 !important; background: #ff79c6 !important; color: #f8f8f2 !important; }
+  .btn-link { border-color: transparent !important; }
+  .btn-link:hover { border-color: transparent !important; }
+  .label-comment-tag-offtopic { border-color: #8be9fd !important; color: #8be9fd !important; }
+  .label-comment-tag-joke { border-color: #50fa7b !important; color: #50fa7b !important; }
+  .label-comment-tag-flame { border-color: #ff5555 !important; color: #ff5555 !important; }
+  .label-comment-tag-troll { border-color: #ffb86c !important; color: #ffb86c !important; }
+  .label-comment-tag-noise { border-color: #f1fa8c !important; color: #f1fa8c !important; }
+  .comment { border-color: #282a36 !important; }
+  .comment header { background-color: #282a36 !important; color: #f8f8f2 !important; }
+  .comment header a { color: #8be9fd !important; }
+  .comment header a.link-user { color: #50fa7b !important; }
+  .comment header a.link-user:visited { color: #ff79c6 !important; }
+  .comment .comment-user-info { color: #bd93f9 !important; }
+  .is-comment-mine > .comment-itself { border-color: #6272a4 !important; }
+  .is-comment-by-op > .comment-itself { border-color: #bd93f9 !important; }
+  .is-comment-new .comment-itself { border-color: #f1fa8c !important; }
+  .is-comment-new .comment-text { color: #f8f8f2 !important; }
+  .conspicuous { color: #ff5555 !important; }
+  .toc { background-color: #282a36 !important; }
+  .highlight { background-color: #44475a !important; }
+  .highlight > pre { margin-left: 0 !important; }
+  #page-list { background-color: #44475a !important; }
+  body { color: #f8f8f2 !important; background-color: #282a36 !important; }
+  a { color: #8be9fd !important; }
+  header a { color: #f8f8f2 !important; }
+  main { font-family: sans-serif; }
+  main, aside { background-color: #44475a !important; }
+  blockquote { border-color: #f8f8f2 !important; background-color: #282a36 !important; }
+  textarea { border-color: #6272a4 !important; background-color: #282a36 !important; color: #f8f8f2 !important; }
+  tr { background-color: #282a36 !important; }
+  td { border-color: #44475a !important; border-bottom-width: 0.2rem !important; }
+  pre, code { border: none !important; background-color: #282a36 !important; color: #f8f8f2 !important; }
+  pre { padding: 5px 10px !important; }
+  code { padding: 0 !important; }
+  section { border-color: #282a36 !important; }
+  footer { background-color: #282a36 !important; }
+  .tab { border-color: #6272a4 !important; }
+  .tab .tab-item a { color: #f8f8f2 !important; }
+  .tab .tab-item a:hover { color: #8be9fd !important; }
+  .tab .tab-item.active a { color: #8be9fd !important; border-bottom-color: #8be9fd !important; }
+  .tab .tab-listing-order { border-color: #6272a4 !important; }
+  .form-select { border-color: #6272a4 !important; }
+  .form-select:not([multiple]):not([size]) { background-color: #44475a !important; }
+  .message { border-top: none !important; border-right: none !important; border-bottom: none !important; border-color: #282a36 !important; }
+  .message header { background-color: #282a36 !important; }
+  .message .message-text { color: #f8f8f2 !important; }
+  .is-message-mine { border-width: 1px !important; margin-left: 0 !important; }
+  aside#sidebar .group-subscription-count { text-align: center; }
+  body > header > a:nth-child(1) { background-size: 32px 32px !important; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAACQCAMAAADQmBKKAAAAHlBMVEUoKjZQ+nticqSL6f29k/nx+oz/VVX/ecb/uGz///+3yBn7AAAAaklEQVR42u3Oxw2AQAADsNDZf2IGyO8kioQ9gQMAAAAAcLelCAkJCQkJCQkJ/Tk0lZS5ZMhZhISEhISEhISEvhbaSoasJWUvKUJCQkJCQkJCQu+GnnSUFCEhISEhISEhoXdDAAAAAAA3uwDrCC2R1NNC7QAAAABJRU5ErkJggg==") !important; }
+  .label-edit-box { background-color: #282a36 !important; color: #f8f8f2 !important; }
+  .user-label { border-radius: 0 !important; padding: 1px 3px !important; }
+  .bg-red { background-color: #ff5555 !important; color: #f8f8f2 !important; }
+  .bg-orangered { background-color: #ffb86c !important; color: #282a36 !important; }
+  .bg-orange { background-color: #f1fa8c !important; color: #282a36 !important; }
+  .bg-dodgerblue { background-color: #8be9fd !important; color: #282a36 !important; }
+  .bg-forestgreen { background-color: #50fa7b !important; color: #282a36 !important; }
+  .bg-slategray { background-color: #44475a !important; color: #f8f8f2 !important; }
+  .topic-full .topic-full-byline { color: #f8f8f2 !important; }
+  .topic-full .topic-full-byline .link-user { color: #50fa7b !important; }
+  .topic-full .topic-full-byline .link-user:visited { color: #ff79c6 !important; }
+  aside .topic-tags li { color: #f8f8f2 !important; }
+  .topic .topic-content-metadata { color: #50fa7b !important; }
+  .topic .topic-text-excerpt { color: #6272a4 !important; }
+  .post-listing .topic { background-color: #282a36 !important; }
+  .topic-listing { background-color: #44475a !important; }
+  .topic-listing > li { background-color: #282a36 !important; }
+  .is-topic-official { border-color: #ffb86c !important; }
+  .topic-title a { color: #8be9fd !important; }
+  .topic-title a:visited { color: #ff79c6 !important; }
+  .topic-info .time-responsive { color: #50fa7b !important; }
+  .topic-metadata .topic-tags li { color: #6272a4 !important; }
+  .topic-info-comments-new { color: #f1fa8c !important; } }
diff --git a/css/tildes-dracula/tildes-dracula.user.css b/css/tildes-dracula/tildes-dracula.user.css
index 862b382..7feb670 100755
--- a/css/tildes-dracula/tildes-dracula.user.css
+++ b/css/tildes-dracula/tildes-dracula.user.css
@@ -8,201 +8,82 @@
 
 
 ==/UserStyle== */
-@-moz-document domain('tildes.net') {
-  .date-info {
-    color: #f8f8f2 !important; }
-  .btn {
-    border-color: #8be9fd !important;
-    color: #8be9fd !important; }
-    .btn:hover {
-      border-color: #bd93f9 !important;
-      background: none !important;
-      color: #bd93f9 !important; }
-  .btn-primary {
-    border-color: #8be9fd !important;
-    background: #8be9fd !important;
-    color: #6272a4 !important; }
-    .btn-primary:hover {
-      border-color: #6272a4 !important;
-      background: #6272a4 !important;
-      color: #f8f8f2 !important; }
-  .btn-used {
-    border-color: #ff79c6 !important;
-    color: #ff79c6 !important; }
-    .btn-used:hover {
-      border-color: #ff79c6 !important;
-      background: #ff79c6 !important;
-      color: #f8f8f2 !important; }
-  .btn-link {
-    border-color: transparent !important; }
-    .btn-link:hover {
-      border-color: transparent !important; }
-  .label-comment-tag-offtopic {
-    border-color: #8be9fd !important;
-    color: #8be9fd !important; }
-  .label-comment-tag-joke {
-    border-color: #50fa7b !important;
-    color: #50fa7b !important; }
-  .label-comment-tag-flame {
-    border-color: #ff5555 !important;
-    color: #ff5555 !important; }
-  .label-comment-tag-troll {
-    border-color: #ffb86c !important;
-    color: #ffb86c !important; }
-  .label-comment-tag-noise {
-    border-color: #f1fa8c !important;
-    color: #f1fa8c !important; }
-  .comment {
-    border-color: #282a36 !important; }
-    .comment header {
-      background-color: #282a36 !important;
-      color: #f8f8f2 !important; }
-      .comment header a {
-        color: #8be9fd !important; }
-      .comment header a.link-user {
-        color: #50fa7b !important; }
-      .comment header a.link-user:visited {
-        color: #ff79c6 !important; }
-    .comment .comment-user-info {
-      color: #bd93f9 !important; }
-  .is-comment-mine > .comment-itself {
-    border-color: #6272a4 !important; }
-  .is-comment-by-op > .comment-itself {
-    border-color: #bd93f9 !important; }
-  .is-comment-new .comment-itself {
-    border-color: #f1fa8c !important; }
-  .is-comment-new .comment-text {
-    color: #f8f8f2 !important; }
-  .conspicuous {
-    color: #ff5555 !important; }
-  .toc {
-    background-color: #282a36 !important; }
-  .highlight {
-    background-color: #44475a !important; }
-    .highlight > pre {
-      margin-left: 0 !important; }
-  #page-list {
-    background-color: #44475a !important; }
-  body {
-    color: #f8f8f2 !important;
-    background-color: #282a36 !important; }
-  a {
-    color: #8be9fd !important; }
-  header a {
-    color: #f8f8f2 !important; }
-  main {
-    font-family: sans-serif; }
-  main,
-  aside {
-    background-color: #44475a !important; }
-  blockquote {
-    border-color: #f8f8f2 !important;
-    background-color: #282a36 !important; }
-  textarea {
-    border-color: #6272a4 !important;
-    background-color: #282a36 !important;
-    color: #f8f8f2 !important; }
-  tr {
-    background-color: #282a36 !important; }
-  td {
-    border-color: #44475a !important;
-    border-bottom-width: 0.2rem !important; }
-  pre,
-  code {
-    border: none !important;
-    background-color: #282a36 !important;
-    color: #f8f8f2 !important; }
-  pre {
-    padding: 5px 10px !important; }
-  code {
-    padding: 0 !important; }
-  section {
-    border-color: #282a36 !important; }
-  footer {
-    background-color: #282a36 !important; }
-  .tab {
-    border-color: #6272a4 !important; }
-    .tab .tab-item a {
-      color: #f8f8f2 !important; }
-    .tab .tab-item a:hover {
-      color: #8be9fd !important; }
-    .tab .tab-item.active a {
-      color: #8be9fd !important;
-      border-bottom-color: #8be9fd !important; }
-    .tab .tab-listing-order {
-      border-color: #6272a4 !important; }
-  .form-select {
-    border-color: #6272a4 !important; }
-    .form-select:not([multiple]):not([size]) {
-      background-color: #44475a !important; }
-  .message {
-    border-top: none !important;
-    border-right: none !important;
-    border-bottom: none !important;
-    border-color: #282a36 !important; }
-    .message header {
-      background-color: #282a36 !important; }
-    .message .message-text {
-      color: #f8f8f2 !important; }
-  .is-message-mine {
-    border-width: 1px !important;
-    margin-left: 0 !important; }
-  aside#sidebar .group-subscription-count {
-    text-align: center; }
-  body > header > a:nth-child(1) {
-    background-size: 32px 32px !important;
-    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAACQCAMAAADQmBKKAAAAHlBMVEUoKjZQ+nticqSL6f29k/nx+oz/VVX/ecb/uGz///+3yBn7AAAAaklEQVR42u3Oxw2AQAADsNDZf2IGyO8kioQ9gQMAAAAAcLelCAkJCQkJCQkJ/Tk0lZS5ZMhZhISEhISEhISEvhbaSoasJWUvKUJCQkJCQkJCQu+GnnSUFCEhISEhISEhoXdDAAAAAAA3uwDrCC2R1NNC7QAAAABJRU5ErkJggg==") !important; }
-  .label-edit-box {
-    background-color: #282a36 !important;
-    color: #f8f8f2 !important; }
-  .user-label {
-    border-radius: 0 !important;
-    padding: 1px 3px !important; }
-  .bg-red {
-    background-color: #ff5555 !important;
-    color: #f8f8f2 !important; }
-  .bg-orangered {
-    background-color: #ffb86c !important;
-    color: #282a36 !important; }
-  .bg-orange {
-    background-color: #f1fa8c !important;
-    color: #282a36 !important; }
-  .bg-dodgerblue {
-    background-color: #8be9fd !important;
-    color: #282a36 !important; }
-  .bg-forestgreen {
-    background-color: #50fa7b !important;
-    color: #282a36 !important; }
-  .bg-slategray {
-    background-color: #44475a !important;
-    color: #f8f8f2 !important; }
-  .topic-full .topic-full-byline {
-    color: #f8f8f2 !important; }
-    .topic-full .topic-full-byline .link-user {
-      color: #50fa7b !important; }
-    .topic-full .topic-full-byline .link-user:visited {
-      color: #ff79c6 !important; }
-  aside .topic-tags li {
-    color: #f8f8f2 !important; }
-  .topic .topic-content-metadata {
-    color: #50fa7b !important; }
-  .topic .topic-text-excerpt {
-    color: #6272a4 !important; }
-  .post-listing .topic {
-    background-color: #282a36 !important; }
-  .topic-listing {
-    background-color: #44475a !important; }
-    .topic-listing > li {
-      background-color: #282a36 !important; }
-  .is-topic-official {
-    border-color: #ffb86c !important; }
-  .topic-title a {
-    color: #8be9fd !important; }
-  .topic-title a:visited {
-    color: #ff79c6 !important; }
-  .topic-info .time-responsive {
-    color: #50fa7b !important; }
-  .topic-metadata .topic-tags li {
-    color: #6272a4 !important; }
-  .topic-info-comments-new {
-    color: #f1fa8c !important; } }
+@-moz-document domain('tildes.net') { .date-info { color: #f8f8f2 !important; }
+  .btn { border-color: #8be9fd !important; color: #8be9fd !important; }
+  .btn:hover { border-color: #bd93f9 !important; background: none !important; color: #bd93f9 !important; }
+  .btn-primary { border-color: #8be9fd !important; background: #8be9fd !important; color: #6272a4 !important; }
+  .btn-primary:hover { border-color: #6272a4 !important; background: #6272a4 !important; color: #f8f8f2 !important; }
+  .btn-used { border-color: #ff79c6 !important; color: #ff79c6 !important; }
+  .btn-used:hover { border-color: #ff79c6 !important; background: #ff79c6 !important; color: #f8f8f2 !important; }
+  .btn-link { border-color: transparent !important; }
+  .btn-link:hover { border-color: transparent !important; }
+  .label-comment-tag-offtopic { border-color: #8be9fd !important; color: #8be9fd !important; }
+  .label-comment-tag-joke { border-color: #50fa7b !important; color: #50fa7b !important; }
+  .label-comment-tag-flame { border-color: #ff5555 !important; color: #ff5555 !important; }
+  .label-comment-tag-troll { border-color: #ffb86c !important; color: #ffb86c !important; }
+  .label-comment-tag-noise { border-color: #f1fa8c !important; color: #f1fa8c !important; }
+  .comment { border-color: #282a36 !important; }
+  .comment header { background-color: #282a36 !important; color: #f8f8f2 !important; }
+  .comment header a { color: #8be9fd !important; }
+  .comment header a.link-user { color: #50fa7b !important; }
+  .comment header a.link-user:visited { color: #ff79c6 !important; }
+  .comment .comment-user-info { color: #bd93f9 !important; }
+  .is-comment-mine > .comment-itself { border-color: #6272a4 !important; }
+  .is-comment-by-op > .comment-itself { border-color: #bd93f9 !important; }
+  .is-comment-new .comment-itself { border-color: #f1fa8c !important; }
+  .is-comment-new .comment-text { color: #f8f8f2 !important; }
+  .conspicuous { color: #ff5555 !important; }
+  .toc { background-color: #282a36 !important; }
+  .highlight { background-color: #44475a !important; }
+  .highlight > pre { margin-left: 0 !important; }
+  #page-list { background-color: #44475a !important; }
+  body { color: #f8f8f2 !important; background-color: #282a36 !important; }
+  a { color: #8be9fd !important; }
+  header a { color: #f8f8f2 !important; }
+  main { font-family: sans-serif; }
+  main, aside { background-color: #44475a !important; }
+  blockquote { border-color: #f8f8f2 !important; background-color: #282a36 !important; }
+  textarea { border-color: #6272a4 !important; background-color: #282a36 !important; color: #f8f8f2 !important; }
+  tr { background-color: #282a36 !important; }
+  td { border-color: #44475a !important; border-bottom-width: 0.2rem !important; }
+  pre, code { border: none !important; background-color: #282a36 !important; color: #f8f8f2 !important; }
+  pre { padding: 5px 10px !important; }
+  code { padding: 0 !important; }
+  section { border-color: #282a36 !important; }
+  footer { background-color: #282a36 !important; }
+  .tab { border-color: #6272a4 !important; }
+  .tab .tab-item a { color: #f8f8f2 !important; }
+  .tab .tab-item a:hover { color: #8be9fd !important; }
+  .tab .tab-item.active a { color: #8be9fd !important; border-bottom-color: #8be9fd !important; }
+  .tab .tab-listing-order { border-color: #6272a4 !important; }
+  .form-select { border-color: #6272a4 !important; }
+  .form-select:not([multiple]):not([size]) { background-color: #44475a !important; }
+  .message { border-top: none !important; border-right: none !important; border-bottom: none !important; border-color: #282a36 !important; }
+  .message header { background-color: #282a36 !important; }
+  .message .message-text { color: #f8f8f2 !important; }
+  .is-message-mine { border-width: 1px !important; margin-left: 0 !important; }
+  aside#sidebar .group-subscription-count { text-align: center; }
+  body > header > a:nth-child(1) { background-size: 32px 32px !important; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAACQCAMAAADQmBKKAAAAHlBMVEUoKjZQ+nticqSL6f29k/nx+oz/VVX/ecb/uGz///+3yBn7AAAAaklEQVR42u3Oxw2AQAADsNDZf2IGyO8kioQ9gQMAAAAAcLelCAkJCQkJCQkJ/Tk0lZS5ZMhZhISEhISEhISEvhbaSoasJWUvKUJCQkJCQkJCQu+GnnSUFCEhISEhISEhoXdDAAAAAAA3uwDrCC2R1NNC7QAAAABJRU5ErkJggg==") !important; }
+  .label-edit-box { background-color: #282a36 !important; color: #f8f8f2 !important; }
+  .user-label { border-radius: 0 !important; padding: 1px 3px !important; }
+  .bg-red { background-color: #ff5555 !important; color: #f8f8f2 !important; }
+  .bg-orangered { background-color: #ffb86c !important; color: #282a36 !important; }
+  .bg-orange { background-color: #f1fa8c !important; color: #282a36 !important; }
+  .bg-dodgerblue { background-color: #8be9fd !important; color: #282a36 !important; }
+  .bg-forestgreen { background-color: #50fa7b !important; color: #282a36 !important; }
+  .bg-slategray { background-color: #44475a !important; color: #f8f8f2 !important; }
+  .topic-full .topic-full-byline { color: #f8f8f2 !important; }
+  .topic-full .topic-full-byline .link-user { color: #50fa7b !important; }
+  .topic-full .topic-full-byline .link-user:visited { color: #ff79c6 !important; }
+  aside .topic-tags li { color: #f8f8f2 !important; }
+  .topic .topic-content-metadata { color: #50fa7b !important; }
+  .topic .topic-text-excerpt { color: #6272a4 !important; }
+  .post-listing .topic { background-color: #282a36 !important; }
+  .topic-listing { background-color: #44475a !important; }
+  .topic-listing > li { background-color: #282a36 !important; }
+  .is-topic-official { border-color: #ffb86c !important; }
+  .topic-title a { color: #8be9fd !important; }
+  .topic-title a:visited { color: #ff79c6 !important; }
+  .topic-info .time-responsive { color: #50fa7b !important; }
+  .topic-metadata .topic-tags li { color: #6272a4 !important; }
+  .topic-info-comments-new { color: #f1fa8c !important; } }
diff --git a/package.json b/package.json
index 2071673..a4ece59 100755
--- a/package.json
+++ b/package.json
@@ -10,8 +10,8 @@
     "watch": "node-sass -w sass -o temp",
     "release": "yarn lint && yarn build:prod && yarn generate",
     "generate": "node generate.js",
-    "build:dev": "node-sass sass -o temp",
-    "build:prod": "node-sass sass -o css -q",
+    "build:dev": "node-sass sass -o temp --output-style compact",
+    "build:prod": "node-sass sass -o css -q --output-style compact",
     "lint": "yarn lint:js && yarn lint:css",
     "lint:js": "eslint . --color",
     "lint:css": "stylelint \"sass/**/*.sass\" --color"