2 files changed, 19 insertions(+), 7 deletions(-)

M froghat.ca/2023/12/selinux/index.rst
M static/css/meme.sass

@@ 111,8 111,7 @@ If Fedora shipped selinux permissive by default and allowed me to opt-in specifi
 
 As far as I can tell, the security selinux provides is job security for system administrators using it to create fragile complex systems that require specialized knowledge to maintain.
 
-.. .. class:: full-width
-
+.. class:: full-bleed
 .. figure:: sleepyfox.jpg
 
     slepey fox -- `photographed by Mark Dumont <https://www.flickr.com/photos/wcdumonts/40602952543>`__ -- did you know this fox has never heard of selinux? look how soundly he snoozes :nowrap:`🦊💤`

@@ 188,12 188,9 @@ main
       .full-width
         margin-right: -($gap + $side)
 
-      // .full-bleed
-      //   width: 100vw // ??????
-
       /* automatically aside figcaption? */
-      &            > figure:not(.full-width) > figcaption,
-      *:not(aside) > figure:not(.full-width) > figcaption,
+      &            > figure:not(.full-width):not(.full-bleed) > figcaption,
+      *:not(aside) > figure:not(.full-width):not(.full-bleed) > figcaption,
       header,
       aside.aside
         width: $side


@@ 232,6 229,22 @@ main
       h1
         margin-top: 2rem
 
+
+  .full-bleed img
+    width: 100vw
+    max-width: 100vw
+
+  .full-bleed img
+    /* -1rem for article padding */
+    /* MIN to get around sass trying to evaluate the min function lmao
+     * https://css-tricks.com/when-sass-and-new-css-features-collide/#aa-the-solution */
+    margin-left: MIN(calc((-100vw + #{$main + $gap + $side}) / 2), -1rem)
+
+  @media (max-width: 831px)
+    .full-bleed img
+      margin-left: MIN(calc((-100vw + #{$main}) / 2), -1rem)
+
+
   article > header > p
     font-size: inherit