cacao-css 4.2.0 → 4.2.2

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/CHANGELOG.md +8 -0
  2. package/package.json +1 -1
  3. package/src/image/image.css +11 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # Changelog
2
2
 
3
+ ## 4.2.2 (Dec 21, 2023)
4
+
5
+ - Fixed the `image-left` and `image-right` classes to have the correct max width.
6
+
7
+ ## 4.2.1 (Dec 21, 2023)
8
+
9
+ - Fixed the `image-left` and `image-right` classes to always have a bottom margin.
10
+
3
11
  ## 4.2.0 (Dec 19, 2023) - Breaking change
4
12
 
5
13
  - Fixed the order of import examples. The gutter styles have to come after grid styles.
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.0",
4
+ "version": "4.2.2",
5
5
  "author": "Aptuitiv, Inc <hello@aptuitiv.com>",
6
6
  "license": "MIT",
7
7
  "repository": {
package/src/image/image.css CHANGED
@@ -5,6 +5,7 @@
5
5
  .image-left,
6
6
  .image-right {
7
7
  display: block;
8
+ margin-bottom: 10px;
8
9
  width: 100%;
9
10
  height: auto;
10
11
  }
@@ -12,19 +13,25 @@
12
13
  @media (--c-bp-sm) {
13
14
  .image-left,
14
15
  .image-right {
15
- margin-bottom: 10px;
16
16
  width: unset;
17
- max-width: 100%;
17
+ max-width: 50%;
18
18
  display: inline;
19
19
  }
20
-
20
+
21
21
  .image-left {
22
22
  float: left;
23
23
  margin-right: 20px;
24
24
  }
25
-
25
+
26
26
  .image-right {
27
27
  float: right;
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
+ }