jekyll-theme-seanh 0.1.0

data/_sass/_headers.scss

@@ -0,0 +1,29 @@
+h1, h2, h3, h4, h5, h6 {
+  line-height: 1.2;
+  font-weight: 600;
+  margin-bottom: 26px;
+}
+
+h1 {
+  font-size: 2.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.75rem;
+}
+
+h4 {
+  font-size: 1.5rem;
+}
+
+h5 {
+  font-size: 1.25rem;
+}
+
+h6 {
+  font-size: 1rem;
+}

data/_sass/_images.scss

@@ -0,0 +1,16 @@
+img {
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+  max-width: 100%;
+}
+
+.content__inner-container img {
+  margin-bottom: 0;
+  height: auto;
+  border-radius: 4px;
+}
+
+.content__inner-container img {
+  box-shadow: 4px 6px 18px rgba(0, 0, 0, 0.35);
+}

data/_sass/_kbd.scss

@@ -0,0 +1,14 @@
+kbd {
+  background-color: #fafbfc;
+  border: 1px solid #c6cbd1;
+  border-bottom-color: #959da5;
+  border-radius: 3px;
+  box-shadow: inset 0 -1px 0 #959da5;
+  color: #444d56;
+  display: inline-block;
+  font-family: var(--code-font-family);
+  font-size: var(--code-font-size);
+  line-height: 1rem;
+  padding: 3px 5px;
+  vertical-align: middle;
+}

data/_sass/_layout.scss

@@ -0,0 +1,192 @@
+/**
+
+This CSS mostly uses the BEM (Block Element Modifier) naming pattern
+(http://getbem.com/) for modularity:
+
+* CSS selectors mostly match using CSS class names only, no tag names or IDs.
+
+* CSS classes are either blocks, elements or modifiers:
+
+* Blocks have simple ASCII names like "site-search".
+
+  Single dashes are allowed within the name of a block, element or modifier.
+
+  You know something is a block if it's a standalone entity that is meaningful
+  on its own. Blocks can still interact with each other and can be nested
+  inside of each other, but are semantically equal with no precedence or
+  hierarchy.
+
+* Elements are sub-parts of blocks and are named like "block__element",
+  for example "site-search__field".
+
+  You know something is an element, rather than a block, if it's semantically
+  tied to its block and has no semantic meaning of its own.
+
+  Rather than a traditional CSS selector like:
+
+      .block element { ... }
+
+  instead you'd use:
+
+      .block__element { ... }
+
+* Modifiers are flags on block or elements, "<BLOCK>--<MODIFIER>" or
+  "<BLOCK>__<ELEMENT>--<MODIFIER>", for example "site-search--full" or
+  "person__hand--left".
+
+  You only use modifiers on HTML tags that also have the corresponding block or element.
+  For example `<div class="site-search site-search--full">` or
+  `<div class="person__hand person__hand--left">`.
+
+  There are three ways for CSS selectors to match a modifier:
+
+  1. Match a block modifier:
+
+         .block--modifier { ... }
+
+  2. Match an element within a modified block - in the HTML the modifier class
+     is added to the block tag but modifies its elements (child tags):
+
+         .block--modifier block__element { ... }
+
+  3. Match a modified element - in the HTML the modifier is added to the
+     element's tag directly:
+
+         .block__element--modifier { ... }
+
+Complete example (from getbem.com):
+
+    <style>
+        .form { }
+        .form--theme-xmas { }
+        .form--simple { }
+        .form__input { }
+        .form__submit { }
+        .form__submit--disabled { }
+    </style>
+
+    <form class="form form--theme-xmas form--simple">
+      <input class="form__input" type="text" />
+      <input class="form__submit form__submit--disabled" type="submit" />
+    </form>
+**/
+
+/* html and body need to have height: 100% in order for the sticky bottom
+ * site-footer to work. */
+html,
+body {
+  height: 100%;
+}
+
+body {
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+}
+
+.site-header {
+  padding-left: 20px;
+  padding-right: 20px;
+  padding-top: 12px;
+  padding-bottom: 12px;
+  background-color: var(--body-color);
+  color: var(--muted-color);
+}
+
+.site-header__navbar {
+  text-align: center;
+  overflow-x: auto;
+  white-space: nowrap;
+}
+
+.site-header__nav-links {
+  list-style: none;
+  margin-bottom: 0;
+}
+
+.site-header__nav-item {
+  display: inline-block;
+  vertical-align: bottom;
+  margin-left: 0;
+}
+
+.site-header__nav-item:first-child a {
+  padding-left: 0;
+}
+
+.site-header__nav-item:last-child a {
+  padding-right: 0;
+}
+
+.site-header__nav-link {
+  color: hsla(0,0%,100%,.75);
+  text-decoration: none;
+  border: none;
+  padding-right: 16px;
+  line-height: 32px;
+  transition: color 250ms linear;
+  font-size: var(--navbar-font-size);
+  font-weight: var(--navbar-font-weight);
+}
+
+.site-header__nav-link--active {
+  color: white;
+}
+
+.content {
+  flex-shrink: 0;
+}
+
+.content__outer-container {
+  max-width: 800px;
+  margin-left: auto;
+  margin-right: auto;
+  padding: 0 20px;
+}
+
+.content__header {
+  padding: 50px 0;
+}
+
+.content__title {
+  text-align: center;
+}
+
+.content__inner-container {
+  max-width: 650px;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.post-footer {
+  margin-top: 90px;
+}
+
+.content .posts-list {
+  list-style-type: none;
+}
+
+.content .posts-list__item {
+  margin-left: 0;
+}
+
+.site-footer {
+  margin-top: auto;
+  padding-top: 10rem;
+  text-align: center;
+}
+
+.site-footer__links {
+  list-style: none;
+  margin-bottom: 0;
+}
+
+.site-footer__links-item {
+  display: inline-block;
+  padding-right: 16px;
+  margin-left: 0;
+}
+
+.site-footer__links-item:last-child {
+  padding-right: 0;
+}

data/_sass/_lead.scss

@@ -0,0 +1,3 @@
+.lead {
+  font-size: x-large;
+}

data/_sass/_links.scss

@@ -0,0 +1,9 @@
+a {
+  outline: 0;
+  text-decoration: none;
+  border-bottom: 1px solid;
+}
+
+a.anchor {
+  border-bottom: none;
+}

data/_sass/_lists.scss

@@ -0,0 +1,19 @@
+ul,
+ol {
+  counter-reset: post;
+}
+
+ul li,
+ol li {
+  margin-left: 30px;
+}
+
+li ul,
+li ol,
+li dl {
+  margin-bottom: 0;
+}
+
+dt {
+  font-weight: var(--bold-font-weight);
+}

data/_sass/_quotes.scss

@@ -0,0 +1,48 @@
+q {
+  quotes: "“" "”" "‘" "’";
+}
+
+q:before {
+    content: open-quote;
+}
+
+q:after {
+    content: close-quote;
+}
+
+blockquote {
+  quotes: none;
+  font-style: italic;
+  border-left: 3px solid #2b90d9;
+  padding-left: 20px;
+  padding-bottom: 2px;
+}
+
+blockquote:before,
+blockquote:after {
+  content: '';
+  content: none;
+}
+
+blockquote blockquote,
+li blockquote {
+  margin-left: 3px;
+}
+
+blockquote footer,
+blockquote cite {
+  color: var(--muted-color);
+}
+
+blockquote footer:before,
+blockquote cite:before {
+  content: "\2014 \00A0";
+}
+
+blockquote footer cite:before {
+  content: "";
+}
+
+blockquote *:last-child {
+  margin-bottom: 0;
+}

data/_sass/_reset.scss

@@ -0,0 +1,22 @@
+/* http://meyerweb.com/eric/tools/css/reset/
+   v2.0 | 20110126
+   License: none (public domain)
+*/
+html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
+blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img,
+ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i,
+center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption,
+tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section,
+summary, time, mark, audio, video, hr {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font: inherit;
+  vertical-align: baseline;
+}
+
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
+  display: block;
+}

