stillwind 0.0.0 → 0.1.0-rc.0

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

@@ -0,0 +1,680 @@
+/* Built-in interactivity utilities. */
+
+/* MARK: `pointer-events` */
+
+@stillwind-arbitrary-property pointer-events;
+
+@stillwind-utility pointer-events-auto {
+  pointer-events: auto;
+}
+
+@stillwind-utility pointer-events-none {
+  pointer-events: none;
+}
+
+/* MARK: `field-sizing` */
+
+@stillwind-arbitrary-property field-sizing;
+
+@stillwind-utility field-sizing-content {
+  field-sizing: content;
+}
+
+@stillwind-utility field-sizing-fixed {
+  field-sizing: fixed;
+}
+
+/* MARK: `zoom` */
+
+@stillwind-arbitrary-property zoom;
+
+@stillwind-utility zoom-* {
+  zoom: calc(--value(integer) * 1%);
+}
+
+@stillwind-utility zoom-* {
+  zoom: --value([zoom]);
+}
+
+/* MARK: `cursor` */
+
+@stillwind-arbitrary-property cursor;
+
+@stillwind-utility cursor-alias {
+  cursor: alias;
+}
+
+@stillwind-utility cursor-all-scroll {
+  cursor: all-scroll;
+}
+
+@stillwind-utility cursor-auto {
+  cursor: auto;
+}
+
+@stillwind-utility cursor-cell {
+  cursor: cell;
+}
+
+@stillwind-utility cursor-col-resize {
+  cursor: col-resize;
+}
+
+@stillwind-utility cursor-context-menu {
+  cursor: context-menu;
+}
+
+@stillwind-utility cursor-copy {
+  cursor: copy;
+}
+
+@stillwind-utility cursor-crosshair {
+  cursor: crosshair;
+}
+
+@stillwind-utility cursor-default {
+  cursor: default;
+}
+
+@stillwind-utility cursor-e-resize {
+  cursor: e-resize;
+}
+
+@stillwind-utility cursor-ew-resize {
+  cursor: ew-resize;
+}
+
+@stillwind-utility cursor-grab {
+  cursor: grab;
+}
+
+@stillwind-utility cursor-grabbing {
+  cursor: grabbing;
+}
+
+@stillwind-utility cursor-help {
+  cursor: help;
+}
+
+@stillwind-utility cursor-move {
+  cursor: move;
+}
+
+@stillwind-utility cursor-n-resize {
+  cursor: n-resize;
+}
+
+@stillwind-utility cursor-ne-resize {
+  cursor: ne-resize;
+}
+
+@stillwind-utility cursor-nesw-resize {
+  cursor: nesw-resize;
+}
+
+@stillwind-utility cursor-no-drop {
+  cursor: no-drop;
+}
+
+@stillwind-utility cursor-none {
+  cursor: none;
+}
+
+@stillwind-utility cursor-not-allowed {
+  cursor: not-allowed;
+}
+
+@stillwind-utility cursor-ns-resize {
+  cursor: ns-resize;
+}
+
+@stillwind-utility cursor-nw-resize {
+  cursor: nw-resize;
+}
+
+@stillwind-utility cursor-nwse-resize {
+  cursor: nwse-resize;
+}
+
+@stillwind-utility cursor-pointer {
+  cursor: pointer;
+}
+
+@stillwind-utility cursor-progress {
+  cursor: progress;
+}
+
+@stillwind-utility cursor-row-resize {
+  cursor: row-resize;
+}
+
+@stillwind-utility cursor-s-resize {
+  cursor: s-resize;
+}
+
+@stillwind-utility cursor-se-resize {
+  cursor: se-resize;
+}
+
+@stillwind-utility cursor-sw-resize {
+  cursor: sw-resize;
+}
+
+@stillwind-utility cursor-text {
+  cursor: text;
+}
+
+@stillwind-utility cursor-vertical-text {
+  cursor: vertical-text;
+}
+
+@stillwind-utility cursor-w-resize {
+  cursor: w-resize;
+}
+
+@stillwind-utility cursor-wait {
+  cursor: wait;
+}
+
+@stillwind-utility cursor-zoom-in {
+  cursor: zoom-in;
+}
+
+@stillwind-utility cursor-zoom-out {
+  cursor: zoom-out;
+}
+
+@stillwind-utility cursor-* {
+  cursor: --value(--cursor-*, [cursor]);
+}
+
+/* MARK: `touch-action` */
+
+@stillwind-arbitrary-property --tw-pan-x;
+
+@stillwind-utility touch-pan-left {
+  --tw-pan-x: pan-left;
+  touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,);
+}
+
+@stillwind-utility touch-pan-right {
+  --tw-pan-x: pan-right;
+  touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,);
+}
+
+@stillwind-utility touch-pan-x {
+  --tw-pan-x: pan-x;
+  touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,);
+}
+
+@stillwind-arbitrary-property --tw-pan-y;
+
+@stillwind-utility touch-pan-down {
+  --tw-pan-y: pan-down;
+  touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,);
+}
+
+@stillwind-utility touch-pan-up {
+  --tw-pan-y: pan-up;
+  touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,);
+}
+
+@stillwind-utility touch-pan-y {
+  --tw-pan-y: pan-y;
+  touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,);
+}
+
+@stillwind-arbitrary-property --tw-pinch-zoom;
+
+@stillwind-utility touch-pinch-zoom {
+  --tw-pinch-zoom: pinch-zoom;
+  touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,);
+}
+
+@stillwind-arbitrary-property touch-action;
+
+@stillwind-utility touch-auto {
+  touch-action: auto;
+}
+
+@stillwind-utility touch-manipulation {
+  touch-action: manipulation;
+}
+
+@stillwind-utility touch-none {
+  touch-action: none;
+}
+
+/* MARK: `resize` */
+
+@stillwind-arbitrary-property resize;
+
+@stillwind-utility resize {
+  resize: both;
+}
+
+@stillwind-utility resize-none {
+  resize: none;
+}
+
+@stillwind-utility resize-x {
+  resize: horizontal;
+}
+
+@stillwind-utility resize-y {
+  resize: vertical;
+}
+
+/* MARK: Scroll Snap */
+
+@stillwind-arbitrary-property scroll-snap-type;
+
+@stillwind-utility snap-both {
+  scroll-snap-type: both var(--tw-scroll-snap-strictness);
+}
+
+@stillwind-utility snap-none {
+  scroll-snap-type: none;
+}
+
+@stillwind-utility snap-x {
+  scroll-snap-type: x var(--tw-scroll-snap-strictness);
+}
+
+@stillwind-utility snap-y {
+  scroll-snap-type: y var(--tw-scroll-snap-strictness);
+}
+
+@stillwind-arbitrary-property --tw-scroll-snap-strictness;
+
+@stillwind-utility snap-mandatory {
+  --tw-scroll-snap-strictness: mandatory;
+}
+
+@stillwind-utility snap-proximity {
+  --tw-scroll-snap-strictness: proximity;
+}
+
+@stillwind-arbitrary-property scroll-snap-align;
+
+@stillwind-utility snap-align-none {
+  scroll-snap-align: none;
+}
+
+@stillwind-utility snap-center {
+  scroll-snap-align: center;
+}
+
+@stillwind-utility snap-end {
+  scroll-snap-align: end;
+}
+
+@stillwind-utility snap-start {
+  scroll-snap-align: start;
+}
+
+@stillwind-arbitrary-property scroll-snap-stop;
+
+@stillwind-utility snap-always {
+  scroll-snap-stop: always;
+}
+
+@stillwind-utility snap-normal {
+  scroll-snap-stop: normal;
+}
+
+/* MARK: `scroll-margin` and `scroll-padding` */
+
+@stillwind-arbitrary-property scroll-margin;
+
+@stillwind-utility scroll-m-* {
+  scroll-margin: --value(--spacing-*, --spacing(), [length]);
+}
+
+@stillwind-utility -scroll-m-* {
+  scroll-margin: calc(--value(--spacing-*, --spacing(), [length]) * -1);
+}
+
+@stillwind-arbitrary-property scroll-margin-inline;
+
+@stillwind-utility scroll-mx-* {
+  scroll-margin-inline: --value(--spacing-*, --spacing(), [length]);
+}
+
+@stillwind-utility -scroll-mx-* {
+  scroll-margin-inline: calc(--value(--spacing-*, --spacing(), [length]) * -1);
+}
+
+@stillwind-arbitrary-property scroll-margin-block;
+
+@stillwind-utility scroll-my-* {
+  scroll-margin-block: --value(--spacing-*, --spacing(), [length]);
+}
+
+@stillwind-utility -scroll-my-* {
+  scroll-margin-block: calc(--value(--spacing-*, --spacing(), [length]) * -1);
+}
+
+@stillwind-arbitrary-property scroll-margin-inline-start;
+
+@stillwind-utility scroll-ms-* {
+  scroll-margin-inline-start: --value(--spacing-*, --spacing(), [length]);
+}
+
+@stillwind-utility -scroll-ms-* {
+  scroll-margin-inline-start: calc(--value(--spacing-*, --spacing(), [length]) * -1);
+}
+
+@stillwind-arbitrary-property scroll-margin-inline-end;
+
+@stillwind-utility scroll-me-* {
+  scroll-margin-inline-end: --value(--spacing-*, --spacing(), [length]);
+}
+
+@stillwind-utility -scroll-me-* {
+  scroll-margin-inline-end: calc(--value(--spacing-*, --spacing(), [length]) * -1);
+}
+
+@stillwind-arbitrary-property scroll-margin-block-start;
+
+@stillwind-utility scroll-mbs-* {
+  scroll-margin-block-start: --value(--spacing-*, --spacing(), [length]);
+}
+
+@stillwind-utility -scroll-mbs-* {
+  scroll-margin-block-start: calc(--value(--spacing-*, --spacing(), [length]) * -1);
+}
+
+@stillwind-arbitrary-property scroll-margin-block-end;
+
+@stillwind-utility scroll-mbe-* {
+  scroll-margin-block-end: --value(--spacing-*, --spacing(), [length]);
+}
+
+@stillwind-utility -scroll-mbe-* {
+  scroll-margin-block-end: calc(--value(--spacing-*, --spacing(), [length]) * -1);
+}
+
+@stillwind-arbitrary-property scroll-margin-top;
+
+@stillwind-utility scroll-mt-* {
+  scroll-margin-top: --value(--spacing-*, --spacing(), [length]);
+}
+
+@stillwind-utility -scroll-mt-* {
+  scroll-margin-top: calc(--value(--spacing-*, --spacing(), [length]) * -1);
+}
+
+@stillwind-arbitrary-property scroll-margin-right;
+
+@stillwind-utility scroll-mr-* {
+  scroll-margin-right: --value(--spacing-*, --spacing(), [length]);
+}
+
+@stillwind-utility -scroll-mr-* {
+  scroll-margin-right: calc(--value(--spacing-*, --spacing(), [length]) * -1);
+}
+
+@stillwind-arbitrary-property scroll-margin-bottom;
+
+@stillwind-utility scroll-mb-* {
+  scroll-margin-bottom: --value(--spacing-*, --spacing(), [length]);
+}
+
+@stillwind-utility -scroll-mb-* {
+  scroll-margin-bottom: calc(--value(--spacing-*, --spacing(), [length]) * -1);
+}
+
+@stillwind-arbitrary-property scroll-margin-left;
+
+@stillwind-utility scroll-ml-* {
+  scroll-margin-left: --value(--spacing-*, --spacing(), [length]);
+}
+
+@stillwind-utility -scroll-ml-* {
+  scroll-margin-left: calc(--value(--spacing-*, --spacing(), [length]) * -1);
+}
+
+@stillwind-arbitrary-property scroll-padding;
+
+@stillwind-utility scroll-p-* {
+  scroll-padding: --value(--spacing-*, --spacing(), [length-percentage]);
+}
+
+@stillwind-arbitrary-property scroll-padding-inline;
+
+@stillwind-utility scroll-px-* {
+  scroll-padding-inline: --value(--spacing-*, --spacing(), [length-percentage]);
+}
+
+@stillwind-arbitrary-property scroll-padding-block;
+
+@stillwind-utility scroll-py-* {
+  scroll-padding-block: --value(--spacing-*, --spacing(), [length-percentage]);
+}
+
+@stillwind-arbitrary-property scroll-padding-inline-start;
+
+@stillwind-utility scroll-ps-* {
+  scroll-padding-inline-start: --value(--spacing-*, --spacing(), [length-percentage]);
+}
+
+@stillwind-arbitrary-property scroll-padding-inline-end;
+
+@stillwind-utility scroll-pe-* {
+  scroll-padding-inline-end: --value(--spacing-*, --spacing(), [length-percentage]);
+}
+
+@stillwind-arbitrary-property scroll-padding-block-start;
+
+@stillwind-utility scroll-pbs-* {
+  scroll-padding-block-start: --value(--spacing-*, --spacing(), [length-percentage]);
+}
+
+@stillwind-arbitrary-property scroll-padding-block-end;
+
+@stillwind-utility scroll-pbe-* {
+  scroll-padding-block-end: --value(--spacing-*, --spacing(), [length-percentage]);
+}
+
+@stillwind-arbitrary-property scroll-padding-top;
+
+@stillwind-utility scroll-pt-* {
+  scroll-padding-top: --value(--spacing-*, --spacing(), [length-percentage]);
+}
+
+@stillwind-arbitrary-property scroll-padding-right;
+
+@stillwind-utility scroll-pr-* {
+  scroll-padding-right: --value(--spacing-*, --spacing(), [length-percentage]);
+}
+
+@stillwind-arbitrary-property scroll-padding-bottom;
+
+@stillwind-utility scroll-pb-* {
+  scroll-padding-bottom: --value(--spacing-*, --spacing(), [length-percentage]);
+}
+
+@stillwind-arbitrary-property scroll-padding-left;
+
+@stillwind-utility scroll-pl-* {
+  scroll-padding-left: --value(--spacing-*, --spacing(), [length-percentage]);
+}
+
+/* MARK: Scrollbar Width, Color, and Gutter */
+
+@stillwind-arbitrary-property scrollbar-width;
+
+@stillwind-utility scrollbar-auto {
+  scrollbar-width: auto;
+}
+
+@stillwind-utility scrollbar-none {
+  scrollbar-width: none;
+}
+
+@stillwind-utility scrollbar-thin {
+  scrollbar-width: thin;
+}
+
+@stillwind-arbitrary-property scrollbar-color;
+
+@stillwind-utility scrollbar-thumb-* {
+  --tw-scrollbar-thumb: --value(--color-*, current, inherit, transparent, [color]);
+  scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track);
+}
+
+@stillwind-utility scrollbar-thumb-* {
+  --tw-scrollbar-thumb: --compat-color(
+    --value(--color-*, current, inherit, transparent, [color]),
+    --alpha(--modifier())
+  );
+  scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track);
+}
+
+@stillwind-utility scrollbar-track-* {
+  --tw-scrollbar-track: --value(--color-*, current, inherit, transparent, [color]);
+  scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track);
+}
+
+@stillwind-utility scrollbar-track-* {
+  --tw-scrollbar-track: --compat-color(
+    --value(--color-*, current, inherit, transparent, [color]),
+    --alpha(--modifier())
+  );
+  scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track);
+}
+
+@stillwind-arbitrary-property scrollbar-gutter;
+
+@stillwind-utility scrollbar-gutter-auto {
+  scrollbar-gutter: auto;
+}
+
+@stillwind-utility scrollbar-gutter-both {
+  scrollbar-gutter: stable both-edges;
+}
+
+@stillwind-utility scrollbar-gutter-stable {
+  scrollbar-gutter: stable;
+}
+
+/* MARK: `appearance` */
+
+@stillwind-arbitrary-property appearance;
+
+@stillwind-utility appearance-auto {
+  appearance: auto;
+}
+
+@stillwind-utility appearance-none {
+  appearance: none;
+}
+
+/* MARK: `scroll-behavior` */
+
+@stillwind-arbitrary-property scroll-behavior;
+
+@stillwind-utility scroll-auto {
+  scroll-behavior: auto;
+}
+
+@stillwind-utility scroll-smooth {
+  scroll-behavior: smooth;
+}
+
+/* MARK: `caret-color` */
+
+@stillwind-arbitrary-property caret-color;
+
+@stillwind-utility caret-* {
+  caret-color: --compat-color(
+    --value(--color-*, current, inherit, transparent, [color]),
+    --alpha(--modifier())
+  );
+}
+
+@stillwind-utility caret-* {
+  caret-color: --value(--color-*, current, inherit, transparent);
+}
+
+/* MARK: `accent-color` */
+
+@stillwind-arbitrary-property accent-color;
+
+@stillwind-utility accent-auto {
+  accent-color: auto;
+}
+
+@stillwind-utility accent-* {
+  accent-color: --compat-color(
+    --value(--color-*, current, inherit, transparent, [color]),
+    --alpha(--modifier())
+  );
+}
+
+@stillwind-utility accent-* {
+  accent-color: --value(--color-*, current, inherit, transparent);
+}
+
+/* MARK: `color-scheme` */
+
+@stillwind-arbitrary-property color-scheme;
+
+@stillwind-utility scheme-dark {
+  color-scheme: dark;
+}
+
+@stillwind-utility scheme-light {
+  color-scheme: light;
+}
+
+@stillwind-utility scheme-light-dark {
+  color-scheme: light dark;
+}
+
+@stillwind-utility scheme-normal {
+  color-scheme: normal;
+}
+
+@stillwind-utility scheme-only-dark {
+  color-scheme: only dark;
+}
+
+@stillwind-utility scheme-only-light {
+  color-scheme: only light;
+}
+
+/* MARK: `forced-color-adjust` */
+
+@stillwind-arbitrary-property forced-color-adjust;
+
+@stillwind-utility forced-color-adjust-auto {
+  forced-color-adjust: auto;
+}
+
+@stillwind-utility forced-color-adjust-none {
+  forced-color-adjust: none;
+}
+
+/* MARK: `user-select` */
+
+@stillwind-utility select-all {
+  -webkit-user-select: all;
+  user-select: all;
+}
+
+@stillwind-utility select-auto {
+  -webkit-user-select: auto;
+  user-select: auto;
+}
+
+@stillwind-utility select-none {
+  -webkit-user-select: none;
+  user-select: none;
+}
+
+@stillwind-utility select-text {
+  -webkit-user-select: text;
+  user-select: text;
+}