Merge pull request #651 from srobo/improve-syntax-highlighting

Improve syntax highlighting

Author: RealOrangeOne

.gitignore

@@ -4,3 +4,4 @@ _site
 .jekyll-metadata
 .bundle
 node_modules/
+_sass/_syntax-highlighting.scss

Rakefile

@@ -34,11 +34,16 @@ end
 
 task :submodules => ['_sass/brand/.git']
 
-task :dev => [:dependencies, :submodules] do
+task :styles => [:dependencies] do
+  highlight_css = `bundle exec rougify style github`.strip()
+  File.write("_sass/_syntax-highlighting.scss", highlight_css)
+end
+
+task :dev => [:dependencies, :submodules, :styles] do
   sh('bundle exec jekyll serve --host 0.0.0.0 --drafts --config _config.yml,_dev.yml')
 end
 
-task :build => [:dependencies, :submodules] do
+task :build => [:dependencies, :submodules, :styles] do
   sh('bundle exec jekyll build --config _config.yml')
 end
 

_sass/_syntax-highlighting.scss

@@ -33,11 +33,17 @@
   }
 }
 
-.highlight {
-  padding: 1rem;
+pre.highlight {
+  padding: 1.5rem;
 }
 
 .centered-content {
   display: flex;
   justify-content: center;
 }
+
+code.highlighter-rouge {
+  @extend .highlight;
+
+  padding: 0.1rem;
+}