jekyll-theme-cadre 0.1.19

data/_sass/cadre/_base.scss

@@ -0,0 +1,149 @@
+body {
+  background-color: $body-bg !important;
+}
+
+a {
+  color: $link-color;
+  text-decoration: none !important;
+
+  &:hover,
+  &:focus {
+    color: $link-hover-color !important;
+    font-weight: bold !important;
+    transition: all 0.25s ease-in-out;
+  }
+}
+
+h1 {
+  color: $h1-color;
+  padding: 10px 0;
+}
+
+h2 {
+  color: $h2-color;
+  padding: 7px 0;
+}
+
+h3 {
+  color: $h3-color;
+  padding: 5px 0;
+}
+
+img {
+  max-height: 100%;
+  max-width: 100%;
+}
+
+.fa-hover {
+  &:hover,
+  &:focus {
+    transform: scale(1.1) !important;
+  }
+}
+
+.card {
+  background-color: $card-bg !important;
+}
+
+.card-text a {
+  color: $link-color;
+}
+
+p.card-list {
+  padding-left: 1em !important;
+}
+
+@media only screen and (max-width: $md) {
+  p.card-list {
+    padding-left: 0 !important;
+  }
+}
+
+.container {
+  margin-top: $top-nav-space;
+  padding-top: $top-nav-space;
+}
+
+.list-unstyled {
+  padding-left: 10px !important;
+}
+
+.info-card {
+  padding: 10px 15px;
+  margin: 0 10px !important;
+}
+
+@media only screen and (max-width: $md) {
+  .info-card {
+    margin: 0 0 !important;
+  }
+}
+
+.sticky-div {
+  position: -webkit-sticky !important;
+  position: sticky !important;
+  top: calc(#{$top-nav-space} + #{$sticky-div-pad}) !important;
+}
+
+a.jump-to-anchor {
+  display: block;
+  position: relative;
+  top: calc(-1 * (#{$top-nav-space} + #{$sticky-div-pad}));
+  visibility: hidden;
+}
+
+.category-tags {
+  text-align: center;
+}
+
+.category-tags a {
+  display: inline-block;
+  border: 1px solid $site-tertiary;
+  border-radius: 999em;
+  line-height: 24px;
+  font-size: 12px;
+  padding: 5px 10px;
+
+  &:hover,
+  &:focus {
+    border-color: $site-primary;
+  }
+}
+
+.taxonomy-count {
+  display: inline-block;
+  border: 1px solid $site-tertiary;
+  background-color: $site-tertiary;
+  color: $body-bg;
+  border-radius: 999em;
+  line-height: 24px;
+  font-size: 12px;
+  padding: 0 10px;
+}
+
+.active {
+  color: $site-secondary !important;
+  font-weight: bold !important;
+}
+
+abbr[title] {
+  border-bottom: none;
+  text-decoration: underline;
+  text-decoration: underline dotted;
+}
+
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+sup {
+  top: -0.5em;
+}

data/_sass/cadre/_category-cards.scss

@@ -0,0 +1,10 @@
+.category-card-contents {
+    padding: 5px 15% !important;
+}
+
+@media only screen and (max-width: $md) {
+    .category-card-contents {
+        padding: 0 0 !important; 
+        text-align: center !important;
+    }
+}

data/_sass/cadre/_code.scss

@@ -0,0 +1,66 @@
+.katex-display {
+  background-color: $math-bg;
+  overflow-x: auto;
+  overflow-y: visible;
+}
+
+.katex-html {
+  padding: 10px 0px;
+}
+
+.highlight {
+  border-radius: $border-radius;
+}
+
+.highlighter-rouge {
+  color: var(--oc-black-5);
+}
+
+.rouge-table {
+  margin: 0;
+  font-size: 100%;
+
+  &,
+  td,
+  th {
+    border: 0;
+    padding: 0;
+  }
+
+  pre {
+    padding: 0;
+    margin: 0;
+  }
+
+  .gutter {
+    vertical-align: top;
+    user-select: none;
+    opacity: .25;
+    padding-right: $spacer;
+  }
+}
+
+code,
+pre {
+  font-family: $code-font;
+  background-color: $code-bg;
+}
+
+code {
+  padding: .1em .25em;
+  border-radius: $border-radius;
+  background-color: $code-bg;
+}
+
+pre {
+  display: block;
+  overflow: auto;
+  padding: $spacer;
+  margin: $spacer 0;
+
+  code {
+    padding: 0;
+    background-color: inherit;
+    word-wrap: normal;
+  }
+}

data/_sass/cadre/_footer.scss

@@ -0,0 +1,7 @@
+footer {
+  background-color: $footer-bg;
+}
+
+.social-icon {
+  text-decoration: none; 
+}

data/_sass/cadre/_functions.scss

@@ -0,0 +1,9 @@
+@mixin alternative-link-style() {
+  color: inherit;
+
+  &:hover,
+  &:focus {
+    color: $link-color;
+    text-decoration: none;
+  }
+}

data/_sass/cadre/_header.scss

@@ -0,0 +1,67 @@
+.navbar {
+  padding-left: 10%;
+  padding-right: 10%;
+}
+
+.navbar-brand {
+  color: $site-primary !important;
+}
+
+.navbar-brand img {
+  margin-top: -10px;
+  transition: all 0.25s ease-in-out;
+}
+
+a.navbar-brand {
+  transition: all 0.25s ease-in-out;
+}
+
+.scrolling {
+  font-size: $brand-font-size-small;
+}
+
+.top {
+  font-size: $brand-font-size;
+}
+
+.scrolling img {
+  // width: unquote("#{$navbar-img-width} * 0.9"px);
+  // height: unquote("#{$navbar-img-height} * 0.9"px);
+  width: calc(#{$navbar-img-width} * 0.9);
+  height: calc(#{$navbar-img-height} * 0.9);
+}
+
+.top img {
+  width: $navbar-img-width;
+  height: $navbar-img-height;
+}
+
+a.nav-link {
+  color: $site-tertiary;
+}
+
+#menu {
+  background-color: $nav-bg;
+}
+
+@media only screen and (max-width: $md) {
+  .scrolling {
+    width: calc(#{$navbar-img-width} * 0.55);
+    height: calc(#{$navbar-img-height} * 0.55);
+  }
+
+  .top {
+    width: calc(#{$navbar-img-width} * 0.65);
+    height: calc(#{$navbar-img-height} * 0.65);
+  }
+
+  // override the max-height setting to ensure 
+  // image scales appropriately 
+  .scrolling img {
+    max-height: none;
+  }
+
+  .top img {
+    max-height: none;
+  }
+}

data/_sass/cadre/_highlight-light.scss

@@ -0,0 +1,92 @@
+.highlight table td { padding: 5px; }
+.highlight table pre { margin: 0; }
+.highlight, .highlight .w {
+  color: #282828;
+  // background-color: #fbf1c7;
+  background-color: #f3f3f3;
+}
+.highlight .nf {
+  // color: rgb(112, 179, 233);
+  color: #1f80ff;
+}
+.highlight .err {
+  color: #9d0006;
+  // background-color: #fbf1c7;
+  font-weight: bold;
+}
+.highlight .c, .highlight .ch, .highlight .cd, .highlight .cm, .highlight .cpf, .highlight .c1, .highlight .cs {
+  color: #9c9c9c;
+  font-style: italic;
+}
+.highlight .cp {
+  color: #427b58;
+}
+.highlight .nt {
+  color: #9d0006;
+}
+.highlight .o, .highlight .ow {
+  color: #282828;
+}
+.highlight .p, .highlight .pi {
+  color: #282828;
+}
+.highlight .gi {
+  color: #79740e;
+  background-color: #fbf1c7;
+}
+.highlight .gd {
+  color: #9d0006;
+  background-color: #fbf1c7;
+}
+.highlight .gh {
+  color: #79740e;
+  font-weight: bold;
+}
+.highlight .k, .highlight .kn, .highlight .kp, .highlight .kr, .highlight .kv {
+  // color: #9d0006;
+  color: #c50c3a;
+}
+.highlight .kc {
+  color: #8f3f71;
+}
+.highlight .kt {
+  // color: #b57614;
+  color: #96743e;
+}
+.highlight .kd {
+  color: #af3a03;
+}
+.highlight .s, .highlight .sa, .highlight .sb, .highlight .sc, .highlight .dl, .highlight .sd, .highlight .s2, .highlight .sh, .highlight .sx, .highlight .s1 {
+  color: #79740e;
+  font-style: italic;
+}
+.highlight .si {
+  color: #79740e;
+  font-style: italic;
+}
+.highlight .sr {
+  color: #79740e;
+  font-style: italic;
+}
+.highlight .se {
+  color: #af3a03;
+}
+.highlight .nn {
+  color: #427b58;
+}
+.highlight .nc {
+  // color: #427b58;
+  color: rgb(0, 94, 170);
+}
+.highlight .no {
+  color: #8f3f71;
+}
+.highlight .na {
+  color: #79740e;
+}
+.highlight .m, .highlight .mb, .highlight .mf, .highlight .mh, .highlight .mi, .highlight .il, .highlight .mo, .highlight .mx {
+  color: #8f3f71;
+}
+.highlight .ss {
+  color: #076678;
+}

data/_sass/cadre/_home.scss

@@ -0,0 +1,3 @@
+.card-full {
+  text-decoration: none;
+}

data/_sass/cadre/_main.scss

@@ -0,0 +1,17 @@
+@import "functions";
+@import "predefined";
+@import "layout";
+@import "header";
+@import "footer";
+@import "post";
+@import "code";
+@import "toc";
+@import "home";
+@import "pagination";
+@import "archive";
+@import "about";
+@import "powered-by";
+@import "category-cards";
+@import "base";
+
+@import "highlight-light"

data/_sass/cadre/_pagination.scss

@@ -0,0 +1,4 @@
+.pagination-nav-inactive {
+  color: var(--oc-gray-6)
+}
+

data/_sass/cadre/_post-cards.scss

@@ -0,0 +1,7 @@
+.card-full > h3 {
+    color: $h3-color;
+}
+
+.card-full p {
+    color: $p-color;
+}

data/_sass/cadre/_post.scss

@@ -0,0 +1,28 @@
+.post {
+    padding-right: 25px;
+    background-color: $post-bg;
+}
+
+.post-body {
+    background-color: inherit;
+}
+
+.post-header {
+    padding: 10px 0px; 
+}
+
+.post-metadata {
+    color: $metadata-color;
+}
+
+.footnotes {
+  overflow: auto;
+  word-wrap: break-word;
+  border-top: 1px solid lightgrey;
+  padding-top: 25px; 
+}
+
+hr {
+    margin-top: 5px; 
+    margin-bottom: 5px;
+}

data/_sass/cadre/_toc.scss

@@ -0,0 +1,66 @@
+.toc-title {
+  font-size: 16px;
+  text-align: left;
+}
+
+.toc-div {
+  position: -webkit-sticky !important;
+  position: sticky !important;
+  top: calc(#{$top-nav-space} + #{$sticky-div-pad}) !important; 
+}
+
+.toc,
+.toc ul {
+  font-size: 12px;
+  list-style: none;
+  padding: 0;
+}
+
+.toc {
+  max-height: 80vh;
+  overflow-y: auto;
+
+  a.active {
+    color: $site-secondary;
+  }
+
+  a {
+    display: block;
+    text-decoration: none;
+
+    color: $toc-text-color;
+
+    &:hover,
+    &:focus {
+      font-weight: bold;
+      color: $link-hover-color !important;
+    }
+  }
+
+  // indentations 
+
+  li > a {
+    padding-left: .5em;
+  }
+  ul li > a {
+    padding-left: 1.5em;
+  }
+  ul li ul li > a {
+    padding-left: 2.5em;
+  }
+  ul li ul li ul li > a {
+    padding-left: 3em;
+  }
+  ul li ul li ul li ul li > a {
+    padding-left: 3.5em;
+  }
+}
+
+@media only screen and (max-width: $md) {
+  h3.toc-title {
+    text-align: center;
+  }
+  .toc {
+    padding-left: 15px !important;
+  }
+}

data/_sass/cadre/_variables.scss

@@ -0,0 +1,49 @@
+@charset "utf-8";
+// pad main container to account for fixed topnav
+$top-nav-space: 65px;
+
+// additional space from top-nav-space before sticky divs
+$sticky-div-pad: 50px;
+
+// base nav logo image size
+$navbar-img-height: 45px; 
+$navbar-img-width: 150px; 
+
+// colors
+$tan: rgb(255, 246, 231);
+$beige: rgb(255, 248, 238);
+$cream: rgb(248, 247, 245);
+
+$site-primary: rgb(214, 12, 12);
+$site-secondary: rgb(119, 0, 0);
+$site-tertiary: var(--oc-gray-6);
+$body-bg: $cream;
+$math-bg: $beige;
+$nav-bg: var(--oc-white);
+$footer-bg: var(--oc-gray-1);
+$card-bg: var(--oc-white);
+$code-bg: var(--oc-gray-1);
+$post-bg: var(--oc-white);
+
+$link-hover-color: $site-primary;
+$link-color: $site-secondary;
+
+$h1-color: var(--oc-gray-7);
+$h2-color: var(--oc-gray-7);
+$h3-color: var(--oc-gray-7);
+$p-color: var(--oc-black);
+$metadata-color: var(--oc-gray-6);
+$toc-text-color: var(--oc-gray-6);
+
+$body-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
+$body-font-size: 16px;
+
+$brand-font-size: 1.25rem;
+$brand-font-size-small: 1.1rem;
+
+$border-radius: .4em;
+
+$heading-font: Georgia, "Times New Roman", Times, "Palatino Linotype", "Book Antiqua", Palatino, serif;
+$code-font: "Source Code Pro", Menlo, "Lucida Console", Monaco, "Courier New", Courier, monospace;
+
+$spacer: 1rem;

data/_sass/cadre/custom-styles.scss

@@ -0,0 +1,2 @@
+// Placeholder to allow defining custom styles that override everything else.
+// (Use `_sass/cadre/custom-variables.scss` to override variable defaults)

data/_sass/cadre/custom-variables.scss

@@ -0,0 +1 @@
+// Placeholder to allow overriding predefined variables.

data/_sass/cadre/initialize.scss

@@ -0,0 +1,41 @@
+@charset "utf-8";
+// 
+// This is adapted from the "minima" theme  
+// to allow the user to easily override 
+// theme styels likes color and spacing
+
+// Define defaults for each variable.
+
+// bootstrap screen sizes
+$sm: 576px;
+$md: 768px;
+$lg: 992px;
+$xl: 1200px;
+$xxl: 1400px;
+
+// Use media queries like this:
+// @include media-query($on-palm) {
+//   .wrapper {
+//     padding-right: $spacing-unit / 2;
+//     padding-left: $spacing-unit / 2;
+//   }
+// }
+// Notice the following mixin uses max-width, in a deprecated, desktop-first
+// approach, whereas media queries used elsewhere now use min-width.
+@mixin media-query($device) {
+  @media screen and (max-width: $device) {
+    @content;
+  }
+}
+
+@mixin relative-font-size($ratio) {
+  font-size: #{$ratio}rem;
+}
+
+// Import pre-styling-overrides hook and style-partials.
+@import
+  "cadre/variables",        // Default settings
+  "cadre/custom-variables", // Hook to override predefined variables.
+  "cadre/main",             // Loads specific styles
+  "cadre/custom-styles"     // Hook to override predefined styles.
+;