syntax highlight

2 files changed, 263 insertions, 1 deletions

diff --git a/sass/_parts.scss b/sass/_parts.scss
index 7069d84..014c8c3 100644
--- a/sass/_parts.scss
+++ b/sass/_parts.scss
@@ -2,4 +2,5 @@
 @import "parts/banner";
 @import "parts/index";
 @import "parts/article";
-@import "parts/footer";
\ No newline at end of file
+@import "parts/footer";
+@import "parts/syntax";
\ No newline at end of file
diff --git a/sass/parts/_syntax.scss b/sass/parts/_syntax.scss
new file mode 100644
index 0000000..18df546
--- /dev/null
+++ b/sass/parts/_syntax.scss
@@ -0,0 +1,261 @@
+$base03:          #002b36 !default; //darkest blue
+$base02:          #073642 !default; //dark blue
+$base01:          #586e75 !default; //darkest gray
+$base00:          #657b83 !default; //dark gray
+$base0:           #839496 !default; //medium gray
+$base1:           #93a1a1 !default; //medium light gray
+$base2:           #eee8d5 !default; //cream
+$base3:           #fdf6e3 !default; //white
+$solar-yellow:    #b58900 !default;
+$solar-orange:    #cb4b16 !default;
+$solar-red:       #dc322f !default;
+$solar-magenta:   #d33682 !default;
+$solar-violet:    #6c71c4 !default;
+$solar-blue:      #268bd2 !default;
+$solar-cyan:      #2aa198 !default;
+$solar-green:     #859900 !default;
+
+$solarized: dark !default;
+
+@if $solarized == light {
+
+  $_base03: $base03;
+  $_base02: $base02;
+  $_base01: $base01;
+  $_base00: $base00;
+  $_base0:  $base0;
+  $_base1:  $base1;
+  $_base2:  $base2;
+  $_base3:  $base3;
+
+  $base03:  $_base3;
+  $base02:  $_base2;
+  $base01:  $_base1;
+  $base00:  $_base0;
+  $base0:   $_base00;
+  $base1:   $_base01;
+  $base2:   $_base02;
+  $base3:   $_base03;
+}
+
+/* non highlighted code colors */
+$pre-bg: $base03 !default;
+$pre-border: darken($base02, 5) !default;
+$pre-color: $base1 !default;
+
+figure.code{
+	.c {
+		color:$base01 !important;
+		font-style: italic !important;
+	}
+	/* Comment */
+	.cm {
+		color:$base01 !important;
+		font-style: italic !important;
+	}
+	/* Comment.Multiline */
+	.cp {
+		color:$base01 !important;
+		font-style: italic !important;
+	}
+	/* Comment.Preproc */
+	.c1 {
+		color:$base01 !important;
+		font-style: italic !important;
+	}
+	/* Comment.Single */
+	.cs {
+		color:$base01 !important;
+		font-weight:bold !important;
+		font-style: italic !important;
+	}
+	/* Comment.Special */
+	.err {
+		color:$solar-red !important;
+		background: none !important;
+	}
+	/* Error */
+	.k {
+		color: $solar-orange !important;
+	}
+	/* Keyword */
+	.o {
+		color:$base1 !important;
+		font-weight: bold !important;
+	}
+	/* Operator */
+	.p {
+		color: $base1 !important;
+	}
+	/* Operator */
+	.ow {
+		color:$solar-cyan !important;
+		font-weight: bold !important;
+	}
+	/* Operator.Word */
+	.gd {
+		color:$base1 !important;
+		background-color:mix($solar-red,$base03,25%) !important;
+		display: inline-block;
+	}
+	/* Generic.Deleted */
+	.gd .x {
+		color:$base1 !important;
+		background-color:mix($solar-red,$base03,35%) !important;
+		display: inline-block;
+	}
+	/* Generic.Deleted.Specific */
+	.ge {
+		color:$base1 !important;
+		font-style: italic !important;
+	}
+	/* Generic.Emph */
+	.gh {
+		color: $base01 !important;
+	}
+	/* Generic.Heading */
+	.gi {
+		color:$base1 !important;
+		background-color:mix($solar-green,$base03,20%) !important;
+		display: inline-block;
+	}
+	/* Generic.Inserted */
+	.gi .x {
+		color:$base1 !important;
+		background-color:mix($solar-green,$base03,40%) !important;
+		display: inline-block;
+	}
+	/* Generic.Inserted.Specific */
+	.gs {
+		color:$base1 !important;
+		font-weight: bold !important;
+	}
+	/* Generic.Strong */
+	.gu {
+		color: $solar-violet !important;
+	}
+	/* Generic.Subheading */
+	.kc {
+		color:$solar-green !important;
+		font-weight: bold !important;
+	}
+	/* Keyword.Constant */
+	.kd {
+		color: $solar-blue !important;
+	}
+	/* Keyword.Declaration */
+	.kp {
+		color:$solar-orange !important;
+		font-weight: bold !important;
+	}
+	/* Keyword.Pseudo */
+	.kr {
+		color:$solar-magenta !important;
+		font-weight: bold !important;
+	}
+	/* Keyword.Reserved */
+	.kt {
+		color: $solar-cyan !important;
+	}
+	/* Keyword.Type */
+	.n {
+		color:$solar-blue !important;
+	}
+	.na {
+		color: $solar-blue !important;
+	}
+	/* Name.Attribute */
+	.nb {
+		color: $solar-green !important;
+	}
+	/* Name.Builtin */
+	.nc {
+		color: $solar-magenta !important;
+	}
+	/* Name.Class */
+	.no {
+		color: $solar-yellow !important;
+	}
+	/* Name.Constant */
+	.nl {
+		color:$solar-green !important;
+	}
+	.ne {
+		color:$solar-blue !important;
+		font-weight: bold !important;
+	}
+	/* Name.Exception */
+	.nf {
+		color:$solar-blue !important;
+		font-weight: bold !important;
+	}
+	/* Name.Function */
+	.nn {
+		color: $solar-yellow !important;
+	}
+	/* Name.Namespace */
+	.nt {
+		color:$solar-blue !important;
+		font-weight: bold !important;
+	}
+	/* Name.Tag */
+	.nx {
+		color:$solar-yellow !Important;
+	}
+	.vg {
+		color: $solar-blue !important;
+	}
+	/* Name.Variable.Global */
+	.vi {
+		color: $solar-blue !important;
+	}
+	/* Name.Variable.Instance */
+	.nv {
+		color: $solar-blue !important;
+	}
+	/* Name.Variable */
+	.mf {
+		color: $solar-cyan !important;
+	}
+	/* Literal.Number.Float */
+	.m {
+		color: $solar-cyan !important;
+	}
+	/* Literal.Number */
+	.mh {
+		color: $solar-cyan !important;
+	}
+	/* Literal.Number.Hex */
+	.mi {
+		color: $solar-cyan !important;
+	}
+	/* Literal.Number.Integer */
+	.s {
+		color: $solar-cyan !important;
+	}
+	/* Literal.String */
+	.sd {
+		color: $solar-cyan !important;
+	}
+	/* Literal.String.Doc */
+	.s2 {
+		color: $solar-cyan !important;
+	}
+	/* Literal.String.Double */
+	.se {
+		color: $solar-red !important;
+	}
+	/* Literal.String.Escape */
+	.si {
+		color: $solar-blue !important;
+	}
+	/* Literal.String.Interpol */
+	.sr {
+		color: $solar-cyan !important;
+	}
+	/* Literal.String.Regex */
+	.s1 {
+		color: $solar-cyan !important;
+	}
+	/* Literal.String.Single */
+}
\ No newline at end of file