v0.27.0-alpha.3

Author: tonystar

assets/breakout.css

@@ -30,7 +30,8 @@
     }
 
     /* Tables are so special :( */
-    &:is(table) {
+    &:is(table):not(.does-not-exist) {
+      /* @TODO: add postcss's `:not(.does-not-exist)` to tricks-wiki */
       /* Let them full-bleed */
       width: max-content;
       min-width: auto;
@@ -41,6 +42,10 @@
       display: block;
       overflow-x: auto;
       -webkit-overflow-scrolling: touch; /* Smooth scroll for iOS */
+
+      td {
+        padding-inline-start: 0;
+      }
     }
 
     /* Max out the width of the element */
@@ -58,8 +63,8 @@
       content: "";
       display: block;
       position: absolute;
-      background: lightgray;
-      opacity: 50%;
+      background: gray;
+      opacity: 12.5%;
     }
   }
 
@@ -71,7 +76,7 @@
       height: 0.25em;
       top: 50%;
       transform: translateY(-50%);
-      background: linear-gradient(to left, lightgray, gainsboro 10%, transparent);
+      background: linear-gradient(to left, gray, transparent);
     }
 
     &:where(hr + &) {

assets/bricks.css

@@ -71,7 +71,8 @@ pre {
     }
 
     /* Tables are so special :( */
-    &:is(table) {
+    &:is(table):not(.does-not-exist) {
+      /* @TODO: add postcss's `:not(.does-not-exist)` to tricks-wiki */
       /* Let them full-bleed */
       width: max-content;
       min-width: auto;
@@ -82,6 +83,10 @@ pre {
       display: block;
       overflow-x: auto;
       -webkit-overflow-scrolling: touch; /* Smooth scroll for iOS */
+
+      td {
+        padding-inline-start: 0;
+      }
     }
 
     /* Max out the width of the element */
@@ -99,8 +104,8 @@ pre {
       content: "";
       display: block;
       position: absolute;
-      background: lightgray;
-      opacity: 50%;
+      background: gray;
+      opacity: 12.5%;
     }
   }
 
@@ -112,7 +117,7 @@ pre {
       height: 0.25em;
       top: 50%;
       transform: translateY(-50%);
-      background: linear-gradient(to left, lightgray, gainsboro 10%, transparent);
+      background: linear-gradient(to left, gray, transparent);
     }
 
     &:where(hr + &) {
@@ -140,6 +145,7 @@ pre {
 /* @import "./_util"; */
 
 table.borderless {
+  th,
   td {
     border: none;
   }

bricks.gemspec

@@ -2,7 +2,7 @@
 
 Gem::Specification.new do |spec|
   spec.name          = "bricks"
-  spec.version       = "0.27.0-alpha"
+  spec.version       = "0.27.0-alpha.3"
   spec.authors       = ["Anton Staroverov"]
 
   spec.summary       = "Framework-agnostic CSS utilities and single-file Liquid 'bricks' for modern web development."

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@anydigital/bricks",
-  "version": "0.27.0-alpha.2",
+  "version": "0.27.0-alpha.3",
   "description": "Framework-agnostic CSS utilities and single-file Liquid 'bricks' for modern web development.",
   "style": "./src/bricks.css",
   "exports": {