stillwind 0.0.0 → 0.1.0-rc.0

package/css/builtin-utilities/tw-borders.css

@@ -0,0 +1,954 @@
+/* Built-in borders and outlines utilities. */
+
+/* MARK: `border-radius` */
+
+@stillwind-arbitrary-property border-radius;
+
+@stillwind-utility rounded-full {
+  border-radius: calc(infinity * 1px);
+}
+
+@stillwind-utility rounded-none {
+  border-radius: 0;
+}
+
+@stillwind-utility rounded-* {
+  border-radius: --value(--radius-*);
+}
+
+@stillwind-utility rounded {
+  border-radius: --value(--radius);
+}
+
+@stillwind-arbitrary-property border-start-radius;
+
+@stillwind-utility rounded-s-full {
+  border-start-start-radius: calc(infinity * 1px);
+  border-end-start-radius: calc(infinity * 1px);
+}
+
+@stillwind-utility rounded-s-none {
+  border-start-start-radius: 0;
+  border-end-start-radius: 0;
+}
+
+@stillwind-utility rounded-s-* {
+  border-start-start-radius: --value(--radius-*);
+  border-end-start-radius: --value(--radius-*);
+}
+
+@stillwind-utility rounded-s {
+  border-start-start-radius: --value(--radius);
+  border-end-start-radius: --value(--radius);
+}
+
+@stillwind-arbitrary-property border-start-start-radius;
+
+@stillwind-utility rounded-ss-full {
+  border-start-start-radius: calc(infinity * 1px);
+}
+
+@stillwind-utility rounded-ss-none {
+  border-start-start-radius: 0;
+}
+
+@stillwind-utility rounded-ss-* {
+  border-start-start-radius: --value(--radius-*);
+}
+
+@stillwind-utility rounded-ss {
+  border-start-start-radius: --value(--radius);
+}
+
+@stillwind-arbitrary-property border-end-radius;
+
+@stillwind-utility rounded-e-full {
+  border-start-end-radius: calc(infinity * 1px);
+  border-end-end-radius: calc(infinity * 1px);
+}
+
+@stillwind-utility rounded-e-none {
+  border-start-end-radius: 0;
+  border-end-end-radius: 0;
+}
+
+@stillwind-utility rounded-e-* {
+  border-start-end-radius: --value(--radius-*);
+  border-end-end-radius: --value(--radius-*);
+}
+
+@stillwind-utility rounded-e {
+  border-start-end-radius: --value(--radius);
+  border-end-end-radius: --value(--radius);
+}
+
+@stillwind-arbitrary-property border-start-end-radius;
+
+@stillwind-utility rounded-se-full {
+  border-start-end-radius: calc(infinity * 1px);
+}
+
+@stillwind-utility rounded-se-none {
+  border-start-end-radius: 0;
+}
+
+@stillwind-utility rounded-se-* {
+  border-start-end-radius: --value(--radius-*);
+}
+
+@stillwind-utility rounded-se {
+  border-start-end-radius: --value(--radius);
+}
+
+@stillwind-arbitrary-property border-end-end-radius;
+
+@stillwind-utility rounded-ee-full {
+  border-end-end-radius: calc(infinity * 1px);
+}
+
+@stillwind-utility rounded-ee-none {
+  border-end-end-radius: 0;
+}
+
+@stillwind-utility rounded-ee-* {
+  border-end-end-radius: --value(--radius-*);
+}
+
+@stillwind-utility rounded-ee {
+  border-end-end-radius: --value(--radius);
+}
+
+@stillwind-arbitrary-property border-end-start-radius;
+
+@stillwind-utility rounded-es-full {
+  border-end-start-radius: calc(infinity * 1px);
+}
+
+@stillwind-utility rounded-es-none {
+  border-end-start-radius: 0;
+}
+
+@stillwind-utility rounded-es-* {
+  border-end-start-radius: --value(--radius-*);
+}
+
+@stillwind-utility rounded-es {
+  border-end-start-radius: --value(--radius);
+}
+
+@stillwind-arbitrary-property border-top-radius;
+
+@stillwind-utility rounded-t-full {
+  border-top-left-radius: calc(infinity * 1px);
+  border-top-right-radius: calc(infinity * 1px);
+}
+
+@stillwind-utility rounded-t-none {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+@stillwind-utility rounded-t-* {
+  border-top-left-radius: --value(--radius-*);
+  border-top-right-radius: --value(--radius-*);
+}
+
+@stillwind-utility rounded-t {
+  border-top-left-radius: --value(--radius);
+  border-top-right-radius: --value(--radius);
+}
+
+@stillwind-arbitrary-property border-left-radius;
+
+@stillwind-utility rounded-l-full {
+  border-top-left-radius: calc(infinity * 1px);
+  border-bottom-left-radius: calc(infinity * 1px);
+}
+
+@stillwind-utility rounded-l-none {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+@stillwind-utility rounded-l-* {
+  border-top-left-radius: --value(--radius-*);
+  border-bottom-left-radius: --value(--radius-*);
+}
+
+@stillwind-utility rounded-l {
+  border-top-left-radius: --value(--radius);
+  border-bottom-left-radius: --value(--radius);
+}
+
+@stillwind-arbitrary-property border-top-left-radius;
+
+@stillwind-utility rounded-tl-full {
+  border-top-left-radius: calc(infinity * 1px);
+}
+
+@stillwind-utility rounded-tl-none {
+  border-top-left-radius: 0;
+}
+
+@stillwind-utility rounded-tl-* {
+  border-top-left-radius: --value(--radius-*);
+}
+
+@stillwind-utility rounded-tl {
+  border-top-left-radius: --value(--radius);
+}
+
+@stillwind-arbitrary-property border-right-radius;
+
+@stillwind-utility rounded-r-full {
+  border-top-right-radius: calc(infinity * 1px);
+  border-bottom-right-radius: calc(infinity * 1px);
+}
+
+@stillwind-utility rounded-r-none {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+@stillwind-utility rounded-r-* {
+  border-top-right-radius: --value(--radius-*);
+  border-bottom-right-radius: --value(--radius-*);
+}
+
+@stillwind-utility rounded-r {
+  border-top-right-radius: --value(--radius);
+  border-bottom-right-radius: --value(--radius);
+}
+
+@stillwind-arbitrary-property border-top-right-radius;
+
+@stillwind-utility rounded-tr-full {
+  border-top-right-radius: calc(infinity * 1px);
+}
+
+@stillwind-utility rounded-tr-none {
+  border-top-right-radius: 0;
+}
+
+@stillwind-utility rounded-tr-* {
+  border-top-right-radius: --value(--radius-*);
+}
+
+@stillwind-utility rounded-tr {
+  border-top-right-radius: --value(--radius);
+}
+
+@stillwind-arbitrary-property border-bottom-radius;
+
+@stillwind-utility rounded-b-full {
+  border-bottom-right-radius: calc(infinity * 1px);
+  border-bottom-left-radius: calc(infinity * 1px);
+}
+
+@stillwind-utility rounded-b-none {
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+@stillwind-utility rounded-b-* {
+  border-bottom-right-radius: --value(--radius-*);
+  border-bottom-left-radius: --value(--radius-*);
+}
+
+@stillwind-utility rounded-b {
+  border-bottom-right-radius: --value(--radius);
+  border-bottom-left-radius: --value(--radius);
+}
+
+@stillwind-arbitrary-property border-bottom-right-radius;
+
+@stillwind-utility rounded-br-full {
+  border-bottom-right-radius: calc(infinity * 1px);
+}
+
+@stillwind-utility rounded-br-none {
+  border-bottom-right-radius: 0;
+}
+
+@stillwind-utility rounded-br-* {
+  border-bottom-right-radius: --value(--radius-*);
+}
+
+@stillwind-utility rounded-br {
+  border-bottom-right-radius: --value(--radius);
+}
+
+@stillwind-arbitrary-property border-bottom-left-radius;
+
+@stillwind-utility rounded-bl-full {
+  border-bottom-left-radius: calc(infinity * 1px);
+}
+
+@stillwind-utility rounded-bl-none {
+  border-bottom-left-radius: 0;
+}
+
+@stillwind-utility rounded-bl-* {
+  border-bottom-left-radius: --value(--radius-*);
+}
+
+@stillwind-utility rounded-bl {
+  border-bottom-left-radius: --value(--radius);
+}
+
+/* MARK: `border` */
+
+@stillwind-arbitrary-property border-width;
+@stillwind-arbitrary-property border-style;
+
+@stillwind-utility border {
+  border-style: var(--tw-border-style);
+  border-width: 1px;
+}
+
+@stillwind-utility border-0 {
+  border-style: var(--tw-border-style);
+  border-width: 0;
+}
+
+@stillwind-arbitrary-property border-color;
+
+@stillwind-utility border-* {
+  border-color: --compat-color(
+    --value(--color-*, current, inherit, transparent, [color]),
+    --alpha(--modifier())
+  );
+}
+
+@stillwind-utility border-* {
+  border-color: --value(--color-*, current, inherit, transparent);
+}
+
+@stillwind-utility border-* {
+  border-style: var(--tw-border-style);
+  border-width: calc(--value(integer) * 1px);
+}
+
+@stillwind-utility border-* {
+  border-style: var(--tw-border-style);
+  border-width: --value([line-width]);
+}
+
+@stillwind-arbitrary-property border-inline-width;
+@stillwind-arbitrary-property border-inline-style;
+
+@stillwind-utility border-x {
+  border-inline-style: var(--tw-border-style);
+  border-inline-width: 1px;
+}
+
+@stillwind-arbitrary-property border-inline-color;
+
+@stillwind-utility border-x-* {
+  border-inline-color: --value(--color-*, current, inherit, transparent, [color]);
+}
+
+@stillwind-utility border-x-* {
+  border-inline-color: --compat-color(
+    --value(--color-*, current, inherit, transparent, [color]),
+    --alpha(--modifier())
+  );
+}
+
+@stillwind-utility border-x-* {
+  border-inline-style: var(--tw-border-style);
+  border-inline-width: calc(--value(integer) * 1px);
+}
+
+@stillwind-utility border-x-* {
+  border-inline-style: var(--tw-border-style);
+  border-inline-width: --value([line-width]);
+}
+
+@stillwind-arbitrary-property border-block-width;
+@stillwind-arbitrary-property border-block-style;
+
+@stillwind-utility border-y {
+  border-block-style: var(--tw-border-style);
+  border-block-width: 1px;
+}
+
+@stillwind-arbitrary-property border-block-color;
+
+@stillwind-utility border-y-* {
+  border-block-color: --value(--color-*, current, inherit, transparent, [color]);
+}
+
+@stillwind-utility border-y-* {
+  border-block-color: --compat-color(
+    --value(--color-*, current, inherit, transparent, [color]),
+    --alpha(--modifier())
+  );
+}
+
+@stillwind-utility border-y-* {
+  border-block-style: var(--tw-border-style);
+  border-block-width: calc(--value(integer) * 1px);
+}
+
+@stillwind-utility border-y-* {
+  border-block-style: var(--tw-border-style);
+  border-block-width: --value([line-width]);
+}
+
+@stillwind-arbitrary-property border-inline-start-width;
+@stillwind-arbitrary-property border-inline-start-style;
+
+@stillwind-utility border-s {
+  border-inline-start-style: var(--tw-border-style);
+  border-inline-start-width: 1px;
+}
+
+@stillwind-arbitrary-property border-inline-start-color;
+
+@stillwind-utility border-s-* {
+  border-inline-start-color: --value(--color-*, current, inherit, transparent, [color]);
+}
+
+@stillwind-utility border-s-* {
+  border-inline-start-color: --compat-color(
+    --value(--color-*, current, inherit, transparent, [color]),
+    --alpha(--modifier())
+  );
+}
+
+@stillwind-utility border-s-* {
+  border-inline-start-style: var(--tw-border-style);
+  border-inline-start-width: calc(--value(integer) * 1px);
+}
+
+@stillwind-utility border-s-* {
+  border-inline-start-style: var(--tw-border-style);
+  border-inline-start-width: --value([line-width]);
+}
+
+@stillwind-arbitrary-property border-inline-end-width;
+@stillwind-arbitrary-property border-inline-end-style;
+
+@stillwind-utility border-e {
+  border-inline-end-style: var(--tw-border-style);
+  border-inline-end-width: 1px;
+}
+
+@stillwind-arbitrary-property border-inline-end-color;
+
+@stillwind-utility border-e-* {
+  border-inline-end-color: --value(--color-*, current, inherit, transparent, [color]);
+}
+
+@stillwind-utility border-e-* {
+  border-inline-end-color: --compat-color(
+    --value(--color-*, current, inherit, transparent, [color]),
+    --alpha(--modifier())
+  );
+}
+
+@stillwind-utility border-e-* {
+  border-inline-end-style: var(--tw-border-style);
+  border-inline-end-width: calc(--value(integer) * 1px);
+}
+
+@stillwind-utility border-e-* {
+  border-inline-end-style: var(--tw-border-style);
+  border-inline-end-width: --value([line-width]);
+}
+
+@stillwind-arbitrary-property border-block-start-width;
+@stillwind-arbitrary-property border-block-start-style;
+
+@stillwind-utility border-bs {
+  border-block-start-style: var(--tw-border-style);
+  border-block-start-width: 1px;
+}
+
+@stillwind-arbitrary-property border-block-start-color;
+
+@stillwind-utility border-bs-* {
+  border-block-start-color: --value(--color-*, current, inherit, transparent, [color]);
+}
+
+@stillwind-utility border-bs-* {
+  border-block-start-color: --compat-color(
+    --value(--color-*, current, inherit, transparent, [color]),
+    --alpha(--modifier())
+  );
+}
+
+@stillwind-utility border-bs-* {
+  border-block-start-style: var(--tw-border-style);
+  border-block-start-width: calc(--value(integer) * 1px);
+}
+
+@stillwind-utility border-bs-* {
+  border-block-start-style: var(--tw-border-style);
+  border-block-start-width: --value([line-width]);
+}
+
+@stillwind-arbitrary-property border-block-end-width;
+@stillwind-arbitrary-property border-block-end-style;
+
+@stillwind-utility border-be {
+  border-block-end-style: var(--tw-border-style);
+  border-block-end-width: 1px;
+}
+
+@stillwind-arbitrary-property border-block-end-color;
+
+@stillwind-utility border-be-* {
+  border-block-end-color: --value(--color-*, current, inherit, transparent, [color]);
+}
+
+@stillwind-utility border-be-* {
+  border-block-end-color: --compat-color(
+    --value(--color-*, current, inherit, transparent, [color]),
+    --alpha(--modifier())
+  );
+}
+
+@stillwind-utility border-be-* {
+  border-block-end-style: var(--tw-border-style);
+  border-block-end-width: calc(--value(integer) * 1px);
+}
+
+@stillwind-utility border-be-* {
+  border-block-end-style: var(--tw-border-style);
+  border-block-end-width: --value([line-width]);
+}
+
+@stillwind-arbitrary-property border-top-width;
+@stillwind-arbitrary-property border-top-style;
+
+@stillwind-utility border-t {
+  border-top-style: var(--tw-border-style);
+  border-top-width: 1px;
+}
+
+@stillwind-arbitrary-property border-top-color;
+
+@stillwind-utility border-t-* {
+  border-top-color: --value(--color-*, current, inherit, transparent, [color]);
+}
+
+@stillwind-utility border-t-* {
+  border-top-color: --compat-color(
+    --value(--color-*, current, inherit, transparent, [color]),
+    --alpha(--modifier())
+  );
+}
+
+@stillwind-utility border-t-* {
+  border-top-style: var(--tw-border-style);
+  border-top-width: calc(--value(integer) * 1px);
+}
+
+@stillwind-utility border-t-* {
+  border-top-style: var(--tw-border-style);
+  border-top-width: --value([line-width]);
+}
+
+@stillwind-arbitrary-property border-right-width;
+@stillwind-arbitrary-property border-right-style;
+
+@stillwind-utility border-r {
+  border-right-style: var(--tw-border-style);
+  border-right-width: 1px;
+}
+
+@stillwind-arbitrary-property border-right-color;
+
+@stillwind-utility border-r-* {
+  border-right-color: --value(--color-*, current, inherit, transparent, [color]);
+}
+
+@stillwind-utility border-r-* {
+  border-right-color: --compat-color(
+    --value(--color-*, current, inherit, transparent, [color]),
+    --alpha(--modifier())
+  );
+}
+
+@stillwind-utility border-r-* {
+  border-right-style: var(--tw-border-style);
+  border-right-width: calc(--value(integer) * 1px);
+}
+
+@stillwind-utility border-r-* {
+  border-right-style: var(--tw-border-style);
+  border-right-width: --value([line-width]);
+}
+
+@stillwind-arbitrary-property border-bottom-width;
+@stillwind-arbitrary-property border-bottom-style;
+
+@stillwind-utility border-b {
+  border-bottom-style: var(--tw-border-style);
+  border-bottom-width: 1px;
+}
+
+@stillwind-arbitrary-property border-bottom-color;
+
+@stillwind-utility border-b-* {
+  border-bottom-color: --value(--color-*, current, inherit, transparent, [color]);
+}
+
+@stillwind-utility border-b-* {
+  border-bottom-color: --compat-color(
+    --value(--color-*, current, inherit, transparent, [color]),
+    --alpha(--modifier())
+  );
+}
+
+@stillwind-utility border-b-* {
+  border-bottom-style: var(--tw-border-style);
+  border-bottom-width: calc(--value(integer) * 1px);
+}
+
+@stillwind-utility border-b-* {
+  border-bottom-style: var(--tw-border-style);
+  border-bottom-width: --value([line-width]);
+}
+
+@stillwind-arbitrary-property border-left-width;
+@stillwind-arbitrary-property border-left-style;
+
+@stillwind-utility border-l {
+  border-left-style: var(--tw-border-style);
+  border-left-width: 1px;
+}
+
+@stillwind-arbitrary-property border-left-color;
+
+@stillwind-utility border-l-* {
+  border-left-color: --value(--color-*, current, inherit, transparent, [color]);
+}
+
+@stillwind-utility border-l-* {
+  border-left-color: --compat-color(
+    --value(--color-*, current, inherit, transparent, [color]),
+    --alpha(--modifier())
+  );
+}
+
+@stillwind-utility border-l-* {
+  border-left-style: var(--tw-border-style);
+  border-left-width: calc(--value(integer) * 1px);
+}
+
+@stillwind-utility border-l-* {
+  border-left-style: var(--tw-border-style);
+  border-left-width: --value([line-width]);
+}
+
+@stillwind-utility border-dashed {
+  --tw-border-style: dashed;
+  border-style: dashed;
+}
+
+@stillwind-utility border-dotted {
+  --tw-border-style: dotted;
+  border-style: dotted;
+}
+
+@stillwind-utility border-double {
+  --tw-border-style: double;
+  border-style: double;
+}
+
+@stillwind-utility border-hidden {
+  --tw-border-style: hidden;
+  border-style: hidden;
+}
+
+@stillwind-utility border-none {
+  --tw-border-style: none;
+  border-style: none;
+}
+
+@stillwind-utility border-solid {
+  --tw-border-style: solid;
+  border-style: solid;
+}
+
+/* MARK: Dividers */
+
+@stillwind-utility divide-x (tw-sort: divide-x-width) {
+  :where(& > :not(:last-child)) {
+    --tw-divide-x-reverse: 0;
+    border-inline-style: var(--tw-border-style);
+    border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
+    border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
+  }
+}
+
+@stillwind-utility divide-x-[initial] (tw-sort: divide-x-width) {
+  :where(& > :not(:last-child)) {
+    --tw-divide-x-reverse: 0;
+    border-inline-style: var(--tw-border-style);
+    border-inline-start-width: calc(initial * var(--tw-divide-x-reverse));
+    border-inline-end-width: calc(initial * calc(1 - var(--tw-divide-x-reverse)));
+  }
+}
+
+@stillwind-arbitrary-property --tw-divide-x-reverse;
+
+@stillwind-utility divide-x-reverse {
+  :where(& > :not(:last-child)) {
+    --tw-divide-x-reverse: 1;
+  }
+}
+
+@stillwind-arbitrary-property divide-x-width;
+
+@stillwind-utility divide-x-* (tw-sort: divide-x-width) {
+  :where(& > :not(:last-child)) {
+    border-inline-end-style: var(--tw-border-style);
+    border-inline-end-width: --value([line-width]);
+  }
+}
+
+@stillwind-utility divide-x-* (tw-sort: divide-x-width) {
+  :where(& > :not(:last-child)) {
+    --tw-divide-x-reverse: 0;
+    border-inline-style: var(--tw-border-style);
+    border-inline-start-width: calc(
+      --value(--divide-width-*, --border-width-*) * var(--tw-divide-x-reverse)
+    );
+    border-inline-end-width: calc(
+      --value(--divide-width-*, --border-width-*) * calc(1 - var(--tw-divide-x-reverse))
+    );
+  }
+}
+
+@stillwind-utility divide-x-* (tw-sort: divide-x-width) {
+  :where(& > :not(:last-child)) {
+    --tw-divide-x-reverse: 0;
+    border-inline-style: var(--tw-border-style);
+    border-inline-start-width: calc(--value(integer) * 1px * var(--tw-divide-x-reverse));
+    border-inline-end-width: calc(--value(integer) * 1px * calc(1 - var(--tw-divide-x-reverse)));
+  }
+}
+
+@stillwind-utility divide-y (tw-sort: divide-y-width) {
+  :where(& > :not(:last-child)) {
+    --tw-divide-y-reverse: 0;
+    border-bottom-style: var(--tw-border-style);
+    border-top-style: var(--tw-border-style);
+    border-top-width: calc(1px * var(--tw-divide-y-reverse));
+    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
+  }
+}
+
+@stillwind-utility divide-y-[initial] (tw-sort: divide-y-width) {
+  :where(& > :not(:last-child)) {
+    --tw-divide-y-reverse: 0;
+    border-bottom-style: var(--tw-border-style);
+    border-top-style: var(--tw-border-style);
+    border-top-width: calc(initial * var(--tw-divide-y-reverse));
+    border-bottom-width: calc(initial * calc(1 - var(--tw-divide-y-reverse)));
+  }
+}
+
+@stillwind-arbitrary-property --tw-divide-y-reverse;
+
+@stillwind-utility divide-y-reverse {
+  :where(& > :not(:last-child)) {
+    --tw-divide-y-reverse: 1;
+  }
+}
+
+@stillwind-arbitrary-property divide-y-width;
+
+@stillwind-utility divide-y-* (tw-sort: divide-y-width) {
+  :where(& > :not(:last-child)) {
+    border-bottom-style: var(--tw-border-style);
+    border-bottom-width: --value([line-width]);
+  }
+}
+
+@stillwind-utility divide-y-* (tw-sort: divide-y-width) {
+  :where(& > :not(:last-child)) {
+    --tw-divide-y-reverse: 0;
+    border-bottom-style: var(--tw-border-style);
+    border-top-style: var(--tw-border-style);
+    border-top-width: calc(
+      --value(--divide-width-*, --border-width-*) * var(--tw-divide-y-reverse)
+    );
+    border-bottom-width: calc(
+      --value(--divide-width-*, --border-width-*) * calc(1 - var(--tw-divide-y-reverse))
+    );
+  }
+}
+
+@stillwind-utility divide-y-* (tw-sort: divide-y-width) {
+  :where(& > :not(:last-child)) {
+    --tw-divide-y-reverse: 0;
+    border-bottom-style: var(--tw-border-style);
+    border-top-style: var(--tw-border-style);
+    border-top-width: calc(--value(integer) * 1px * var(--tw-divide-y-reverse));
+    border-bottom-width: calc(--value(integer) * 1px * calc(1 - var(--tw-divide-y-reverse)));
+  }
+}
+
+@stillwind-utility divide-dashed (tw-sort: divide-style) {
+  :where(& > :not(:last-child)) {
+    --tw-border-style: dashed;
+    border-style: dashed;
+  }
+}
+
+@stillwind-utility divide-dotted (tw-sort: divide-style) {
+  :where(& > :not(:last-child)) {
+    --tw-border-style: dotted;
+    border-style: dotted;
+  }
+}
+
+@stillwind-utility divide-double (tw-sort: divide-style) {
+  :where(& > :not(:last-child)) {
+    --tw-border-style: double;
+    border-style: double;
+  }
+}
+
+@stillwind-utility divide-none (tw-sort: divide-style) {
+  :where(& > :not(:last-child)) {
+    --tw-border-style: none;
+    border-style: none;
+  }
+}
+
+@stillwind-arbitrary-property divide-style;
+
+@stillwind-utility divide-solid (tw-sort: divide-style) {
+  :where(& > :not(:last-child)) {
+    --tw-border-style: solid;
+    border-style: solid;
+  }
+}
+
+@stillwind-arbitrary-property divide-color;
+
+@stillwind-utility divide-* (tw-sort: divide-color) {
+  :where(& > :not(:last-child)) {
+    border-color: --value(--color-*, current, inherit, transparent);
+  }
+}
+
+@stillwind-utility divide-* (tw-sort: divide-color) {
+  :where(& > :not(:last-child)) {
+    border-color: --compat-color(
+      --value(--color-*, current, inherit, transparent),
+      --alpha(--modifier())
+    );
+  }
+}
+
+/* MARK: `outline` */
+
+@stillwind-arbitrary-property outline-width;
+
+@stillwind-utility outline {
+  outline-style: var(--tw-outline-style);
+  outline-width: 1px;
+}
+
+@stillwind-utility outline-0 {
+  outline-style: var(--tw-outline-style);
+  outline-width: 0;
+}
+
+@stillwind-utility outline-* {
+  outline-style: var(--tw-outline-style);
+  outline-width: calc(--value(integer) * 1px);
+}
+
+@stillwind-arbitrary-property outline-offset;
+
+@stillwind-utility outline-offset-0 {
+  outline-offset: 0px;
+}
+
+@stillwind-utility outline-offset-2 {
+  outline-offset: 2px;
+}
+
+@stillwind-utility outline-offset-* {
+  outline-offset: --value(--outline-offset-*, [length]);
+}
+
+@stillwind-utility outline-offset-* {
+  outline-offset: calc(--value(integer) * 1px);
+}
+
+@stillwind-utility -outline-offset-* {
+  outline-offset: calc(--value(--outline-offset-*, [length]) * -1);
+}
+
+@stillwind-utility -outline-offset-* {
+  outline-offset: calc(--value(integer) * 1px * -1);
+}
+
+@stillwind-arbitrary-property outline-color;
+
+@stillwind-utility outline-* {
+  outline-color: --compat-color(
+    --value(--color-*, current, inherit, transparent, [color]),
+    --alpha(--modifier())
+  );
+}
+
+@stillwind-utility outline-* {
+  outline-color: --value(--color-*, current, inherit, transparent);
+}
+
+/*
+An untyped variable selects the earliest registered branch that accepts it. Keep this
+width branch after the outline color branches so `outline-(--x)` sets the color, as in
+Tailwind.
+*/
+@stillwind-utility outline-* {
+  outline-style: var(--tw-outline-style);
+  outline-width: --value([line-width]);
+}
+
+@stillwind-utility outline-dashed {
+  --tw-outline-style: dashed;
+  outline-style: dashed;
+}
+
+@stillwind-utility outline-dotted {
+  --tw-outline-style: dotted;
+  outline-style: dotted;
+}
+
+@stillwind-utility outline-double {
+  --tw-outline-style: double;
+  outline-style: double;
+}
+
+@stillwind-arbitrary-property outline;
+
+@stillwind-utility outline-hidden {
+  --tw-outline-style: none;
+  outline-style: none;
+
+  @media (forced-colors: active) {
+    outline-offset: 2px;
+    outline: 2px solid transparent;
+  }
+}
+
+@stillwind-utility outline-none {
+  --tw-outline-style: none;
+  outline-style: none;
+}
+
+@stillwind-utility outline-solid {
+  --tw-outline-style: solid;
+  outline-style: solid;
+}