muwu 2.5.1

data/lib/muwu/project_builder/assets/config/css/base/html_elements.scss

@@ -0,0 +1,138 @@
+//
+// Default HTML rendering inherits pre-determined style settings, which are
+// not always consistent across web browsers. The following CSS declarations
+// let us build up our stylesheet from scratch more predictably.
+//
+// In defense of `content-box`:
+//
+// Many popular style frameworks insist on `padding-box`, representing a
+// print-media mindset. In print, the media is a fixed size, the content is
+// filled from the outside inwards, and the layout editor can make decisions
+// knowing the result. However, the web browser has a variable media size, the
+// content is filled from the inside outwards, and the layout editor is better
+// off making as few assumptions as possible about how a viewer will size the
+// final product. When we superimpose the `padding-box` mindset from print
+// media, the resulting documents are less likely to adapt to the viewport
+// size, and less likely to zoom properly (the padding size would remain
+// proportional, while the content box could shrink). An HTML document with
+// adequately-defined heirarchial organization has no need for `padding-box`
+// sizing, and a layout editor working with a mindset of variable-size media
+// can successfully rely on `content-box` sizing. 
+//
+
+* {
+  box-sizing: content-box;
+  line-height: 1.16667;
+  margin: 0;
+  padding: 0;
+  text-indent: 0;
+  font-size: 1rem;
+}
+
+
+html {
+  width: 100%;
+}
+
+body {
+  margin-left: auto;
+  margin-right: auto;
+  max-width: 50rem;
+}
+
+blockquote {
+  margin: 1rem 2rem;
+}
+
+code {
+  font-size: 1rem;
+  padding: 0rem 0.15rem;
+}
+
+dl {
+  margin: 1rem 0;
+  div {
+    dt {
+      display: list-item;
+      list-style-type: none;
+      font-weight: bold;
+      p {
+        display: inline;
+      }
+    }
+    dd {
+      display: list-item;
+      list-style-type: none;
+      p { 
+        display: inline;
+      }
+    }
+  }
+}
+
+img {
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  font-size: 1.125rem;
+}
+
+hr {
+  margin: 1rem 0;
+  border-width: 0;
+}
+
+ol {
+  margin: 1rem;
+  ol, ul {
+    margin: 0rem 1rem;
+  }
+}
+
+p {
+  margin: 1rem 0rem;
+}
+
+pre {
+  font-size: 0.9rem;
+  margin: 1rem 0;
+  >code {
+    font-size: 0.8rem;
+    padding: 0rem 0rem;
+  }
+}
+
+q {
+  quotes: '“' '”';
+}
+
+ul {
+  margin: 1rem;
+  ol, ul {
+    margin: 0rem 1rem;
+  }
+}
+
+
+
+
+@media screen {
+  html {
+    body {
+      padding: 1.5rem;
+    }
+  }
+}
+
+@media print {
+  html {
+    body {
+      ol, ul {
+        page-break-inside: avoid;
+      }
+    }
+  }
+}

data/lib/muwu/project_builder/assets/config/css/base/index.scss

@@ -0,0 +1,11 @@
+@import 'html_elements';
+@import 'section_muwu_contents';
+@import 'section_muwu_metadata';
+@import 'section_muwu_navigator';
+@import 'section_muwu_text';
+@import 'section_muwu_title';
+@import 'section_muwu_subcontents';
+
+// A better approach to CSS would be to assign classes to elements via the
+// html renderer. Until such functionality exists, messy selector chaining
+// is the incumbent design.

data/lib/muwu/project_builder/assets/config/css/base/mixin_text_section_heading.scss

@@ -0,0 +1,23 @@
+@mixin text_section_heading($font-size, $margin-bottom) {
+  >.section_number {
+    font-size: $font-size;
+    & + h1:first-of-type,
+    & + h2:first-of-type,
+    & + h3:first-of-type,
+    & + h4:first-of-type,
+    & + h5:first-of-type,
+    & + h6:first-of-type {
+      font-size: $font-size;
+      margin-bottom: $margin-bottom;
+    }
+  }
+  >h1:first-child,
+  >h2:first-child,
+  >h3:first-child,
+  >h4:first-child,
+  >h5:first-child,
+  >h6:first-child { 
+    font-size: $font-size;
+    margin-bottom: $margin-bottom;
+  }
+}

data/lib/muwu/project_builder/assets/config/css/base/section_muwu_contents.scss

@@ -0,0 +1,58 @@
+body >div.contents {
+  margin: 4em 0;
+  >h1 {
+    font-size: 1.25em;
+    margin: 0 0 2rem 0;
+    text-align: left;
+  }
+  .compiler_warning {
+    background-color: #ffa;
+    td {
+      a {
+        color: #A00;
+      }
+    }
+  }
+  >table {
+    border-collapse: collapse;
+    tr {
+      td {
+        vertical-align: top;
+        padding: 0.3rem 0.4rem;
+        table {
+          border-collapse: collapse;
+          margin-top: 0.2rem;
+          margin-bottom: -0.2rem;
+        }
+      }
+      td:first-child {
+        padding-left: 0rem;
+      }
+      td:last-child {
+        padding-right: 0rem;
+      }
+      td.heading {
+        text-align: left;
+      }          
+      td.number {
+        text-align: right;
+      }
+    }
+  }
+  >ol {
+    list-style-type: none;
+    display: block;
+    margin: 0rem;
+    li {
+      margin: 0.5rem 0rem;
+      a {
+        display: inline;
+      }
+      ol {
+        list-style-type: none;
+        display: block;
+        margin: 0rem 1rem;
+      }
+    }
+  }
+}

data/lib/muwu/project_builder/assets/config/css/base/section_muwu_metadata.scss

