jekyll-theme-paperwiki 0.1.4 → 0.1.6

data/_sass/partials/_base.scss

@@ -11,7 +11,7 @@
    margin: 0;
    padding: 0;
 
-   color: $color-bodytext;
+   color: $color-body_text;
    line-height: $lineheight-body;
 }
 
@@ -23,7 +23,7 @@ body {
 
    margin: 0 auto;
 
-   background-color: $color-bodybg;
+   background-color: $color-body_background;
    font-family: $fontfamily-body;
    font-size: $fontsize-body;
 }
@@ -36,7 +36,7 @@ main {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
 
-   background-color: $color-contentbg;
+   background-color: $color-content_background;
 }
 
 h1,
@@ -60,26 +60,26 @@ h3 {
    font-size: $fontsize-h3;
    font-variant: small-caps;
    padding: 0.71em 0 0.9em 0;
-   color: #828077;
+   color: $color-h3;
 }
 
 a,
 a:link,
 a:active {
    color: $color-link;
-   transition: .2s;
+   transition: $transition;
 }
 
 a:hover {
-   color: $color-linkhover;
+   color: $color-link_hover;
 }
 
 a:active {
-   color: $color-linkactive;
+   color: $color-link_active;
 }
 
 p {
-   margin-bottom: 1.75em;
+   margin-bottom: 1.75em; // Equal to one line-height.
 }
 
 hr {
@@ -97,15 +97,18 @@ blockquote {
    margin-left: 3em;
    margin-right: 3em;
    margin-bottom: 1.75rem;
-   padding-left: 1em;
+   padding: 1.75em;
 
-   border-left: 0.25em solid $color-linen;
+   background-color: $color-blockquote_background;
+   border-left: 0.5em solid $color-blockquote_border;
 
-   cite {
-      display: block;
-      width: 100%;
+   figcaption {
       text-align: right;
    }
+
+   figcaption cite {
+      display: inline;
+   }
 }
 
 ul ul {
@@ -123,6 +126,10 @@ figcaption {
    text-align: center;
 }
 
+abbr {
+   cursor: help;
+}
+
 code,
 pre,
 kbd,
@@ -130,16 +137,107 @@ samp {
    font-family: $fontfamily-code;
 }
 
-code,
-kbd,
-.ipa {
-   padding: 0.1em 0.2em;
+code {
+   padding: 0.4em 0.5em 0.2em;
+
+   background-color: $color-code_background;
+   color: $color-code_text;
+   border-radius: $border_radius-inline;
+}
+
+kbd {
+   position: relative;
+   top: -1px;
+   display: inline-block;
+   min-width: 0.75rem;
+   padding: 0.2rem 0.5rem;
+   line-height: 1;
+
+   background-color: $color-kbd_background;
+   border: 1px solid $color-kbd_border;
+   border-radius: $border_radius-inline;
+   box-shadow: 0 2px 0 1px $color-kbd_box_shadow;
+
+   cursor: default;
+
+   font-family: $fontfamily-body;
+   text-align: center;
+   color: $color-body_text;
+
+   transition: $transition;
+   &:hover {
+      box-shadow: 0 1px 0 0.5px $color-kbd_hover;
+      top: 1px;
+   }
+}
 
-   background-color: $color-codebg;
-   color: $color-codetext;
-   border-radius: 0.3em;
+pre {
+   padding: 1rem;
+
+   background-color: $color-code_background;
+   color: $color-code_text;
+   border-radius: 6px;
 }
 
 input[type="search"] {
-   background-color: $color-searchbg;
+   background-color: $color-searchbar_background;
+   border: 1px solid $color-searchbar_border;
+   appearance: none;
+   outline: none;
+
+   transition: $transition;
+
+   &:hover {
+      border: 1px solid $color-searchbar_border_hover;
+      box-shadow: 0 0 6px $color-searchbar_shadow_hover;
+      transition: $transition;
+   }
+   &:focus {
+      border-color: $color-searchbar_border_focus;
+      box-shadow: 0 0 6px $color-searchbar_shadow_focus;
+      transition: $transition;
+   }
+}
+
+.tooltip {
+   position: relative;
+}
+
+.tooltip:before {
+   content: attr(data-tooltip);
+   position: absolute;
+   width: 100px;
+   background-color: #062B45;
+   color: #fff;
+   text-align: center;
+   padding: 10px;
+   line-height: 1.2;
+   border-radius: 6px;
+   z-index: 1;
+   opacity: 0;
+   transition: opacity .6s;
+   bottom: 125%;
+   left: 50%;
+   margin-left: -60px;
+   font-size: 0.75em;
+   visibility: hidden;
+}
+
+.tooltip:after {
+   content: "";
+   position: absolute;
+   bottom: 75%;
+   left: 50%;
+   margin-left: -5px;
+   border-width: 5px;
+   border-style: solid;
+   opacity: 0;
+   transition: opacity .6s;
+   border-color: #062B45 transparent transparent transparent;
+   visibility: hidden;
+}
+
+.tooltip:hover:before, .tooltip:hover:after {
+   opacity: 1;
+   visibility: visible;
 }

data/_sass/partials/_collections.scss

@@ -6,7 +6,8 @@
    grid-column: span 2 / auto;
    padding: 4.5em 2em;
 
-   background-color: $color-paperdark;
+   background-color: $color-collections_sidebar;
+   border-right: 1px solid $color-collections_sidebar_border;
 
    font-size: $fontsize-small;
 
@@ -22,10 +23,6 @@
 .collections-content {
    grid-column: span 10 / auto;
 
-//   display: grid;
-//   grid-template-columns: repeat(12, 1fr);
-//   grid-gap: 2em;
-
    padding: 1.56em 2em 1.56em*2;
 
    h1 {
@@ -47,8 +44,8 @@
    padding: 1.5rem;
    margin-bottom: 1rem;
 
-   background-color: $color-paperdark;
-   border: 1px solid #faf7f6;
+   background-color: $color-collections_header;
+   border: 1px solid $color-collections_header_border;
    border-radius: 1.5rem;
 }
 
@@ -62,27 +59,11 @@
    width: 100%;
    padding: 12px 16px;
 
-   border: 1px solid transparent;
    border-radius: 1rem;
 
    font-size: $fontsize-body;
-
-   transition: 0.25s;
-   appearance: none;
-   outline: none;
-}
-
-.collections-searchbar:hover {
-   border: 1px solid $color-launchpadsearch;
-   box-shadow: 0 0 6px $color-globalsearchbar;
 }
 
-.collections-searchbar:focus {
-   outline: none;
-   border-color: $color-globalsearchbar;
-   box-shadow: 0 0 6px $color-globalsearchbar;
-   transition: 0.25s;
-}
 
 
 
@@ -125,10 +106,10 @@
    padding: 28px 28px;
 
    border-radius: 1.5rem;
-   border: 1px solid $color-projectborder;
+   border: 1px solid $color-portal_card_border;
 
    text-decoration: none;
-   color: $color-bodytext;
+   color: $color-body_text;
 
    header {
       display: flex;
@@ -141,7 +122,7 @@
       margin-right: 0.4em;
       padding: 0;
 
-      color: $color-bodytext;
+      color: $color-body_text;
       font-size: 1em;
 
       transition: 0.2s;
@@ -149,22 +130,22 @@
 }
 
 .collections-portal_card:link {
-   color: $color-bodytext;
+   color: $color-body_text;
 }
 
 .collections-portal_card:hover {
    border: 1px solid transparent;
-   box-shadow: 0 0 6px $color-projectborder;
+   box-shadow: 0 0 6px $color-portal_card_border;
    .portal-icon {
-      color: $color-projectcard;
+      color: $color-portal_card_icon_hover;
 
       transition: 0.2s;
    }
-   color: $color-bodytext;
+   color: $color-body_text;
 }
 
 .collections-portal_card:visited {
-   color: $color-bodytext;
+   color: $color-body_text;
 }
 
 
@@ -193,7 +174,7 @@
    padding: 14px 28px;
 
    border-radius: 1.5rem;
-   border: 1px solid $color-projectborder;
+   border: 1px solid $color-portal_card_border;
 }
 
 
@@ -234,3 +215,17 @@
 //   text-transform: uppercase;
    margin-right: 0.65rem;
 }
+
+
+
+.contents-tag_list {
+   -webkit-columns: 4 10em;
+      -moz-columns: 4 10em;
+           columns: 4 10em;
+   -webkit-column-gap: 4em;
+      -moz-column-gap: 4em;
+           column-gap: 4em;
+   -webkit-column-rule: 1px dotted #ddd;
+      -moz-column-rule: 1px dotted #ddd;
+           column-rule: 1px solid #f6f2ef;
+}

data/_sass/partials/_entries.scss

@@ -4,11 +4,12 @@
 \*------------------------------------*/
 
 
+
 .entry {
    padding: 1.56em 2em;
 
-   border-left: 1px solid $color-articleborder;
-   border-right: 1px solid $color-articleborder;
+   border-left: 1px solid $color-article_border;
+   border-right: 1px solid $color-article_border;
 
    ul {
       margin: 0 2rem 1.75rem;
@@ -33,6 +34,9 @@
    grid-column: span 10 / auto;
 }
 
+
+
+// The auto-generated table of contents.
 .entry-index {
    position: -webkit-sticky; /* Safari */
    position: sticky;
@@ -41,11 +45,23 @@
 
    grid-column: span 2 / auto;
 
-   padding: 4.5em 1em 2em 0.75em;
+   padding: 2em 1em 2em 0.75em;
 
    font-size: $fontsize-small;
 }
 
+.entry-index ul {
+   list-style: none;
+   padding-left: 1rem;
+   a {
+      text-decoration: none;
+   }
+}
+
+.entry-index_return {
+   margin-bottom: 1.5rem;
+}
+
 .entry-index ol {
    list-style: none;
    padding-left: 1rem;
@@ -66,13 +82,17 @@
 }
 
 
-.entry-summary {}
+
+// The righthand sidebar.
+.entry-sidebar {
+   grid-column: span 3 / auto;
+}
 
 .entry-other_projects {
    padding: 1rem;
-   margin: 1em 0;
+   margin: 1em;
    border-radius: 1em;
-   background-color: #f9f7f6;
+   background-color: $color-entry_secondary;
    font-size: $fontsize-small;
 
    ul {
@@ -83,17 +103,13 @@
    }
 }
 
-.entry-quickstats {
-   grid-column: span 3 / auto;
-   padding: 0.5em;
-}
-
-.stats-image {
+.entry-image {
    padding: 0.2em 0.2em 0.1em 0.2em;
    max-width: 100%;
 }
 
-.stats-facts {
+.entry-quickstats {
+   padding: 0.5em;
    font-size: $fontsize-small;
 }
 
@@ -107,21 +123,29 @@
    }
    tr td:first-child {
       text-align: right;
-      padding-right: 0.5em;
       background-color: $color-linen;
    }
    tr td:last-child {
-      background-color: $color-paperdark;
+      background-color: $color-paper_dark;
+   }
+   .entry-quickstats_double {
+      text-align: center !important;
    }
 }
 
+.entry-quicknotes {
+   padding: 0.5em;
+   font-size: $fontsize-small;
+   text-align: center;
+}
+
 
 
+// The navigation, which can be at the top or bottom of the article.
 .entry-tags {
-   margin-bottom: 2em;
    padding: 1rem;
    border-radius: 1em;
-   background-color: #f9f7f6;
+   background-color: $color-entry_secondary;
    font-size: $fontsize-small;
    text-transform: uppercase;
 
@@ -130,6 +154,14 @@
    }
 }
 
+.entry-tags_top {
+   margin-bottom: 2em;
+}
+
+.entry-tags_bottom {
+   margin-top: 2em;
+}
+
 .entry-subhead_pair {
    display: inline;
    margin-right: 1em;
@@ -150,8 +182,10 @@
 
 
 
+// The footnotes section and the footnotes themselves.
 a.footnote {
    text-decoration: none;
+   line-height: 0;
 }
 a.footnote::before {
    content: "[";
@@ -161,11 +195,9 @@ a.footnote::after {
 }
 
 .footnotes {
-//   grid-column: span 7 / auto;
-
    padding: 1rem;
    border-radius: 1em;
-   background-color: #f9f7f6;
+   background-color: $color-entry_secondary;
    font-size: $fontsize-small;
    ol {
       padding-left: 1rem;
@@ -176,3 +208,17 @@ a.footnote::after {
       }
    }
 }
+
+.tooltip {}
+
+
+
+// Sidenotes
+.aside {
+   display: inline; 	      /* prevents parent paragraph from breaking */
+   float: right; 	         /* positions the note to the right of the content */
+   position: relative; 	   /* forces note to be relative its the normal position */
+   width: 20vw; 	         /* limits the width of the marginal note */
+   margin-right: -24vw; 	/* sets the distance away from the body text */
+   font-size: $fontsize-small;
+}

data/_sass/partials/_global.scss

@@ -17,20 +17,20 @@
    align-items: center;
    justify-content: space-between;
 
-   background-color: $color-globalbg;
-   border-bottom: 1px solid $color-globalborder;
+   background-color: $color-global_background;
+   border-bottom: 1px solid $color-global_border;
 
    a,
    a:link,
    a:hover,
    a:visited {
-      color: $color-bodytext;
+      color: $color-body_text;
    }
 }
 
 .global-footer {
-   background-color: $color-globalbg;
-   border-top: 1px solid $color-globalborder;
+   background-color: $color-global_background;
+   border-top: 1px solid $color-global_border;
    padding: 1.75em;
 
    font-size: $fontsize-small;
@@ -67,12 +67,8 @@
 
 .global-searchbar {
    padding: 0.2rem 1rem;
-   border: 1px solid transparent;
    border-radius: 8px;
    font-size: $fontsize-small;
-   transition: 0.25s;
-   appearance: none;
-   outline: none;
    line-height: 2rem;
 }
 
@@ -80,25 +76,6 @@
    text-transform: uppercase;
 }
 
-.global-searchbar:hover {
-   border: 1px solid $color-launchpadsearch;
-   box-shadow: 0 0 6px $color-globalsearchbar;
-}
-
-.global-searchbar:focus {
-   outline: none;
-   border-color: $color-globalsearchbar;
-   box-shadow: 0 0 6px $color-globalsearchbar;
-   transition: 0.25s;
-}
-
-.global-search_submit {
-   background: none;
-   border: 0;
-
-   font-size: $fontsize-small;
-}
-
 .global-nav {
    display: flex;
    align-items: center;
@@ -106,21 +83,32 @@
 }
 
 .global-nav-link {
+   position: relative;
    display: inline-block;
-   padding-top: 0.3rem;
-
+   padding-top: 0.15rem;
    margin-right: 1.75rem;
 
-   border-bottom: 2px solid #f6bf5d;
-
    font-size: $fontsize-small;
    text-decoration: none;
    text-transform: uppercase;
-   &:hover {
-      opacity: 0.75;
+   &::after {
+      content: ' ';
+		position: absolute;
+		top: 100%;
+		left: 25%;
+
+		width: 50%;
+		height: 1px;
+		border-bottom: 2px solid $color-global_nav_underline;
+
+		transition: 0.4s;
+   }
+   &:hover::after {
+      width: 100%;
+      left: 0;
    }
 }
 
 .global-nav-link:visited {
-   color: $color-bodytext;
+   color: $color-body_text;
 }

data/_sass/partials/_glossing.scss

@@ -9,10 +9,10 @@
    margin-top: 0;
    margin-bottom: 1.75rem;
    td {
-      padding: 0 0 0 0.8em;
+      padding: 0 0 0 1em;
    }
    td:first-child {
-      border-left: 2px solid $color-pistachio;
+      border-left: 4px solid $color-pistachio;
    }
 }
 

data/_sass/partials/_languages.scss

@@ -0,0 +1,10 @@
+/*------------------------------------*\
+  # LANGUAGE STYLING
+  # styling for grammars and the like
+\*------------------------------------*/
+
+.ipa {
+   background-color: $color-code_background;
+   padding: .25em;
+   border-radius: .25em;
+}