@kushagradhawan/kookie-ui 0.1.0

package/src/styles/utilities/resize.css

@@ -0,0 +1,14 @@
+@breakpoints {
+  .rt-r-resize-none {
+    resize: none;
+  }
+  .rt-r-resize-vertical {
+    resize: vertical;
+  }
+  .rt-r-resize-horizontal {
+    resize: horizontal;
+  }
+  .rt-r-resize-both {
+    resize: both;
+  }
+}

package/src/styles/utilities/table-layout.css

@@ -0,0 +1,8 @@
+@breakpoints {
+  .rt-r-tl-auto {
+    table-layout: auto;
+  }
+  .rt-r-tl-fixed {
+    table-layout: fixed;
+  }
+}

package/src/styles/utilities/text-align.css

@@ -0,0 +1,13 @@
+@breakpoints {
+  .rt-r-ta-left {
+    text-align: left;
+  }
+
+  .rt-r-ta-center {
+    text-align: center;
+  }
+
+  .rt-r-ta-right {
+    text-align: right;
+  }
+}

package/src/styles/utilities/text-wrap.css

@@ -0,0 +1,19 @@
+/*
+ * We are modeling this after the "text-wrap" property, but use "white-space" because it has better support as of 2024.
+ */
+@breakpoints {
+  .rt-r-tw-wrap {
+    white-space: normal;
+  }
+  .rt-r-tw-nowrap {
+    white-space: nowrap;
+  }
+  .rt-r-tw-pretty {
+    white-space: normal;
+    text-wrap: pretty;
+  }
+  .rt-r-tw-balance {
+    white-space: normal;
+    text-wrap: balance;
+  }
+}

package/src/styles/utilities/truncate.css

@@ -0,0 +1,5 @@
+.rt-truncate {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}

package/src/styles/utilities/vertical-align.css

@@ -0,0 +1,17 @@
+@breakpoints {
+  .rt-r-va-baseline {
+    vertical-align: baseline;
+  }
+
+  .rt-r-va-top {
+    vertical-align: top;
+  }
+
+  .rt-r-va-middle {
+    vertical-align: middle;
+  }
+
+  .rt-r-va-bottom {
+    vertical-align: bottom;
+  }
+}

package/src/styles/utilities/width.css

@@ -0,0 +1,28 @@
+.rt-r-w {
+  width: var(--width);
+}
+@media (--xs) {
+  .xs\:rt-r-w {
+    width: var(--width-xs);
+  }
+}
+@media (--sm) {
+  .sm\:rt-r-w {
+    width: var(--width-sm);
+  }
+}
+@media (--md) {
+  .md\:rt-r-w {
+    width: var(--width-md);
+  }
+}
+@media (--lg) {
+  .lg\:rt-r-w {
+    width: var(--width-lg);
+  }
+}
+@media (--xl) {
+  .xl\:rt-r-w {
+    width: var(--width-xl);
+  }
+}