jekyll-theme-meliora 0.1.0

data/_sass/meliora/_generic.scss

@@ -0,0 +1,67 @@
+/*
+ * Generic. This includes all the third-party CSS used throughout the site.
+ * See https://medium.com/@jordankoschei/how-i-shrank-my-css-by-84kb-by-refactoring-with-itcss-2e8dafee123a#.tbp9yocm3 for details.
+ */
+
+// taken from http://mrmrs.io/links/
+a {
+  transition: color .4s;
+  color: $material900;
+  text-underline-position: under;
+}
+
+a:link,
+a:visited { 
+  color: $material700;
+}
+a:hover   { 
+  color: $materialA400; 
+}
+a:active  {
+  transition: color .3s;
+  color: $materialA700;
+}
+
+.link { text-decoration: none; }
+
+// Taken from http://webaim.org/techniques/css/invisiblecontent/#skipnavlinks
+#skip_link a
+{ 
+  position:absolute; 
+  left:-10000px; 
+  top:auto; 
+  width:1px; 
+  height:1px; 
+  overflow:hidden;
+} 
+ 
+#skip_link a:focus 
+{ 
+  position:static;
+  width:auto; 
+  height:auto; 
+} 
+
+// Taken from http://clrs.cc
+/* Backgrounds */
+
+.bg-materialWhite { background-color: $materialWhite; }
+.bg-material50 { background-color: $material50; }
+.bg-material200 { background-color: $material200; }
+
+/* Colors */
+
+.material300 { color: $material300; }
+.material400 { color: $material400; }
+.material500 { color: $material500; }
+.material700 { color: $material700; }
+.material900 { color: $material900; }
+
+/* Border colors 
+
+   Use with another border utility that sets border-width and style 
+   i.e .border { border-width: 1px; border-style: solid; }     
+*/
+
+.border-material400 { border-color: $material400; }
+.border-materialBlack { border-color: $materialBlack; }

data/_sass/meliora/_objects.scss

@@ -0,0 +1,5 @@
+/*
+ * Objects. I’m a fan of object-oriented CSS, though I suppose you could remove this layer if you don’t use it. This layer is mostly layout-driven, and doesn’t include anything cosmetic. I included structural objects such as `.inner` and `.container` here, as well as some oft-repeated constructs such as `.post`s and `.hero`.
+ * See https://medium.com/@jordankoschei/how-i-shrank-my-css-by-84kb-by-refactoring-with-itcss-2e8dafee123a#.tbp9yocm3 for details.
+ */
+

data/_sass/meliora/_settings.scss

@@ -0,0 +1,39 @@
+/*
+ * Settings. These are preprocessor variables for later use.
+ * See https://medium.com/@jordankoschei/how-i-shrank-my-css-by-84kb-by-refactoring-with-itcss-2e8dafee123a#.tbp9yocm3 for details.
+ */
+
+// Let's also make sure we always have the Material Gray 
+// palette, too. This lets us use off-whites and off-blacks
+// with our main colors for softer contrast.
+$materialGray50: #fafafa;
+$materialGray100: #f5f5f5;
+$materialGray200: #eeeeee;
+$materialGray300: #e0e0e0;
+$materialGray400: #bdbdbd;
+$materialGray500: #9e9e9e;
+$materialGray600: #757575;
+$materialGray700: #616161;
+$materialGray800: #424242;
+$materialGray900: #212121;
+
+// Likewise for plain black/white.
+$materialBlack: #000000;
+$materialWhite: #ffffff;
+
+// System sans-serif font stack 
+$systemSansSerif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", "Source Sans Pro", sans-serif,"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+$systemSerif: "Apple Garamond", "Baskerville", "Georgia", "Times New Roman", "Droid Serif", "Times","Source Serif Pro", serif;
+$systemMonospace: "SF Mono", "Monaco", "Inconsolata", "Fira Mono", "Droid Sans Mono", "Source Code Pro", monospace;
+
+// Is 24px overkill? Maybe, but I'm a size queen.
+$fontSize: calc(100% + 0.25vw);
+$printFontSize: 12px;
+$spacing-unit: 1.2rem !default;
+// Body settings inspired by bettermotherfuckingwebsite.com.
+$lineHeight: 1.6;
+$printLineHeight: 1.4;
+$headingLineHeight: 1.2;
+$margin: 40px auto;
+$padding: 20px;
+$maxWidth: 720px;

