@syncfusion/ej2-fabric-theme 34.2.8 → 35.1.37

package/styles/form-builder/_mixin.scss

@@ -0,0 +1,26 @@
+@use 'sass:color';
+@use 'variables' as *;
+
+@mixin when-dark-skin {
+  @if $skin-name =='bootstrap5-dark' or $skin-name == 'bootstrap-dark' or $skin-name == 'fabric-dark' or $skin-name == 'fluent2-dark' or $skin-name == 'fluent-dark' or $skin-name == 'highcontrast' or $skin-name == 'material3-dark' or $skin-name == 'material-dark' or $skin-name == 'tailwind3-dark' or $skin-name == 'tailwind-dark' {
+    @content;
+  }
+}
+
+@mixin border-color-when-dark($color) {
+  @include when-dark-skin {
+    border-color: $color;
+  }
+}
+
+@mixin grid-columns($count, $gap: 1.5rem) {
+  display: grid;
+  grid-template-columns: repeat($count, 1fr);
+  gap: $gap;
+}
+
+@mixin form-group-self-end($descendant) {
+  & > .form-group:has(#{$descendant}) {
+    align-self: flex-end;
+  }
+}