cacao-css 4.2.1 → 4.3.0

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.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # Changelog
2
2
 
3
+ ## 4.3.0 (Jan 25, 2024)
4
+
5
+ - Added `inline-block` class to set an element as `inline-block`
6
+
7
+ ### Breaking change
8
+
9
+ - Renamed `flex-inline` to `inline-flex`. This was done to better match the actual style.
10
+
11
+ ## 4.2.2 (Dec 21, 2023)
12
+
13
+ - Fixed the `image-left` and `image-right` classes to have the correct max width.
14
+
3
15
  ## 4.2.1 (Dec 21, 2023)
4
16
 
5
17
  - Fixed the `image-left` and `image-right` classes to always have a bottom margin.
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "cacao-css",
3
3
  "description": "A set of composable CSS utilities that provide a solid foundation for starting a new project.",
4
- "version": "4.2.1",
4
+ "version": "4.3.0",
5
5
  "author": "Aptuitiv, Inc <hello@aptuitiv.com>",
6
6
  "license": "MIT",
7
7
  "repository": {
@@ -6,7 +6,7 @@
6
6
  display: flex;
7
7
  }
8
8
 
9
- .flex-inline {
9
+ .inline-flex {
10
10
  display: inline-flex;
11
11
  }
12
12
 
@@ -18,6 +18,10 @@
18
18
  display: inline;
19
19
  }
20
20
 
21
+ .inline-block {
22
+ display: inline-block;
23
+ }
24
+
21
25
  .hidden {
22
26
  display: none;
23
27
  }
@@ -14,7 +14,7 @@
14
14
  .image-left,
15
15
  .image-right {
16
16
  width: unset;
17
- max-width: 100%;
17
+ max-width: 50%;
18
18
  display: inline;
19
19
  }
20
20
 
@@ -28,3 +28,10 @@
28
28
  margin-left: 20px;
29
29
  }
30
30
  }
31
+
32
+ @media (--c-bp-md) {
33
+ .image-left,
34
+ .image-right {
35
+ max-width: 40%;
36
+ }
37
+ }