jekyll-theme-miniplex 0.7.1 → 0.8.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 3c0ff535ae019cf3fdeb97f38051550e5042a59dda0bab336c1fabc5db126659
-  data.tar.gz: a5196eb5ba50ab386c0b58d48f81b2367a013ca229538f8ee7d98341123822a3
+  metadata.gz: fde535edcf774642151e8c9ae4db5b81647555899c89f43b79d669a3d80599a6
+  data.tar.gz: bc7b87fd18b91716feaafacf6ff414af19912c32743300736877463b9bb1659e
 SHA512:
-  metadata.gz: 519694b13d6df1d75435836f9c11cf401f866076dbbffaf29479ad6fe60a6021719f904db5875284ef3e3fd5ee658bb43f66b823ff1988193b67c711a1423f41
-  data.tar.gz: c2aad8e454b456c7be57ae481e328a5a793911edff3adeb3f5b5b60a0e0cb7231abb04d5f8559e2894683d7f632bf4f1250e2d57334bb70f0b2ad3c60d161af0
+  metadata.gz: e3c849bf41b224d2946e6d859e827b71f77e26149187b053783f6befb22f575416fa6c47ffb9f6bf34ec80709211c8bba033080f1a4a56f426099ed26f28a043
+  data.tar.gz: f82681cb7a422ebd20bacdb3c434fb693fa5c1a246b4dc0f196d95f140322052f23e1ceed7fab38eee9196b47986b1173d1cdf788105d23c1e5ef8c1538074a4

data/README.md

@@ -63,8 +63,8 @@ miniplex:
 
 ## ToDos & Missing Features
 
-- [ ] Print CSS
 - [ ] Dark mode
+  - https://css-tricks.com/a-complete-guide-to-dark-mode-on-the-web/#aa-using-a-body-class
 - [ ] In-page navigation
 - [ ] Footer
 - [ ] Maximizable tables
@@ -76,6 +76,7 @@ miniplex:
 
 Most recent at the top.
 
+- [X] Print CSS
 - [X] Mobile nav bugfixing
 - [X] Post author & date flexibility
 - [X] Add a post's date to the page layout, or to a separate post layout

data/_sass/jekyll-theme-miniplex.sass

@@ -73,6 +73,10 @@ $large_breakpoint: $medium_breakpoint + $large_minimum_left_navigation_width + 2
   @media screen and (min-width: $medium_table_breakpoint)
     @content
 
+@mixin print_mode
+  @media print
+    @content
+
 // Creates a CSS property with separate values depending on the mode/breakpoint. 
 // Modes "xs", "s", "m" and "l" are available as keyword arguments. Examples:
 //
@@ -198,10 +202,16 @@ $group_color_level_2: #dddddd
 
 @mixin default_font
   font-family: IBMPlexSans
-  @include responsive_property(font-size, $xs: 0.875 * $unit, $s: 1 * $unit, $m: 1.125 * $unit, $otherwise: 1.125 * $unit)
+  color: $primary_foreground_color
   font-weight: normal
+
+  @include responsive_property(font-size, $xs: 0.875 * $unit, $s: 1 * $unit, $m: 1.125 * $unit, $otherwise: 1.125 * $unit)
+  @include print_mode
+    font-size: 0.875 * $unit
+  
   @include responsive_property(line-height, $xs: $extrasmall_line_height, $s: $small_line_height, $m: $medium_line_height, $otherwise: $medium_line_height)
-  color: $primary_foreground_color
+  @include print_mode
+    line-height: $extrasmall_line_height
 
 @mixin title_font
   font-family: IBMPlexMono
@@ -286,20 +296,30 @@ body
         margin-top: $medium_maximum_horizontal_margin
         margin-bottom: $medium_maximum_horizontal_margin
 
+      @include print_mode
+        width: 15cm
+        margin-top: 0cm
+        margin-left: auto
+        margin-right: auto
+
       p
         @include default_font      
         @include responsive_property(margin-bottom, $xs: 0.75 * $unit, $s: 0.875 * $unit, $m: 1 * $unit, $otherwise:1 * $unit)
+        @include print_mode
+          margin-bottom: 0.625 * $unit
+
       
       strong, b
         font-weight: bold
         color: $heading_foreground_color
 
-        
       em, i
         font-style: italic
 
       small
         @include responsive_property(font-size, $xs: 0.625 * $unit, $s: 0.75 * $unit, $m: 0.875 * $unit, $otherwise: 0.875 * $unit)
+        @include print_mode
+          font-size: 0.625 * $unit
         color: $accent_color_1
         
       a
@@ -308,11 +328,21 @@ body
         text-decoration: none
         padding-left: math.div($unit, 4)
         padding-right: math.div($unit, 4)
+
+        @include print_mode
+          text-decoration: underline
+          word-wrap: break-word
+          &:after
+            content: " (" attr(href) ")"
         
       h1
         @include title_font
         @include responsive_property(font-size, $xs: 1.75 * $unit, $s: 2 * $unit, $m: 2.25 * $unit, $otherwise:2.25 * $unit)
         @include responsive_property(margin-bottom, $xs: 1.5 * $unit, $s: 1.75 * $unit, $m: 2 * $unit, $otherwise: 2 * $unit)
+        @include print_mode
+          font-size: 1.75 * $unit
+          margin-bottom: 1.5 * $unit
+
         
       h2
         @include heading_font