data/_sass/_samp.scss

@@ -0,0 +1,11 @@
+samp {
+  background-color: #fafbfc;
+  color: #444d56;
+  line-height: 1rem;
+  font-family: var(--code-font-family);
+}
+
+pre samp {
+  background-color: inherit;
+  color: inherit;
+}

data/_sass/_typography.scss

@@ -0,0 +1,116 @@
+body {
+  text-rendering: optimizelegibility;
+  font-feature-settings: "kern";
+  font-size: var(--body-font-size);
+  text-size-adjust: none;
+  font-family: var(--body-font-family);
+  background-color: var(--body-background-color);
+  color: var(--body-color);
+  line-height: var(--body-line-height);
+}
+
+img,
+blockquote,
+p,
+ul,
+ol,
+figure,
+.content__inner-container pre,
+.content__inner-container iframe,
+dd,
+details,
+.scroll,
+.admonition,
+.attention,
+.caution,
+.danger,
+.error,
+.important,
+.warning,
+.hint,
+.tip,
+.note,
+.seealso,
+.todo {
+  margin-bottom: 26px;
+}
+
+p,
+li {
+  hyphens: auto;
+}
+
+em {
+  font-style: italic;
+}
+
+strong {
+  font-weight: var(--bold-font-weight);
+  color: var(--bold-color);
+}
+
+hr {
+  background: transparent;
+  border: 0;
+  border-top: 1px solid var(--muted-color);
+  margin-bottom: 26px;
+}
+
+sup,
+sub {
+  vertical-align: baseline;
+  position: relative;
+  top: -0.4em;
+  font-size: smaller;
+  padding-left: .1em;
+  font-weight: bold;
+}
+
+sub {
+  top: 0.4em;
+}
+
+var {
+  font-style: italic;
+}
+
+summary {
+  cursor: pointer;
+}
+
+.sig,
+.sig a {
+  color: var(--muted-color) !important;
+  text-decoration: none;
+}
+
+.muted {
+  color: var(--muted-color);
+}
+
+.post-footer {
+  color: var(--muted-color);
+  font-size: var(--small-font-size);
+  line-height: var(--small-line-height);
+}
+
+.post-footer__link {
+  color: var(--muted-color);
+  border-bottom: none;
+  text-decoration: none;
+}
+
+.site-footer {
+  color: var(--muted-color);
+  font-size: smaller;
+}
+
+.site-footer a {
+  border-bottom: none;
+  color: inherit;
+}
+
+.site-footer__new-post-input {
+  border: 1px dashed #ccc;
+  padding: 2px;
+}