From 47b79fd9d4329e73cef7929ed8f64d9eeb287ae5 Mon Sep 17 00:00:00 2001
From: luxagraf <sng@luxagraf>
Date: Fri, 15 Jan 2021 14:54:30 -0500
Subject: Proj: Massive design overhaul to simplify code

Cut out Sass syntax, deleted old CSS rules, changed HTML to use
fewer lists and more cascading instead of specific rules. Still requires
compiling with sass to strip comments and compress, but would in theory
work on its own.

Reduced CSS file size by 2/3
---
 design/sassold/pdf_gen.scss | 140 ++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 140 insertions(+)
 create mode 100644 design/sassold/pdf_gen.scss

(limited to 'design/sassold/pdf_gen.scss')

diff --git a/design/sassold/pdf_gen.scss b/design/sassold/pdf_gen.scss
new file mode 100644
index 0000000..b5072cd
--- /dev/null
+++ b/design/sassold/pdf_gen.scss
@@ -0,0 +1,140 @@
+@import "_fonts.scss";
+@import "_mixins.scss";
+
+body {
+    @include fancy_sans;
+}
+.subhead {
+    text-align: right;
+    width: 4cm;
+    float: right;
+    @extend %clearfix;
+    > * {
+        margin: 0;
+        font-weight: 400;
+    }
+}
+header, .row {
+    @extend %clearfix;
+    margin-top: 1cm;
+}
+.print-box {
+    width: 49%;
+    float: left;
+    > * {
+        padding: .125cm;
+        margin: 0;
+    }
+    h5, h4 {
+        @include smcaps;
+        font-size: 9pt;
+        line-height: .5;
+    }
+    h4 {
+        margin-top: -10pt;
+        font-size: 16pt;
+        line-height: 1.5;
+    }
+}
+#bill-from, #bill {
+    border: none;
+    width: 47%;
+    float: left;
+}
+#bill {
+    float: right;
+}
+#bill-to {
+    width: 47%;
+    float: right;
+}
+table {
+  font-family: "Open Sans", sans-serif;
+  line-height: 1;
+  border: 1px solid #ccc;
+  border-collapse: collapse;
+  margin: 1cm 0 0 0;
+  padding: 0;
+  width: 625px;
+}
+table caption {
+    text-align: left;
+    font-size: 10pt;
+    text-transform: uppercase;
+    font-weight: 600;
+    margin: .5em 0 .75em;
+    &:after {
+        content: ":";
+    }
+}
+table tr {
+  border: 1px solid #ddd;
+  padding: .35em;
+}
+table tr.odd { background: #f6f4f4cc;}
+thead {display: table-header-group; } 
+table th,
+table td {
+  padding: .625em .625em .625em 1em;
+  text-align: left;
+  border-right: 1px solid #ddd;
+}
+table td {
+    white-space: -o-pre-wrap; 
+    word-wrap: break-word;
+    white-space: pre-wrap; 
+    white-space: -moz-pre-wrap; 
+    white-space: -pre-wrap; 
+    font-size: 8pt;
+}
+table th {
+  font-size: 7pt;
+  letter-spacing: .1em;
+  text-transform: uppercase;
+  background: #f6f4f4;
+}
+
+table .blank {
+    white-space: normal; 
+    td {
+        padding: 1rem;
+        white-space: normal; 
+        &:last-of-type {
+            text-align: left;
+            min-width: 1.2cm;
+        }
+    }
+}
+table .right {
+    text-align: right;
+}
+table th a {
+    text-decoration: none;
+    position: relative;
+    span {
+        position: absolute;
+        top: -2px;
+    }
+}
+.smfield { min-width: 50pt;}
+table .total { font-size: 9pt !important;}
+.thanks {
+    margin-top: 40pt;
+    font-family: times, times new roman;
+    font-style: italic;
+    font-weight: 300;
+    text-align: center;
+    color: #333;
+}
+
+@page {
+    @bottom-right{
+        @include fancy_sans;
+        @include smcaps;
+        content: "Page " counter(page) " of " counter(pages);
+        font-size: 6pt;
+        color: #666;
+        width: 2cm;
+    }
+}
+
-- 
cgit v1.2.3