@@ -320,6 +350,11 @@ body
         @include responsive_property(font-size, $xs: 1.25 * $unit, $s: 1.5 * $unit, $m: 1.75 * $unit, $otherwise: 1.75 * $unit)
         @include responsive_property(margin-top, $xs: 1.5 * $unit, $s: 1.75 * $unit, $m: 2 * $unit, $otherwise: 2 * $unit)
         @include responsive_property(margin-bottom, $xs: 0.75 * $unit, $s: 0.875 * $unit, $m: 1 * $unit, $otherwise: 1 * $unit)
+        @include print_mode
+          font-size: 1.25 * $unit
+          margin-top: 1.5 * $unit
+          margin-bottom: 0.75 * $unit
+          page-break-after: avoid
         
       h3
         @include heading_font
@@ -328,6 +363,11 @@ body
         @include responsive_property(font-size, $xs: 1.125 * $unit, $s: 1.25 * $unit, $m: 1.5 * $unit, $otherwise: 1.5 * $unit)
         @include responsive_property(margin-top, $xs: 0.75 * $unit, $s: 0.875 * $unit, $m: 1 * $unit, $otherwise: 1 * $unit)
         @include responsive_property(margin-bottom, $xs: 0.75 * $unit, $s: 0.875 * $unit, $m: 1 * $unit, $otherwise: 1 * $unit)
+        @include print_mode
+          font-size: 1.125 * $unit
+          margin-top: 0.75 * $unit
+          margin-bottom: 0.75 * $unit
+          page-break-after: avoid
         
       h4
         @include heading_font
@@ -335,6 +375,11 @@ body
         @include responsive_property(font-size, $xs: 1 * $unit, $s: 1.125 * $unit, $m: 1.25 * $unit, $otherwise: 1.25 * $unit)
         @include responsive_property(margin-top, $xs: 0.75 * $unit, $s: 0.875 * $unit, $m: 1 * $unit, $otherwise: 1 * $unit)
         @include responsive_property(margin-bottom, $xs: 0.75 * $unit, $s: 0.875 * $unit, $m: 1 * $unit, $otherwise: 1 * $unit)
+        @include print_mode
+          font-size: 1 * $unit
+          margin-top: 0.75 * $unit
+          margin-bottom: 0.75 * $unit
+          page-break-after: avoid
         
       h5
         @include heading_font
@@ -342,6 +387,11 @@ body
         @include responsive_property(font-size, $xs: 0.75 * $unit, $s: 0.875 * $unit, $m: 1 * $unit, $otherwise: 1 * $unit)
         @include responsive_property(margin-top, $xs: 0.75 * $unit, $s: 0.875 * $unit, $m: 1 * $unit, $otherwise: 1 * $unit)
         @include responsive_property(margin-bottom, $xs: 0.75 * $unit, $s: 0.875 * $unit, $m: 1 * $unit, $otherwise: 1 * $unit)
+        @include print_mode
+          font-size: 0.75 * $unit
+          margin-top: 0.75 * $unit
+          margin-bottom: 0.75 * $unit
+          page-break-after: avoid
 
       h6
         @include heading_font
@@ -349,6 +399,11 @@ body
         @include responsive_property(font-size, $xs: 0.625 * $unit, $s: 0.75 * $unit, $m: 0.875 * $unit, $otherwise: 0.875 * $unit)
         @include responsive_property(margin-top, $xs: 0.625 * $unit, $s: 0.75 * $unit, $m: 0.875 * $unit, $otherwise: 0.875 * $unit)
         @include responsive_property(margin-bottom, $xs: 0.625 * $unit, $s: 0.75 * $unit, $m: 0.875 * $unit, $otherwise: 0.875 * $unit)
+        @include print_mode
+          font-size: 0.625 * $unit
+          margin-top: 0.625 * $unit
+          margin-bottom: 0.625 * $unit
+          page-break-after: avoid
 
       hr
         border: 0
@@ -399,7 +454,9 @@ body
 
       // List items
       li
-        margin-bottom: math.div($unit, 2)
+        @include responsive_property(margin-bottom, $xs: 0.25 * $unit, $s: 0.25 * $unit, $m: 0.5 * $unit, $otherwise: 0.5 * $unit)
+        @include print_mode
+          margin-bottom: 0.25 * $unit
         
       img
         max-width: 100%
@@ -503,6 +560,23 @@ body
           tbody
             td
               @include responsive_property(padding, $xs: math.div($unit, 8), $s: math.div($unit, 4), $m: math.div($unit, 2), $otherwise: math.div($unit, 2))
+
+        @include print_mode
+          margin-bottom: 2 * $unit
+          font-size: 0.875 * $unit
+          margin-left: auto
+          margin-right: auto
+
+          thead
+            th
+              font-weight: bold
+              text-align: left
+              background-color: $group_color_level_2
+              padding: math.div($unit, 2)
+
+          tbody
+            td
+              padding: math.div($unit, 2)
               
     // Desktop Navigation
     nav#navigation-desktop
@@ -518,6 +592,10 @@ body
       // Hide if below large mode  
       @include below_large_mode
         display: none
+
+      // Hide when printing
+      @include print_mode
+        display: none
     
       // Left Navigation styles
       @include linear_responsive_property("padding-left", $large_breakpoint, $unit, $large_breakpoint + 8 * $unit, 8 * $unit)
@@ -636,6 +714,9 @@ body
     nav#navigation-mobile
       position: sticky
 
+      @include print_mode
+        display: none
+
     // Mobile Navigation, closed state
     nav#navigation-mobile[data-state="closed"]
       #transparent-nav-close-area

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-theme-miniplex
 version: !ruby/object:Gem::Version
-  version: 0.7.1
+  version: 0.8.0
 platform: ruby
 authors:
 - Timo Würsch
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2023-02-22 00:00:00.000000000 Z
+date: 2023-02-23 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll