@iris.interactive/handcook 2.6.9 → 2.6.10

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@iris.interactive/handcook",
3
- "version": "2.6.9",
3
+ "version": "2.6.10",
4
4
  "description": "The web cooking by IRIS Interactive",
5
5
  "main": "./public/scripts/index.js",
6
6
  "scripts": {
@@ -55,7 +55,7 @@
55
55
  flex-direction: $direction;
56
56
  }
57
57
 
58
- /* Hover - TODO
58
+ /* Hover
59
59
  /* ============================================= */
60
60
  @mixin hover {
61
61
  &:hover {
@@ -63,6 +63,22 @@
63
63
  }
64
64
  }
65
65
 
66
+ @mixin hover-focus() {
67
+ &:hover,
68
+ &:focus {
69
+ @content;
70
+ }
71
+ }
72
+
73
+ @mixin hover-focus-active() {
74
+ &:hover,
75
+ &:focus,
76
+ &:active {
77
+ @content;
78
+ }
79
+ }
80
+
81
+
66
82
  /* Touch
67
83
  /* ============================================= */
68
84
  @mixin touch {
@@ -9,7 +9,7 @@
9
9
  transition: $delay ease;
10
10
  }
11
11
 
12
- /* Hover
12
+ /* Animate
13
13
  /* ============================================= */
14
14
  @mixin animate {
15
15
  transform: scale(1.02);
@@ -42,7 +42,7 @@
42
42
  /* ============================================= */
43
43
  /* display flex
44
44
  /* ============================================= */
45
- /* Hover - TODO
45
+ /* Hover
46
46
  /* ============================================= */
47
47
  /* Touch
48
48
  /* ============================================= */
@@ -54,7 +54,7 @@
54
54
  */
55
55
  /* Transition
56
56
  /* ============================================= */
57
- /* Hover
57
+ /* Animate
58
58
  /* ============================================= */
59
59
  /* Ellipsis
60
60
  /* ============================================= */