data/_sass/meliora/_tools.scss

@@ -0,0 +1,4 @@
+/*
+ * Tools. These include all the mixins and functions.
+ * See https://medium.com/@jordankoschei/how-i-shrank-my-css-by-84kb-by-refactoring-with-itcss-2e8dafee123a#.tbp9yocm3 for details.
+ */

data/_sass/meliora/_trumps.scss

@@ -0,0 +1,48 @@
+/*
+ * Trumps (no relation). These are styles that override other styles, and should be used very sparingly. Color overrides, forced floats, and text alignment classes can go here. This is the only place in your CSS that the `!important` tag is acceptable.
+ * See https://medium.com/@jordankoschei/how-i-shrank-my-css-by-84kb-by-refactoring-with-itcss-2e8dafee123a#.tbp9yocm3 for details.
+ */
+
+@media all and (min-width:640px) {
+  html {
+    background: $material50;
+  }
+  
+  body {
+    border: 2px solid $material500;
+  }
+
+  .flat_nav_menu {
+    ul {
+      li {
+        display: inline-block !important;
+        margin-right: .5rem !important;
+        line-height: $lineHeight !important;
+        a {
+          display: block !important;
+        }
+      }
+    }
+  }
+}
+
+img.emoji {
+  border: none !important;
+}
+
+@media print { 
+  body {
+    font-family: $systemSerif !important;
+    font-size: $printFontSize !important;
+    line-height: $printLineHeight !important;
+    max-width: 100%;
+    margin: auto;
+    padding: auto;
+    color: $materialBlack;
+    background-color: $materialWhite;
+  }
+
+  #top_link { 
+    display: none; 
+  } 
+}

data/_sass/meliora/themes/blue.scss

@@ -0,0 +1,17 @@
+// BLUE color scheme taken from Google's Material Design.
+// https://material.io/guidelines/style/color.html#color-color-palette
+
+$material50: #e3f2fd;
+$material100: #bbdefb;
+$material200: #90caf9;
+$material300: #64b5f6;
+$material400: #42a5f5;
+$material500: #2196f3;
+$material600: #1e88e5;
+$material700: #1976d2;
+$material800: #1565c0;
+$material900: #0d47a1;
+$materialA100: #82b1ff;
+$materialA200: #448aff;
+$materialA400: #2979ff;
+$materialA700: #2962ff;

data/_sass/meliora/themes/bluegray.scss

@@ -0,0 +1,18 @@
+// BLUE GRAY color scheme taken from Google's Material Design.
+// https://material.io/guidelines/style/color.html#color-color-palette
+
+$material50: #eceff1;
+$material100: #cfd8dc;
+$material200: #b0bec5;
+$material300: #90a4ae;
+$material400: #78909c;
+$material500: #607d8b;
+$material600: #546e7a;
+$material700: #455a64;
+$material800: #37474f;
+$material900: #263238;
+// Google didn't define accent colors for this color scheme.
+$materialA100: $material200;
+$materialA200: $material300;
+$materialA400: $material500;
+$materialA700: $material800;

data/_sass/meliora/themes/cyan.scss

@@ -0,0 +1,17 @@
+// CYAN color scheme taken from Google's Material Design.
+// https://material.io/guidelines/style/color.html#color-color-palette
+
+$material50: #e0f7fa;
+$material100: #b2ebf2;
+$material200: #80deea;
+$material300: #4dd0e1;
+$material400: #26c6da;
+$material500: #00bcd4;
+$material600: #00acc1;
+$material700: #0097a7;
+$material800: #00838f;
+$material900: #006064;
+$materialA100: #84ffff;
+$materialA200: #18ffff;
+$materialA400: #00e5ff;
+$materialA700: #00b8d4;

data/_sass/meliora/themes/deeporange.scss

@@ -0,0 +1,17 @@
+// DEEP ORANGE color scheme taken from Google's Material Design.
+// https://material.io/guidelines/style/color.html#color-color-palette
+
+$material50: #fbe9e7;
+$material100: #ffccbc;
+$material200: #ffab91;
+$material300: #ff8a65;
+$material400: #ff7043;
+$material500: #ff5722;
+$material600: #f4511e;
+$material700: #e64a19;
+$material800: #d84315;
+$material900: #bf360c;
+$materialA100: #ff9e80;
+$materialA200: #ff6e40;
+$materialA400: #ff3d00;
+$materialA700: #dd2c00;

