@anydigital/bricks 0.27.0-alpha.2 → 0.27.0-alpha.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/assets/breakout.css +9 -4
  2. package/assets/bricks.css +10 -4
  3. package/bricks.gemspec +1 -1
  4. package/package.json +1 -1
  5. package/src/_tricks.css +1 -0
  6. package/src/breakout.css +9 -4
package/assets/breakout.css CHANGED
@@ -30,7 +30,8 @@
30
30
  }
31
31
 
32
32
  /* Tables are so special :( */
33
- &:is(table) {
33
+ &:is(table):not(.does-not-exist) {
34
+ /* @TODO: add postcss's `:not(.does-not-exist)` to tricks-wiki */
34
35
  /* Let them full-bleed */
35
36
  width: max-content;
36
37
  min-width: auto;
@@ -41,6 +42,10 @@
41
42
  display: block;
42
43
  overflow-x: auto;
43
44
  -webkit-overflow-scrolling: touch; /* Smooth scroll for iOS */
45
+
46
+ td {
47
+ padding-inline-start: 0;
48
+ }
44
49
  }
45
50
 
46
51
  /* Max out the width of the element */
@@ -58,8 +63,8 @@
58
63
  content: "";
59
64
  display: block;
60
65
  position: absolute;
61
- background: lightgray;
62
- opacity: 50%;
66
+ background: gray;
67
+ opacity: 12.5%;
63
68
  }
64
69
  }
65
70
 
@@ -71,7 +76,7 @@
71
76
  height: 0.25em;
72
77
  top: 50%;
73
78
  transform: translateY(-50%);
74
- background: linear-gradient(to left, lightgray, gainsboro 10%, transparent);
79
+ background: linear-gradient(to left, gray, transparent);
75
80
  }
76
81
 
77
82
  &:where(hr + &) {
package/assets/bricks.css CHANGED
@@ -71,7 +71,8 @@ pre {
71
71
  }
72
72
 
73
73
  /* Tables are so special :( */
74
- &:is(table) {
74
+ &:is(table):not(.does-not-exist) {
75
+ /* @TODO: add postcss's `:not(.does-not-exist)` to tricks-wiki */
75
76
  /* Let them full-bleed */
76
77
  width: max-content;
77
78
  min-width: auto;
@@ -82,6 +83,10 @@ pre {
82
83
  display: block;
83
84
  overflow-x: auto;
84
85
  -webkit-overflow-scrolling: touch; /* Smooth scroll for iOS */
86
+
87
+ td {
88
+ padding-inline-start: 0;
89
+ }
85
90
  }
86
91
 
87
92
  /* Max out the width of the element */
@@ -99,8 +104,8 @@ pre {
99
104
  content: "";
100
105
  display: block;
101
106
  position: absolute;
102
- background: lightgray;
103
- opacity: 50%;
107
+ background: gray;
108
+ opacity: 12.5%;
104
109
  }
105
110
  }
106
111
 
@@ -112,7 +117,7 @@ pre {
112
117
  height: 0.25em;
113
118
  top: 50%;
114
119
  transform: translateY(-50%);
115
- background: linear-gradient(to left, lightgray, gainsboro 10%, transparent);
120
+ background: linear-gradient(to left, gray, transparent);
116
121
  }
117
122
 
118
123
  &:where(hr + &) {
@@ -140,6 +145,7 @@ pre {
140
145
  /* @import "./_util"; */
141
146
 
142
147
  table.borderless {
148
+ th,
143
149
  td {
144
150
  border: none;
145
151
  }
package/bricks.gemspec CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Gem::Specification.new do |spec|
4
4
  spec.name = "bricks"
5
- spec.version = "0.27.0-alpha"
5
+ spec.version = "0.27.0-alpha.3"
6
6
  spec.authors = ["Anton Staroverov"]
7
7
 
8
8
  spec.summary = "Framework-agnostic CSS utilities and single-file Liquid 'bricks' for modern web development."
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@anydigital/bricks",
3
- "version": "0.27.0-alpha.2",
3
+ "version": "0.27.0-alpha.3",
4
4
  "description": "Framework-agnostic CSS utilities and single-file Liquid 'bricks' for modern web development.",
5
5
  "style": "./src/bricks.css",
6
6
  "exports": {
package/src/_tricks.css CHANGED
@@ -1,4 +1,5 @@
1
1
  table.borderless {
2
+ th,
2
3
  td {
3
4
  border: none;
4
5
  }
package/src/breakout.css CHANGED
@@ -30,7 +30,8 @@
30
30
  }
31
31
 
32
32
  /* Tables are so special :( */
33
- &:is(table) {
33
+ &:is(table):not(.does-not-exist) {
34
+ /* @TODO: add postcss's `:not(.does-not-exist)` to tricks-wiki */
34
35
  /* Let them full-bleed */
35
36
  width: max-content;
36
37
  min-width: auto;
@@ -41,6 +42,10 @@
41
42
  display: block;
42
43
  overflow-x: auto;
43
44
  -webkit-overflow-scrolling: touch; /* Smooth scroll for iOS */
45
+
46
+ td {
47
+ padding-inline-start: 0;
48
+ }
44
49
  }
45
50
 
46
51
  /* Max out the width of the element */
@@ -58,8 +63,8 @@
58
63
  content: "";
59
64
  display: block;
60
65
  position: absolute;
61
- background: lightgray;
62
- opacity: 50%;
66
+ background: gray;
67
+ opacity: 12.5%;
63
68
  }
64
69
  }
65
70
 
@@ -71,7 +76,7 @@
71
76
  height: 0.25em;
72
77
  top: 50%;
73
78
  transform: translateY(-50%);
74
- background: linear-gradient(to left, lightgray, gainsboro 10%, transparent);
79
+ background: linear-gradient(to left, gray, transparent);
75
80
  }
76
81
 
77
82
  &:where(hr + &) {