@anydigital/breakout-css 0.11.0 → 0.11.1

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 (3) hide show
  1. package/dist/breakout.css +3 -3
  2. package/package.json +1 -1
  3. package/src/breakout.css +3 -3
package/dist/breakout.css CHANGED
@@ -17,17 +17,17 @@
17
17
  transform: translateX(-50%);
18
18
  }
19
19
 
20
+ /*** .does-not-exist is used below to avoid !important-s @TODO ***/
21
+
20
22
  /* Respect inline blocks' min-width */
21
23
 
22
- .breakout > img:not(does-not-exist),.breakout > picture:not(does-not-exist),.breakout > figure:not(does-not-exist),.breakout > canvas:not(does-not-exist),.breakout > audio:not(does-not-exist),.breakout > p > img,.breakout > p > picture,.breakout > p > figure,.breakout > p > canvas,.breakout > p > audio {
24
+ .breakout > img:not(does-not-exist):not(.does-not-exist),.breakout > picture:not(does-not-exist):not(.does-not-exist),.breakout > figure:not(does-not-exist):not(.does-not-exist),.breakout > canvas:not(does-not-exist):not(.does-not-exist),.breakout > audio:not(does-not-exist):not(.does-not-exist),.breakout > p > img:not(.does-not-exist),.breakout > p > picture:not(.does-not-exist),.breakout > p > figure:not(.does-not-exist),.breakout > p > canvas:not(.does-not-exist),.breakout > p > audio:not(.does-not-exist) {
23
25
  min-width: auto;
24
26
  }
25
27
 
26
28
  /* Tables are so special :( */
27
29
 
28
30
  .breakout > table:not(does-not-exist):not(.does-not-exist),.breakout > p > table:not(.does-not-exist) {
29
- /* .does-not-exist is here to avoid !important below @TODO */
30
-
31
31
  /* Let them full-bleed */
32
32
  width: -moz-max-content;
33
33
  width: max-content;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@anydigital/breakout-css",
3
- "version": "0.11.0",
3
+ "version": "0.11.1",
4
4
  "description": "Modern CSS utilities to easily break-out / hang / pop-out / bleed images, tables, iframes, and other figures from their parent container",
5
5
  "keywords": [
6
6
  "css",
package/src/breakout.css CHANGED
@@ -26,15 +26,15 @@
26
26
  transform: translateX(-50%);
27
27
  }
28
28
 
29
+ /*** .does-not-exist is used below to avoid !important-s @TODO ***/
30
+
29
31
  /* Respect inline blocks' min-width */
30
- &:is(img, picture, figure, canvas, audio) {
32
+ &:is(img, picture, figure, canvas, audio):not(.does-not-exist) {
31
33
  min-width: auto;
32
34
  }
33
35
 
34
36
  /* Tables are so special :( */
35
37
  &:is(table):not(.does-not-exist) {
36
- /* .does-not-exist is here to avoid !important below @TODO */
37
-
38
38
  /* Let them full-bleed */
39
39
  width: max-content;
40
40
  min-width: auto;