data/_sass/meliora/themes/deeppurple.scss

@@ -0,0 +1,17 @@
+// DEEP PURPLE color scheme taken from Google's Material Design.
+// https://material.io/guidelines/style/color.html: #color-color-palette
+
+$material50: #ede7f6;
+$material100: #d1c4e9;
+$material200: #b39ddb;
+$material300: #9575cd;
+$material400: #7e57c2;
+$material500: #673ab7;
+$material600: #5e35b1;
+$material700: #512da8;
+$material800: #4527a0;
+$material900: #311b92;
+$materialA100: #b388ff;
+$materialA200: #7c4dff;
+$materialA400: #651fff;
+$materialA700: #6200ea;

data/_sass/meliora/themes/default.scss

@@ -0,0 +1,17 @@
+// BLUE color scheme taken from Google's Material Design.
+// https://material.io/guidelines/style/color.html#color-color-palette
+
+$material50: #e3f2fd;
+$material100: #bbdefb;
+$material200: #90caf9;
+$material300: #64b5f6;
+$material400: #42a5f5;
+$material500: #2196f3;
+$material600: #1e88e5;
+$material700: #1976d2;
+$material800: #1565c0;
+$material900: #0d47a1;
+$materialA100: #82b1ff;
+$materialA200: #448aff;
+$materialA400: #2979ff;
+$materialA700: #2962ff;

data/_sass/meliora/themes/green.scss

@@ -0,0 +1,17 @@
+// RED color scheme taken from Google's Material Design.
+// https://material.io/guidelines/style/color.html: #color-color-palette
+
+$material50: #e8f5e9;
+$material100: #c8e6c9;
+$material200: #a5d6a7;
+$material300: #81c784;
+$material400: #66bb6a;
+$material500: #4caf50;
+$material600: #43a047;
+$material700: #388e3c;
+$material800: #2e7d32;
+$material900: #1b5e20;
+$materialA100: #b9f6ca;
+$materialA200: #69f0ae;
+$materialA400: #00e676;
+$materialA700: #00c853;

data/_sass/meliora/themes/indigo.scss

@@ -0,0 +1,17 @@
+// DEEP PURPLE color scheme taken from Google's Material Design.
+// https://material.io/guidelines/style/color.html: : #color-color-palette
+
+$material50: #e8eaf6;
+$material100: #c5cae9;
+$material200: #9fa8da;
+$material300: #7986cb;
+$material400: #5c6bc0;
+$material500: #3f51b5;
+$material600: #3949ab;
+$material700: #303f9f;
+$material800: #283593;
+$material900: #1a237e;
+$materialA100: #8c9eff;
+$materialA200: #536dfe;
+$materialA400: #3d5afe;
+$materialA700: #304ffe;

data/_sass/meliora/themes/lightblue.scss

@@ -0,0 +1,17 @@
+// LIGHT BLUE color scheme taken from Google's Material Design.
+// https://material.io/guidelines/style/color.html#color-color-palette
+
+$material50: #e1f5fe;
+$material100: #b3e5fc;
+$material200: #81d4fa;
+$material300: #4fc3f7;
+$material400: #29b6f6;
+$material500: #03a9f4;
+$material600: #039be5;
+$material700: #0288d1;
+$material800: #0277bd;
+$material900: #01579b;
+$materialA100: #80d8ff;
+$materialA200: #40c4ff;
+$materialA400: #00b0ff;
+$materialA700: #0091ea;

data/_sass/meliora/themes/orange.scss

@@ -0,0 +1,17 @@
+// BLUE color scheme taken from Google's Material Design.
+// https://material.io/guidelines/style/color.html#color-color-palette
+
+$material50: #fff3e0;
+$material100: #ffe0b2;
+$material200: #ffcc80;
+$material300: #ffb74d;
+$material400: #ffa726;
+$material500: #ff9800;
+$material600: #fb8c00;
+$material700: #f57c00;
+$material800: #ef6c00;
+$material900: #e65100;
+$materialA100: #ffd180;
+$materialA200: #ffab40;
+$materialA400: #ff9100;
+$materialA700: #ff6d00;

data/_sass/meliora/themes/pink.scss

