1 files changed, 18 insertions, 0 deletions
diff --git a/src/_mixins.scss b/src/_mixins.scss
new file mode 100644
index 00000000..e99fe26f
--- /dev/null
+++ b/src/_mixins.scss
@@ -0,0 +1,18 @@
+@mixin unfocused-style {
+  @content;
+
+  &:focus:not(:focus-visible, :hover) {
+    @content;
+  }
+}
+
+@mixin focused-style {
+  &:hover,
+  &:focus {
+    @content;
+  }
+
+  &:focus-visible {
+    @content;
+  }
+}