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

1 files changed, 160 insertions, 0 deletions

diff --git a/design/sassold/_notes.scss b/design/sassold/_notes.scss
new file mode 100644
index 0000000..1386751
--- /dev/null
+++ b/design/sassold/_notes.scss
@@ -0,0 +1,160 @@
+//****************  Notes Structure ************************
+
+.notes main, .notes--permalink main {
+    @include constrain_narrow();
+    margin-top: 1em;
+    h1 {
+        margin-bottom: 0;
+        @include fontsize(28);
+        @include breakpoint(beta) {
+            @include fontsize(28);
+            text-align: left;
+        }
+    }
+}
+.notes .h-entry, .notes--permalink .h-entry {
+    @extend %clearfix;
+    border: none;
+    padding: 0;
+    margin-top: 3em;
+    @include breakpoint(beta) {
+        margin-top: 2em;
+    }
+    &:first-of-type {
+        margin-top: 1em;
+    }
+    &:after {
+        @include faded_line_after;
+        @include breakpoint(beta) {
+            margin-top: 8.5em;
+        }
+    }
+}
+.note--title {
+    @include constrain_narrow;
+    text-align: left;
+    font-weight: 400;
+    font-size: 1.5em;
+    letter-spacing: 0px;
+    margin-bottom: .5rem !important;
+    a {
+        text-decoration: none;
+        color: $body_font_color !important;
+    }
+}
+
+.note--date {
+    @include smcaps;
+    @include fontsize(11);
+    text-align: center;
+    margin-bottom: 4px;
+    @include breakpoint(beta) {
+        float: right;
+        margin-top: 0;
+    }
+    a {
+        color: $brown;
+        text-decoration: none;
+    }
+}
+.note--date-container{
+    @extend %clearfix;
+    
+}
+.e-content {
+    @extend %clearfix;
+}
+.note--location {
+    text-align: center;
+    margin-top: 0;
+    @include breakpoint(beta) {
+        float: left;
+    }
+}
+.note--footer {
+    margin-top: 1.7em;
+    @include breakpoint(beta) {
+        margin-top: 0;
+    }
+}
+.month--divider {
+    margin-top: 2em;
+}
+.month--header {
+    @include constrain_narrow();
+    @include smcaps;
+    @include fontsize(12);
+    font-weight: normal;
+    font-family: sans-serif;
+    text-align: left;
+    margin-bottom: 3em;
+    border-bottom: 1px dotted rgba(0, 0, 0, 0.2);
+}
+.notes--permalink {
+    .h-entry {
+        margin-top: 3em;    
+        @include breakpoint(gamma) {
+            margin-top: 5em;    
+        }
+    }
+    .e-content figure.picwide { margin-left: -300px !important}
+    &:after {
+        background: none;
+    }
+    .note--title {
+        // @include fontsize(24);
+    }
+    .note--footer {
+        margin-top: 2em;
+        @include constrain_narrow();
+        @include breakpoint(beta) {
+            margin-top: 1em;
+        }
+    }
+    #page-navigation {
+        clear: both;
+        margin-top: 10em;
+    }
+}
+/*
+@include breakpoint(beta) {
+    .notes {
+      main h1 {
+        float: none;
+        margin-bottom: 1em;
+        width: 100%;
+      }
+      main {
+          @include constrain(680px);
+          margin-bottom: 5em;
+      }
+      article footer {
+        margin-top: 1em;
+      }
+      article p {
+        float: none;
+      }
+      .note--location {
+        float: left;
+      }
+      .note--date {
+        float: right;
+      }
+      .note--twitter {
+        clear: both;
+        float: right;
+        padding-top: 1em;
+      }
+      time {
+        display: inline;
+        float: right;
+      }
+    }
+
+    .permalink {
+      main {
+        margin-top: 5em;
+      }
+    }
+}
+*/