@@ -0,0 +1,17 @@
+// PINK color scheme taken from Google's Material Design.
+// https://material.io/guidelines/style/color.html#color-color-palette
+
+$material50: #fce4ec;
+$material100: #f8bbd0;
+$material200: #f48fb1;
+$material300: #f06292;
+$material400: #ec407a;
+$material500: #e91e63;
+$material600: #d81b60;
+$material700: #c2185b;
+$material800: #ad1457;
+$material900: #880e4f;
+$materialA100: #ff80ab;
+$materialA200: #ff4081;
+$materialA400: #f50057;
+$materialA700: #c51162;

data/_sass/meliora/themes/purple.scss

@@ -0,0 +1,17 @@
+// PURPLE color scheme taken from Google's Material Design.
+// https://material.io/guidelines/style/color.html#color-color-palette
+
+$material50: #f3e5f5;
+$material100: #e1bee7;
+$material200: #ce93d8;
+$material300: #ba68c8;
+$material400: #ab47bc;
+$material500: #9c27b0;
+$material600: #8e24aa;
+$material700: #7b1fa2;
+$material800: #6a1b9a;
+$material900: #4a148c;
+$materialA100: #ea80fc;
+$materialA200: #e040fb;
+$materialA400: #d500f9;
+$materialA700: #aa00ff;

data/_sass/meliora/themes/red.scss

@@ -0,0 +1,17 @@
+// RED color scheme taken from Google's Material Design.
+// https://material.io/guidelines/style/color.html#color-color-palette
+
+$material50: #ffebee;
+$material100: #ffcdd2;
+$material200: #ef9a9a;
+$material300: #e57373;
+$material400: #ef5350;
+$material500: #f44336;
+$material600: #e53935;
+$material700: #d32f2f;
+$material800: #c62828;
+$material900: #b71c1c;
+$materialA100: #ff8a80;
+$materialA200: #ff5252;
+$materialA400: #ff1744;
+$materialA700: #d50000;

data/_sass/meliora/themes/teal.scss

@@ -0,0 +1,17 @@
+// TEAL color scheme taken from Google's Material Design.
+// https://material.io/guidelines/style/color.html#color-color-palette
+
+$material50: #e0f2f1;
+$material100: #b2dfdb;
+$material200: #80cbc4;
+$material300: #4db6ac;
+$material400: #26a69a;
+$material500: #009688;
+$material600: #00897b;
+$material700: #00796b;
+$material800: #00695c;
+$material900: #004d40;
+$materialA100: #a7ffeb;
+$materialA200: #64ffda;
+$materialA400: #1de9b6;
+$materialA700: #00bfa5;

data/assets/css/highlightjs/xcode.css

@@ -0,0 +1,93 @@
+/*
+
+XCode style (c) Angel Garcia <angelgarcia.mail@gmail.com>
+
+*/
+
+.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 0.5em;
+  background: #fff;
+  color: black;
+}
+
+.hljs-comment,
+.hljs-quote {
+  color: #006a00;
+}
+
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-literal {
+  color: #aa0d91;
+}
+
+.hljs-name {
+  color: #008;
+}
+
+.hljs-variable,
+.hljs-template-variable {
+  color: #660;
+}
+
+.hljs-string {
+  color: #c41a16;
+}
+
+.hljs-regexp,
+.hljs-link {
+  color: #080;
+}
+
+.hljs-title,
+.hljs-tag,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-number,
+.hljs-meta {
+  color: #1c00cf;
+}
+
+.hljs-section,
+.hljs-class .hljs-title,
+.hljs-type,
+.hljs-attr,
+.hljs-built_in,
+.hljs-builtin-name,
+.hljs-params {
+  color: #5c2699;
+}
+
+.hljs-attribute,
+.hljs-subst {
+  color: #000;
+}
+
+.hljs-formula {
+  background-color: #eee;
+  font-style: italic;
+}
+
+.hljs-addition {
+  background-color: #baeeba;
+}
+
+.hljs-deletion {
+  background-color: #ffc8bd;
+}
+
+.hljs-selector-id,
+.hljs-selector-class {
+  color: #9b703f;
+}
+
+.hljs-doctag,
+.hljs-strong {
+  font-weight: bold;
+}
+
+.hljs-emphasis {
+  font-style: italic;
+}