maverick-wave 3.0.0

package/src/scss/utilities/_display.scss

@@ -0,0 +1,35 @@
+@use '../abstracts' as *;
+
+// Display utilities
+.mw-d {
+  &-flex {
+    display: flex;
+  }
+
+  &-block {
+    display: block;
+  }
+
+  &-inline {
+    display: inline;
+  }
+
+  &-inline-block {
+    display: inline-block;
+  }
+
+  &-grid {
+    display: grid;
+  }
+
+  &-none {
+    display: none;
+  }
+}
+
+// Border radius
+@each $key, $value in $radius {
+  .mw-radius-#{$key} {
+    border-radius: $value;
+  }
+}

package/src/scss/utilities/_flex.scss

@@ -0,0 +1,66 @@
+@use '../abstracts' as *;
+
+// Flex utilities
+.mw-flex {
+  &-row {
+    flex-direction: row;
+  }
+
+  &-column {
+    flex-direction: column;
+  }
+
+  &-wrap {
+    flex-wrap: wrap;
+  }
+
+  &-nowrap {
+    flex-wrap: nowrap;
+  }
+
+  &-1 {
+    flex: 1;
+  }
+}
+
+// Justify content
+.mw-justify {
+  &-start {
+    justify-content: flex-start;
+  }
+
+  &-end {
+    justify-content: flex-end;
+  }
+
+  &-center {
+    justify-content: center;
+  }
+
+  &-between {
+    justify-content: space-between;
+  }
+
+  &-around {
+    justify-content: space-around;
+  }
+}
+
+// Align items
+.mw-items {
+  &-start {
+    align-items: flex-start;
+  }
+
+  &-end {
+    align-items: flex-end;
+  }
+
+  &-center {
+    align-items: center;
+  }
+
+  &-stretch {
+    align-items: stretch;
+  }
+}

package/src/scss/utilities/_index.scss

@@ -0,0 +1,3 @@
+@forward 'display';
+@forward 'flex';
+@forward 'spacing';

package/src/scss/utilities/_spacing.scss

@@ -0,0 +1,78 @@
+@use '../abstracts' as *;
+
+// Margin utilities
+@each $key, $value in $spacing {
+  .mw-m-#{$key} {
+    margin: $value;
+  }
+
+  .mw-mt-#{$key} {
+    margin-top: $value;
+  }
+
+  .mw-mb-#{$key} {
+    margin-bottom: $value;
+  }
+
+  .mw-ml-#{$key} {
+    margin-left: $value;
+  }
+
+  .mw-mr-#{$key} {
+    margin-right: $value;
+  }
+
+  .mw-mx-#{$key} {
+    margin-left: $value;
+    margin-right: $value;
+  }
+
+  .mw-my-#{$key} {
+    margin-top: $value;
+    margin-bottom: $value;
+  }
+}
+
+// Padding utilities
+@each $key, $value in $spacing {
+  .mw-p-#{$key} {
+    padding: $value;
+  }
+
+  .mw-pt-#{$key} {
+    padding-top: $value;
+  }
+
+  .mw-pb-#{$key} {
+    padding-bottom: $value;
+  }
+
+  .mw-pl-#{$key} {
+    padding-left: $value;
+  }
+
+  .mw-pr-#{$key} {
+    padding-right: $value;
+  }
+
+  .mw-px-#{$key} {
+    padding-left: $value;
+    padding-right: $value;
+  }
+
+  .mw-py-#{$key} {
+    padding-top: $value;
+    padding-bottom: $value;
+  }
+}
+
+// Gap utilities
+@each $key, $value in $spacing {
+  .mw-gap-#{$key} {
+    gap: $value;
+
+    @include media-down('sm') {
+      gap: calc($value * 0.75);
+    }
+  }
+}