feat: add mixins

PrestaShop · Jul 24, 2024 · dccd094 · dccd094
1 parent f24e9c1
commit dccd094
Show file tree

Hide file tree

Showing 4 changed files with 36 additions and 90 deletions.
diff --git a/dist/css/bootstrap-prestashop-ui-kit.css b/dist/css/bootstrap-prestashop-ui-kit.css
diff --git a/dist/js/prestashop-ui-kit.js b/dist/js/prestashop-ui-kit.js
diff --git a/scss/application.scss b/scss/application.scss
@@ -13,6 +13,7 @@
 @import "mixins/shadows";
 @import "mixins/buttons";
 @import "mixins/forms";
+@import "mixins/states";
 
 // Addons
 @import "~select2/src/scss/core";

diff --git a/scss/mixins/_states.scss b/scss/mixins/_states.scss
@@ -0,0 +1,31 @@
+@mixin focus() {
+  &:focus-visible,
+  &:focus,
+  &.focus {
+    @content;
+  }
+}
+
+@mixin focus-active() {
+  &:focus-visible,
+  &:focus,
+  &.focus,
+  &:active,
+  &.active,
+  &:not([disabled]):not(.disabled):active,
+  &:not([disabled]):not(.disabled).active,
+  .show > &.dropdown-toggle {
+    @content;
+  }
+}
+
+@mixin disabled() {
+  &.disabled,
+  &:disabled,
+  &.disabled:active:focus,
+  &.disabled:active:focus-visible,
+  &:disabled:active:focus,
+  &:disabled:active:focus-visible {
+    @content;
+  }
+}