cacao-css 3.19.0 → 3.20.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,8 +1,12 @@
1
1
  # Changelog
2
2
 
3
+ ## 3.20.0 (April 28, 2023)
4
+
5
+ - Take 3.... Updated more hover states to only be applied if hover is supported by the device.
6
+
3
7
  ## 3.19.0 (April 28, 2023)
4
8
 
5
- - Updated more hover states to only be applied if hover is supported by the device.
9
+ - Take 2.... Updated more hover states to only be applied if hover is supported by the device.
6
10
 
7
11
  ## 3.18.0 (April 28, 2023)
8
12
 
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "cacao-css",
3
3
  "description": "A set of composable CSS modules that provide a solid foundation for starting a new project.",
4
- "version": "3.19.0",
4
+ "version": "3.20.0",
5
5
  "main": "gulfile.js",
6
6
  "author": "Aptuitiv, Inc <hello@aptuitiv.com>",
7
7
  "license": "MIT",
@@ -130,22 +130,28 @@ a {
130
130
  text-decoration: var(--base-typography-link-decoration);
131
131
  }
132
132
 
133
- a:hover {
134
- color: var(--base-typography-link-colorHover);
135
- text-decoration: var(--base-typography-link-decorationHover);
133
+ @media (hover: hover) and (pointer: fine) {
134
+ a:hover {
135
+ color: var(--base-typography-link-colorHover);
136
+ text-decoration: var(--base-typography-link-decorationHover);
137
+ }
136
138
  }
137
139
 
138
140
  /**
139
141
  * Default styling for telephone links to not look like links
140
142
  */
141
- a[href^=tel],
142
- a[href^=tel]:active,
143
- a[href^=tel]:focus,
144
- a[href^=tel]:hover {
143
+ a[href^=tel] {
145
144
  color: inherit;
146
145
  text-decoration: none;
147
146
  }
148
147
 
148
+ @media (hover: hover) and (pointer: fine) {
149
+ a[href^=tel]:hover {
150
+ color: inherit;
151
+ text-decoration: none;
152
+ }
153
+ }
154
+
149
155
  /**
150
156
  * Lists
151
157
  */
@@ -51,7 +51,9 @@
51
51
  text-decoration: none;
52
52
  }
53
53
 
54
- .FooterNav-link:hover {
55
- color: var(--FooterNav-link-colorHover);
56
- text-decoration: underline;
54
+ @media (hover: hover) and (pointer: fine) {
55
+ .FooterNav-link:hover {
56
+ color: var(--FooterNav-link-colorHover);
57
+ text-decoration: underline;
58
+ }
57
59
  }
@@ -52,8 +52,10 @@
52
52
  text-decoration: none !important;
53
53
  }
54
54
 
55
- .u-linkSubtle:hover {
56
- text-decoration: underline !important;
55
+ @media (hover: hover) and (pointer: fine) {
56
+ .u-linkSubtle:hover {
57
+ text-decoration: underline !important;
58
+ }
57
59
  }
58
60
 
59
61
  /**