domain-jekyll 1.2.0 → 1.3.0

data/_sass/domain/_previousnext.scss

@@ -0,0 +1,108 @@
+/* ==========================================================================
+   PreviousNext
+   ========================================================================== */
+/* Previous Next Page Buttons */
+.previousnext {
+  float: left;
+  margin-bottom: 1em;
+  padding-bottom: 1em;
+  width: 100%;
+
+  ul {
+    margin: 0;
+    padding: 0;
+    list-style-type: none;
+    font-family: $font-family;
+  }
+
+  li {
+    display: block;
+    float: left;
+    margin-left: -1px;
+
+    a {
+      display: block;
+      margin-bottom: 0.25em;
+      padding: 0.5em 1em;
+      font-family: $font-family;
+      font-size: 14px;
+      font-weight: bold;
+      line-height: 1.5;
+      text-align: center;
+      text-decoration: none;
+      color: $primary-text-color;
+      border: 1px solid mix(#000, $footer-border-color, 25%);
+      border-radius: 0;
+
+      &:hover {
+        background-color: $quaternary-bg-color;
+      }
+
+      &.current,
+      &.current.disabled {
+        color: #fff;
+        background: $button-hover-color;
+      }
+
+      &.disabled {
+        color: rgba($primary-text-color, 0.5);
+        pointer-events: none;
+        cursor: not-allowed;
+      }
+    }
+
+    &:first-child {
+      margin-left: 0;
+
+      a {
+        border-top-left-radius: 4px;
+        border-bottom-left-radius: 4px;
+      }
+    }
+
+    &:last-child {
+      a {
+        border-top-right-radius: 4px;
+        border-bottom-right-radius: 4px;
+      }
+    }
+  }
+
+  /* next/previous buttons */
+  &--pager {
+    display: block;
+    padding: 1em 2em;
+    float: left;
+    width: 50%;
+    font-family: $font-family;
+    font-size: 1em;
+    font-weight: bold;
+    text-align: center;
+    text-decoration: none;
+    color: $primary-text-color;
+    border: 1px solid mix(#000, $footer-border-color, 25%);
+    border-radius: 4px;
+
+    &:hover {
+      background-color: $quaternary-bg-color;
+      //@include yiq-contrasted($primary-text-color);
+    }
+
+    &:first-child {
+      border-top-right-radius: 0;
+      border-bottom-right-radius: 0;
+    }
+
+    &:last-child {
+      margin-left: -1px;
+      border-top-left-radius: 0;
+      border-bottom-left-radius: 0;
+    }
+
+    &.disabled {
+      color: rgba($primary-text-color, 0.5);
+      pointer-events: none;
+      cursor: not-allowed;
+    }
+  }
+}

data/_sass/domain/_search.scss

@@ -1,7 +1,6 @@
 /* ==========================================================================
    Search
    ========================================================================== */
-
 .searchbar input[type="text"] {
   position: relative;
   padding-left: 50px;
@@ -206,7 +205,6 @@
   opacity: 1;
   transition: opacity ease 400ms, width 0s, height 0s;
 }
-
 //Buttons
 /* Blogposts: Post-heading, Post-subheading, Post-content, Related Posts*/
 .main-site-subheader {

data/_sass/domain/_sidenote.scss

@@ -92,11 +92,11 @@ li .sn-right {
   width: 40%;
   text-align: left;
 }
+
 .popup {
   position: absolute;
   display: none;
 }
-
 @media screen and (max-width: 1200px) {
   .box {
     width: 100%;

data/_sass/domain/_tables.scss

@@ -0,0 +1,18 @@
+/* ==========================================================================
+   Tables
+   ========================================================================== */
+.table-wrapper {
+  display: block;
+  width: 100%;
+  max-width: 100%;
+  margin-bottom: 24px;
+  overflow-x: auto;
+  border-radius: 4px;
+  //box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 3px 10px rgba(0, 0, 0, 0.08);
+}
+
+table {
+  display: table;
+  min-width: 100%;
+  border-collapse: separate;
+}

data/_sass/domain/_tag.scss

@@ -1,14 +1,15 @@
 /* ==========================================================================
    Tag
    ========================================================================== */
-
 .tags {
   margin: 0;
   padding: 10px;
+
   li {
     display: inline-block;
     margin: 5px;
     list-style: none;
+
     a {
       text-decoration: none;
       color: $primary-text-color;
@@ -16,7 +17,8 @@
       padding: 5px 10px;
       border: 1px solid $secondary-border-color;
       background-color: $secondary-bg-color;
-      transition: all .3s;
+      transition: all 0.3s;
+
       &:hover {
         background-color: $quaternary-bg-color;
       }

data/_sass/domain/_toc.scss

@@ -1,32 +1,32 @@
 /* ==========================================================================
    Table of Contents
    ========================================================================== */
-   #markdown-toc::before {
-     content: "Table of Contents";
-     font-weight: bold;
-     text-align: center;
-   }
+#markdown-toc::before {
+  content: "Table of Contents";
+  font-weight: bold;
+  text-align: center;
+}
 
-   #markdown-toc li {
-     margin-left: 1rem;
-     list-style: decimal;
-   }
+#markdown-toc li {
+  margin-left: 1rem;
+  list-style: decimal;
+}
 
-   #markdown-toc li * {
-     padding-left: 3px;
-   }
+#markdown-toc li * {
+  padding-left: 3px;
+}
 
-   #markdown-toc {
-     border: 1px solid #aaa;
-     padding: 1.5em;
-     list-style: decimal;
-     display: inline-block;
-   }
+#markdown-toc {
+  border: 1px solid #aaa;
+  padding: 1.5em;
+  list-style: decimal;
+  display: inline-block;
+}
 
