Use jekyll-postcss-v2 to prune tailwind using _site

imustafin · Jun 18, 2024 · 4c749ff · 4c749ff
1 parent 0173f1a
commit 4c749ff
Show file tree

Hide file tree

Showing 8 changed files with 398 additions and 241 deletions.
diff --git a/Gemfile b/Gemfile
@@ -5,7 +5,7 @@ git_source(:github) { |repo| "https://github.com/#{repo}.git" }
 gem 'jekyll', '~> 4.3', '>= 4.3.3'
 
 group :jekyll_plugins do
-  gem 'jekyll-postcss', '~> 0.5.0'
+  gem 'jekyll-postcss-v2', '~> 1.0', '>= 1.0.2'
   gem 'jekyll-seo-tag',
     github: 'imustafin/jekyll-seo-tag'
   # path: '/home/ilgiz/jekyll-seo-tag'

diff --git a/Gemfile.lock b/Gemfile.lock
@@ -49,7 +49,7 @@ GEM
       jekyll (>= 2.0, < 5.0)
     jekyll-plantuml (1.4.2)
       jekyll (> 2.0)
-    jekyll-postcss (0.5.0)
+    jekyll-postcss-v2 (1.0.2)
     jekyll-redirect-from (0.16.0)
       jekyll (>= 3.3, < 5.0)
     jekyll-sass-converter (3.0.0)
@@ -136,7 +136,7 @@ DEPENDENCIES
   jekyll (~> 4.3, >= 4.3.3)
   jekyll-node-module (~> 0.1.3)
   jekyll-plantuml (~> 1.4, >= 1.4.2)
-  jekyll-postcss (~> 0.5.0)
+  jekyll-postcss-v2 (~> 1.0, >= 1.0.2)
   jekyll-redirect-from (~> 0.16.0)
   jekyll-seo-tag!
   jekyll_picture_tag (~> 2.1)

diff --git a/_config.yml b/_config.yml
@@ -14,17 +14,14 @@ markdown: kramdown
 plugins:
   - jekyll-redirect-from
   - jekyll-plantuml
-  - jekyll-postcss
+  - jekyll-postcss-v2
   - jekyll-node-module
 
 node_modules:
   copy:
     - source: '@fontsource-variable/roboto-slab/files'
       target: 'assets/css/files'
 
-postcss:
-  cache: false
-
 redirect_from:
   json: false
 

diff --git a/assets/css/main.css b/assets/css/main.css
@@ -3,8 +3,6 @@ include_in_sitemap: false
 ---
 @import "@fontsource-variable/roboto-slab";
 
-@import "assets/css/rouge-github.css";
-
 object.plantuml {
 		@apply max-w-full;
 		@apply mx-auto;
@@ -23,3 +21,216 @@ object.plantuml {
         @apply text-clink;
     }
 }
+
+@layer components {
+    /* Rouge github theme */
+    .highlight table td { padding: 5px; }
+    .highlight table pre { margin: 0; }
+    .highlight .cm {
+        color: #999988;
+        font-style: italic;
+    }
+    .highlight .cp {
+        color: #999999;
+        font-weight: bold;
+    }
+    .highlight .c1 {
+        color: #999988;
+        font-style: italic;
+    }
+    .highlight .cs {
+        color: #999999;
+        font-weight: bold;
+        font-style: italic;
+    }
+    .highlight .c, .highlight .cd {
+        color: #999988;
+        font-style: italic;
+    }
+    .highlight .err {
+        color: #a61717;
+        background-color: #e3d2d2;
+    }
+    .highlight .gd {
+        color: #000000;
+        background-color: #ffdddd;
+    }
+    .highlight .ge {
+        color: #000000;
+        font-style: italic;
+    }
+    .highlight .gr {
+        color: #aa0000;
+    }
+    .highlight .gh {
+        color: #999999;
+    }
+    .highlight .gi {
+        color: #000000;
+        background-color: #ddffdd;
+    }
+    .highlight .go {
+        color: #888888;
+    }
+    .highlight .gp {
+        color: #555555;
+    }
+    .highlight .gs {
+        font-weight: bold;
+    }
+    .highlight .gu {
+        color: #aaaaaa;
+    }
+    .highlight .gt {
+        color: #aa0000;
+    }
+    .highlight .kc {
+        color: #000000;
+        font-weight: bold;
+    }
+    .highlight .kd {
+        color: #000000;
+        font-weight: bold;
+    }
+    .highlight .kn {
+        color: #000000;
+        font-weight: bold;
+    }
+    .highlight .kp {
+        color: #000000;
+        font-weight: bold;
+    }
+    .highlight .kr {
+        color: #000000;
+        font-weight: bold;
+    }
+    .highlight .kt {
+        color: #445588;
+        font-weight: bold;
+    }
+    .highlight .k, .highlight .kv {
+        color: #000000;
+        font-weight: bold;
+    }
+    .highlight .mf {
+        color: #009999;
+    }
+    .highlight .mh {
+        color: #009999;
+    }
+    .highlight .il {
+        color: #009999;
+    }
+    .highlight .mi {
+        color: #009999;
+    }
+    .highlight .mo {
+        color: #009999;
+    }
+    .highlight .m, .highlight .mb, .highlight .mx {
+        color: #009999;
+    }
+    .highlight .sb {
+        color: #d14;
+    }
+    .highlight .sc {
+        color: #d14;
+    }
+    .highlight .sd {
+        color: #d14;
+    }
+    .highlight .s2 {
+        color: #d14;
+    }
+    .highlight .se {
+        color: #d14;
+    }
+    .highlight .sh {
+        color: #d14;
+    }
+    .highlight .si {
+        color: #d14;
+    }
+    .highlight .sx {
+        color: #d14;
+    }
+    .highlight .sr {
+        color: #009926;
+    }
+    .highlight .s1 {
+        color: #d14;
+    }
+    .highlight .ss {
+        color: #990073;
+    }
+    .highlight .s {
+        color: #d14;
+    }
+    .highlight .na {
+        color: #008080;
+    }
+    .highlight .bp {
+        color: #999999;
+    }
+    .highlight .nb {
+        color: #0086B3;
+    }
+    .highlight .nc {
+        color: #445588;
+        font-weight: bold;
+    }
+    .highlight .no {
+        color: #008080;
+    }
+    .highlight .nd {
+        color: #3c5d5d;
+        font-weight: bold;
+    }
+    .highlight .ni {
+        color: #800080;
+    }
+    .highlight .ne {
+        color: #990000;
+        font-weight: bold;
+    }
+    .highlight .nf {
+        color: #990000;
+        font-weight: bold;
+    }
+    .highlight .nl {
+        color: #990000;
+        font-weight: bold;
+    }
+    .highlight .nn {
+        color: #555555;
+    }
+    .highlight .nt {
+        color: #000080;
+    }
+    .highlight .vc {
+        color: #008080;
+    }
+    .highlight .vg {
+        color: #008080;
+    }
+    .highlight .vi {
+        color: #008080;
+    }
+    .highlight .nv {
+        color: #008080;
+    }
+    .highlight .ow {
+        color: #000000;
+        font-weight: bold;
+    }
+    .highlight .o {
+        color: #000000;
+        font-weight: bold;
+    }
+    .highlight .w {
+        color: #bbbbbb;
+    }
+    .highlight {
+        background-color: #f8f8f8;
+    }
+}