@@ -0,0 +1,17 @@
+body >div.metadata {
+  margin: 4em 0;
+  dl {
+    div {
+      margin: 1rem 0;
+      dt {
+        font-weight: bold;
+        display: block;
+      }
+      dd {
+        display: block;
+      }
+    }
+  }
+}
+
+

data/lib/muwu/project_builder/assets/config/css/base/section_muwu_navigator.scss

@@ -0,0 +1,13 @@
+body >div.navigator {
+  margin: 0.5rem 0;
+  nav.document_links {
+    width: 100%;
+    display: flex;
+    justify-content: space-around;
+    a.document_link {
+      font-size: 0.8rem;
+      padding: 0.5rem;
+    }
+  }
+}
+

data/lib/muwu/project_builder/assets/config/css/base/section_muwu_subcontents.scss

@@ -0,0 +1,58 @@
+body >div.subcontents {
+  margin: 4em 0;
+  >h1 {
+    font-size: 1.75em;
+    margin: 0 0 2rem 0;
+    text-align: left;
+  }
+  .compiler_warning {
+    background-color: #ffa;
+    td {
+      a {
+        color: #A00;
+      }
+    }
+  }
+  >table {
+    border-collapse: collapse;
+    tr {
+      td {
+        vertical-align: top;
+        padding: 0.3rem 0.4rem;
+        table {
+          border-collapse: collapse;
+          margin-top: 0.2rem;
+          margin-bottom: -0.2rem;
+        }
+      }
+      td:first-child {
+        padding-left: 0rem;
+      }
+      td:last-child {
+        padding-right: 0rem;
+      }
+      td.heading {
+        text-align: left;
+      }          
+      td.number {
+        text-align: right;
+      }
+    }
+  }
+  >ol {
+    list-style-type: none;
+    display: block;
+    margin: 0rem 0.5rem;
+    li {
+      margin: 0.5rem 0rem;
+      a {
+        display: inline;
+      }
+      ol {
+        list-style-type: none;
+        display: block;
+        margin: 0rem 1.5rem;
+      }
+    }
+  }
+}

data/lib/muwu/project_builder/assets/config/css/base/section_muwu_text.scss

@@ -0,0 +1,48 @@
+@import 'mixin_text_section_heading';
+
+body >div.text {
+  margin: 6rem 0rem;
+  ol {
+    padding-left: 1rem;
+  }
+  ul {
+    padding-left: 1rem;
+  }
+
+  section[data-section_depth] {      
+    >.section_number {
+      font-weight: bold;
+      display: block;
+      text-decoration: none;
+    }
+    nav.document_links {
+      width: 100%;
+      margin: 2rem 0rem 4rem 0rem;
+      text-align: right;
+      a.document_link {
+        font-size: 0.75em;
+        margin: 0rem 0.5rem
+      }
+    }
+  }
+  
+  section[data-section_depth='1'] {
+    margin: 6rem 0;
+    @include text_section_heading(1.5rem, 2rem);
+  }
+  
+  section[data-section_depth='2'] {
+    margin: 4rem 0;
+    @include text_section_heading(1.375rem, 1.5rem);
+  }
+
+  section[data-section_depth='3'] {
+    margin: 2rem 0;
+    @include text_section_heading(1.25rem, 1.5rem);
+    section[data-section_depth] {
+      margin: 2rem 0;
+      @include text_section_heading(1rem, 1.5rem);
+    }
+  }
+
+}  

data/lib/muwu/project_builder/assets/config/css/base/section_muwu_title.scss

@@ -0,0 +1,22 @@
+body >div.title {
+  margin: 4em 0;
+  text-align: left;
+  h1 {
+    display: block;
+    font-weight: bold;
+    margin: 0.5rem 0;
+  }
+  [data-metadata_key='title'] {
+    font-size: 2.0em;
+  }
+  [data-metadata_key='subtitle'] {
+    font-size: 1.5em;
+  }
+  [data-metadata_key='author'] {
+    margin: 2rem 0rem;
+    font-size: 1.25em;
+  }
+  h1:first-child {
+    margin-top: 0;
+  }
+}

data/lib/muwu/project_builder/assets/config/css/colors/dark.scss

@@ -0,0 +1,32 @@
+html {
+  color: #fffff8;
+  background-color: #101010;
+}
+
+div.contents .document_link {
+  color: #f8fff0;
+}
+div.navigator .document_link {
+  color: #f0f8ff;
+}
+div.subcontents .document_link {
+  color: #f8fff0;
+}
+div.text .document_link {
+  color: #f8fff0;
+}
+
+//  a {
+//    color: inherit;
+//  }
+
+img {
+  border-width: 0px;
+  border-color: #7f7f7f;
+  border-style: solid;
+}
+
+pre {
+  background-color: #000000;
+  border: 1px #7f7f7f solid;
+}

data/lib/muwu/project_builder/assets/config/css/colors/index.scss

@@ -0,0 +1 @@
+@import 'light';

data/lib/muwu/project_builder/assets/config/css/colors/light.scss

@@ -0,0 +1,34 @@
+html {
+  background-color: #f4f4f0;
+  color: #080808;
+}
+
+div.contents .document_link {
+  color: #002040;
+}
+div.navigator .document_link {
+  color: #204000;
+}
+div.subcontents .document_link {
+  color: #002040;
+}
+div.text .document_link {
+  color: #002040;
+}
+
+//  a {
+//    color: inherit;
+//  }
+
+img {
+  border-width: 0px;
+  border-color: #000000;
+  border-style: solid;
+}
+
+pre {
+  background-color: #fcfcfc;
+  border: 1px #e0e0e0 solid;
+}
+
+