-   #markdown-toc a {
-     text-decoration: none;
-   }
+#markdown-toc a {
+  text-decoration: none;
+}
 
-   #markdown-toc a:hover {
-     text-decoration: underline;
-   }
+#markdown-toc a:hover {
+  text-decoration: underline;
+}

data/_sass/domain/_tooltip.scss

@@ -1,118 +1,117 @@
 /* ==========================================================================
    Tooltip
    ========================================================================== */
-
-   .tooltip {
-     display: inline;
-     position: relative;
-     text-align: left;
-   }
-
-   .tooltip bottom {
-     display: none;
-   }
-
-   .tooltip .right {
-     min-width: 300px;
-     top: 50%;
-     left: 100%;
-     margin-left: 20px;
-     transform: translate(0, -50%);
-     padding: 10px 20px;
-     color: $primary-text-color;
-     background-color: $primary-bg-color;
-     font-weight: normal;
-     font-size: 13px;
-     border-radius: 8px;
-     position: absolute;
-     z-index: 99999999;
-     box-sizing: border-box;
-     box-shadow: 0 1px 8px $primary-box-shadow-color;
-     display: none;
-   }
-
-   .tooltip:hover .right {
-     display: block;
-   }
-
-   .tooltip .right i {
-     position: absolute;
-     top: 50%;
-     right: 100%;
-     margin-top: -12px;
-     width: 12px;
-     height: 24px;
-     overflow: hidden;
-   }
-
-   .tooltip .right i::after {
-     content: '';
-     position: absolute;
-     width: 12px;
-     height: 12px;
-     left: 0;
-     top: 50%;
-     transform: translate(50%,-50%) rotate(-45deg);
-     background-color: $primary-bg-color;
-     box-shadow: 0 1px 8px $primary-box-shadow-color;
-   }
-
-   .right .tooltip-title {
-     font-size: 14px;
-     font-weight: 600;
-     display: inline-block;
-   }
-
-   .right .tooltip-excerpt {
-     font-size: 12px;
-     display: inline-block;
-   }
-
-   .right .tooltip-excerpt a {
-     font-size: 12px;
-   }
-
-   input.margin-toggle {
-     display: none;
-   }
-
-   .srs-svg {
-     stroke: $primary-text-color;
-   }
-
-   label.sidenote-number {
-     display: inline;
-   }
-
-   label.margin-toggle:not(.sidenote-number) {
-     display: none;
-   }
-
-   .spaced-rep {
-     display: none;
-   }
-
-   input.srs-toggle {
-     display: none;
-   }
-
-   label.srs-toggle {
-     display: inline;
-     cursor: pointer;
-   }
-
-   .srs-toggle:checked + .spaced-rep {
-     display: block !important;
-     left: 1rem;
-     clear: both;
-     margin: 1rem 2.5%;
-     vertical-align: baseline;
-     position: relative;
-     padding: 12px;
-     width: 240px;
-     background-color: $primary-bg-color;
-     border: solid 1px $ternary-border-color;
-     border-radius: 5px;
-     box-shadow: 1px 1px 15px $secondary-box-shadow-color;
-     word-wrap: break-word;
-   }
+.tooltip {
+  display: inline;
+  position: relative;
+  text-align: left;
+}
+
+.tooltip bottom {
+  display: none;
+}
+
+.tooltip .right {
+  min-width: 300px;
+  top: 50%;
+  left: 100%;
+  margin-left: 20px;
+  transform: translate(0, -50%);
+  padding: 10px 20px;
+  color: $primary-text-color;
+  background-color: $primary-bg-color;
+  font-weight: normal;
+  font-size: 13px;
+  border-radius: 8px;
+  position: absolute;
+  z-index: 99999999;
+  box-sizing: border-box;
+  box-shadow: 0 1px 8px $primary-box-shadow-color;
+  display: none;
+}
+
+.tooltip:hover .right {
+  display: block;
+}
+
+.tooltip .right i {
+  position: absolute;
+  top: 50%;
+  right: 100%;
+  margin-top: -12px;
+  width: 12px;
+  height: 24px;
+  overflow: hidden;
+}
+
+.tooltip .right i::after {
+  content: '';
+  position: absolute;
+  width: 12px;
+  height: 12px;
+  left: 0;
+  top: 50%;
+  transform: translate(50%,-50%) rotate(-45deg);
+  background-color: $primary-bg-color;
+  box-shadow: 0 1px 8px $primary-box-shadow-color;
+}
+
+.right .tooltip-title {
+  font-size: 14px;
+  font-weight: 600;
+  display: inline-block;
+}
+
+.right .tooltip-excerpt {
+  font-size: 12px;
+  display: inline-block;
+}
+
+.right .tooltip-excerpt a {
+  font-size: 12px;
+}
+
+input.margin-toggle {
+  display: none;
+}
+
+.srs-svg {
+  stroke: $primary-text-color;
+}
+
+label.sidenote-number {
+  display: inline;
+}
+
+label.margin-toggle:not(.sidenote-number) {
+  display: none;
+}
+
+.spaced-rep {
+  display: none;
+}
+
+input.srs-toggle {
+  display: none;
+}
+
+label.srs-toggle {
+  display: inline;
+  cursor: pointer;
+}
+
+.srs-toggle:checked + .spaced-rep {
+  display: block !important;
+  left: 1rem;
+  clear: both;
+  margin: 1rem 2.5%;
+  vertical-align: baseline;
+  position: relative;
+  padding: 12px;
+  width: 240px;
+  background-color: $primary-bg-color;
+  border: solid 1px $ternary-border-color;
+  border-radius: 5px;
+  box-shadow: 1px 1px 15px $secondary-box-shadow-color;
+  word-wrap: break-word;
+}