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

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 (9) hide show
  1. package/assets/breakout.css +10 -4
  2. package/assets/bricks.css +34 -5
  3. package/bricks.gemspec +1 -1
  4. package/package.json +1 -1
  5. package/src/_classless.css +8 -0
  6. package/src/_tricks.css +1 -0
  7. package/src/breakout.css +10 -4
  8. package/src/bricks.css +1 -1
  9. /package/src/{_refactor/_prism.css → _prism.css} +0 -0
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,11 @@
41
42
  display: block;
42
43
  overflow-x: auto;
43
44
  -webkit-overflow-scrolling: touch; /* Smooth scroll for iOS */
45
+
46
+ th,
47
+ td {
48
+ padding-inline-start: 0;
49
+ }
44
50
  }
45
51
 
46
52
  /* Max out the width of the element */
@@ -58,8 +64,8 @@
58
64
  content: "";
59
65
  display: block;
60
66
  position: absolute;
61
- background: lightgray;
62
- opacity: 50%;
67
+ background: gray;
68
+ opacity: 12.5%;
63
69
  }
64
70
  }
65
71
 
@@ -71,7 +77,7 @@
71
77
  height: 0.25em;
72
78
  top: 50%;
73
79
  transform: translateY(-50%);
74
- background: linear-gradient(to left, lightgray, gainsboro 10%, transparent);
80
+ background: linear-gradient(to left, gray, transparent);
75
81
  }
76
82
 
77
83
  &:where(hr + &) {
package/assets/bricks.css CHANGED
@@ -35,6 +35,14 @@ body {
35
35
  pre {
36
36
  padding: 1rem 1.5rem;
37
37
  padding-inline-end: 2rem;
38
+
39
+ code {
40
+ padding: 0;
41
+ }
42
+
43
+ @media screen and (max-width: 767px) {
44
+ border-radius: 0;
45
+ }
38
46
  }
39
47
 
40
48
  /* @import "./_prose"; */
@@ -71,7 +79,8 @@ pre {
71
79
  }
72
80
 
73
81
  /* Tables are so special :( */
74
- &:is(table) {
82
+ &:is(table):not(.does-not-exist) {
83
+ /* @TODO: add postcss's `:not(.does-not-exist)` to tricks-wiki */
75
84
  /* Let them full-bleed */
76
85
  width: max-content;
77
86
  min-width: auto;
@@ -82,6 +91,11 @@ pre {
82
91
  display: block;
83
92
  overflow-x: auto;
84
93
  -webkit-overflow-scrolling: touch; /* Smooth scroll for iOS */
94
+
95
+ th,
96
+ td {
97
+ padding-inline-start: 0;
98
+ }
85
99
  }
86
100
 
87
101
  /* Max out the width of the element */
@@ -99,8 +113,8 @@ pre {
99
113
  content: "";
100
114
  display: block;
101
115
  position: absolute;
102
- background: lightgray;
103
- opacity: 50%;
116
+ background: gray;
117
+ opacity: 12.5%;
104
118
  }
105
119
  }
106
120
 
@@ -112,7 +126,7 @@ pre {
112
126
  height: 0.25em;
113
127
  top: 50%;
114
128
  transform: translateY(-50%);
115
- background: linear-gradient(to left, lightgray, gainsboro 10%, transparent);
129
+ background: linear-gradient(to left, gray, transparent);
116
130
  }
117
131
 
118
132
  &:where(hr + &) {
@@ -135,11 +149,26 @@ pre {
135
149
  }
136
150
  }
137
151
 
138
- /* @import "./_prism"; */
152
+ /* Prism.js */
153
+
154
+ .token.treeview-part {
155
+ .entry-line {
156
+ width: 2.5em !important;
157
+ opacity: 25%;
158
+ }
159
+ .entry-name:last-child {
160
+ opacity: 50%;
161
+
162
+ &::before {
163
+ display: none !important;
164
+ }
165
+ }
166
+ }
139
167
 
140
168
  /* @import "./_util"; */
141
169
 
142
170
  table.borderless {
171
+ th,
143
172
  td {
144
173
  border: none;
145
174
  }
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.4"
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.4",
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/_classless.css CHANGED
@@ -30,4 +30,12 @@ body {
30
30
  pre {
31
31
  padding: 1rem 1.5rem;
32
32
  padding-inline-end: 2rem;
33
+
34
+ code {
35
+ padding: 0;
36
+ }
37
+
38
+ @media screen and (max-width: 767px) {
39
+ border-radius: 0;
40
+ }
33
41
  }
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,11 @@
41
42
  display: block;
42
43
  overflow-x: auto;
43
44
  -webkit-overflow-scrolling: touch; /* Smooth scroll for iOS */
45
+
46
+ th,
47
+ td {
48
+ padding-inline-start: 0;
49
+ }
44
50
  }
45
51
 
46
52
  /* Max out the width of the element */
@@ -58,8 +64,8 @@
58
64
  content: "";
59
65
  display: block;
60
66
  position: absolute;
61
- background: lightgray;
62
- opacity: 50%;
67
+ background: gray;
68
+ opacity: 12.5%;
63
69
  }
64
70
  }
65
71
 
@@ -71,7 +77,7 @@
71
77
  height: 0.25em;
72
78
  top: 50%;
73
79
  transform: translateY(-50%);
74
- background: linear-gradient(to left, lightgray, gainsboro 10%, transparent);
80
+ background: linear-gradient(to left, gray, transparent);
75
81
  }
76
82
 
77
83
  &:where(hr + &) {
package/src/bricks.css CHANGED
@@ -6,6 +6,6 @@
6
6
  @import "./_classless";
7
7
  /* @import "./_prose"; */
8
8
  @import "./breakout";
9
- /* @import "./_prism"; */
9
+ @import "./_prism";
10
10
  /* @import "./_util"; */
11
11
  @import "./_tricks";
/package/src/{_refactor/_prism.css → _prism.css} RENAMED
File without changes