type
status
date
slug
summary
tags
category
icon
password

Accent Color

Class
Properties
accent-inherit
accent-color: inherit;
accent-current
accent-color: currentColor;
accent-transparent
accent-color: transparent;
accent-black
accent-color: #000;
accent-white
accent-color: #fff;
accent-slate-50
accent-color: #f8fafc;
accent-slate-100
accent-color: #f1f5f9;
accent-slate-200
accent-color: #e2e8f0;
更多该样式见官网：

Appearance

Class
Properties
appearance-none
appearance: none;
appearance-auto
appearance: auto;

Cursor

Class
Properties
cursor-auto
cursor: auto;
cursor-default
cursor: default;
cursor-pointer
cursor: pointer;
cursor-wait
cursor: wait;
cursor-text
cursor: text;
cursor-move
cursor: move;
cursor-help
cursor: help;
cursor-not-allowed
cursor: not-allowed;
cursor-none
cursor: none;
cursor-context-menu
cursor: context-menu;
cursor-progress
cursor: progress;
cursor-cell
cursor: cell;
cursor-crosshair
cursor: crosshair;
cursor-vertical-text
cursor: vertical-text;
cursor-alias
cursor: alias;
cursor-copy
cursor: copy;
cursor-no-drop
cursor: no-drop;
cursor-grab
cursor: grab;
cursor-grabbing
cursor: grabbing;
cursor-all-scroll
cursor: all-scroll;
cursor-col-resize
cursor: col-resize;
cursor-row-resize
cursor: row-resize;
cursor-n-resize
cursor: n-resize;
cursor-e-resize
cursor: e-resize;
cursor-s-resize
cursor: s-resize;
cursor-w-resize
cursor: w-resize;
cursor-ne-resize
cursor: ne-resize;
cursor-nw-resize
cursor: nw-resize;
cursor-se-resize
cursor: se-resize;
cursor-sw-resize
cursor: sw-resize;
cursor-ew-resize
cursor: ew-resize;
cursor-ns-resize
cursor: ns-resize;
cursor-nesw-resize
cursor: nesw-resize;
cursor-nwse-resize
cursor: nwse-resize;
cursor-zoom-in
cursor: zoom-in;
cursor-zoom-out
cursor: zoom-out;

Caret Color

Class
Properties
caret-inherit
caret-color: inherit;
caret-current
caret-color: currentColor;
caret-transparent
caret-color: transparent;
caret-black
caret-color: #000;
caret-white
caret-color: #fff;
caret-slate-50
caret-color: #f8fafc;
caret-slate-100
caret-color: #f1f5f9;
caret-slate-200
caret-color: #e2e8f0;
更多该样式见官网：

Pointer Events

Class
Properties
pointer-events-none
pointer-events: none;
pointer-events-auto
pointer-events: auto;

Resize

Class
Properties
Class
Properties
resize-none
resize: none;
resize-y
resize: vertical;
resize-x
resize: horizontal;
resize
resize: both;

Scroll Behavior

Class
Properties
scroll-auto
scroll-behavior: auto;
scroll-smooth
scroll-behavior: smooth;

Scroll Margin

Class
Properties
scroll-m-0
scroll-margin: 0px;
scroll-mx-0
scroll-margin-left: 0px; scroll-margin-right: 0px;
scroll-my-0
scroll-margin-top: 0px; scroll-margin-bottom: 0px;
scroll-ms-0
scroll-margin-inline-start: 0px;
scroll-me-0
scroll-margin-inline-end: 0px;
scroll-mt-0
scroll-margin-top: 0px;
scroll-mr-0
scroll-margin-right: 0px;
scroll-mb-0
scroll-margin-bottom: 0px;
scroll-ml-0
scroll-margin-left: 0px;
scroll-m-px
scroll-margin: 1px;
scroll-mx-px
scroll-margin-left: 1px; scroll-margin-right: 1px;
scroll-my-px
scroll-margin-top: 1px; scroll-margin-bottom: 1px;
scroll-ms-px
scroll-margin-inline-start: 1px;
scroll-me-px
scroll-margin-inline-end: 1px;
scroll-mt-px
scroll-margin-top: 1px;
scroll-mr-px
scroll-margin-right: 1px;
scroll-mb-px
scroll-margin-bottom: 1px;
scroll-ml-px
scroll-margin-left: 1px;
scroll-m-0.5
scroll-margin: 0.125rem; /* 2px */
scroll-mx-0.5
scroll-margin-left: 0.125rem; /* 2px */ scroll-margin-right: 0.125rem; /* 2px */
scroll-my-0.5
scroll-margin-top: 0.125rem; /* 2px */ scroll-margin-bottom: 0.125rem; /* 2px */
scroll-ms-0.5
scroll-margin-inline-start: 0.125rem; /* 2px */
scroll-me-0.5
scroll-margin-inline-end: 0.125rem; /* 2px */
scroll-mt-0.5
scroll-margin-top: 0.125rem; /* 2px */
scroll-mr-0.5
scroll-margin-right: 0.125rem; /* 2px */
scroll-mb-0.5
scroll-margin-bottom: 0.125rem; /* 2px */
scroll-ml-0.5
scroll-margin-left: 0.125rem; /* 2px */
scroll-m-1
scroll-margin: 0.25rem; /* 4px */
scroll-mx-1
scroll-margin-left: 0.25rem; /* 4px */ scroll-margin-right: 0.25rem; /* 4px */
scroll-my-1
scroll-margin-top: 0.25rem; /* 4px */ scroll-margin-bottom: 0.25rem; /* 4px */
scroll-ms-1
scroll-margin-inline-start: 0.25rem; /* 4px */
scroll-me-1
scroll-margin-inline-end: 0.25rem; /* 4px */
scroll-mt-1
scroll-margin-top: 0.25rem; /* 4px */
scroll-mr-1
scroll-margin-right: 0.25rem; /* 4px */
scroll-mb-1
scroll-margin-bottom: 0.25rem; /* 4px */
scroll-ml-1
scroll-margin-left: 0.25rem; /* 4px */
scroll-m-1.5
scroll-margin: 0.375rem; /* 6px */
scroll-mx-1.5
scroll-margin-left: 0.375rem; /* 6px */ scroll-margin-right: 0.375rem; /* 6px */
scroll-my-1.5
scroll-margin-top: 0.375rem; /* 6px */ scroll-margin-bottom: 0.375rem; /* 6px */
scroll-ms-1.5
scroll-margin-inline-start: 0.375rem; /* 6px */
scroll-me-1.5
scroll-margin-inline-end: 0.375rem; /* 6px */
scroll-mt-1.5
scroll-margin-top: 0.375rem; /* 6px */
scroll-mr-1.5
scroll-margin-right: 0.375rem; /* 6px */
scroll-mb-1.5
scroll-margin-bottom: 0.375rem; /* 6px */
scroll-ml-1.5
scroll-margin-left: 0.375rem; /* 6px */
scroll-m-2
scroll-margin: 0.5rem; /* 8px */
scroll-mx-2
scroll-margin-left: 0.5rem; /* 8px */ scroll-margin-right: 0.5rem; /* 8px */
scroll-my-2
scroll-margin-top: 0.5rem; /* 8px */ scroll-margin-bottom: 0.5rem; /* 8px */
scroll-ms-2
scroll-margin-inline-start: 0.5rem; /* 8px */
scroll-me-2
scroll-margin-inline-end: 0.5rem; /* 8px */
scroll-mt-2
scroll-margin-top: 0.5rem; /* 8px */
scroll-mr-2
scroll-margin-right: 0.5rem; /* 8px */
scroll-mb-2
scroll-margin-bottom: 0.5rem; /* 8px */
scroll-ml-2
scroll-margin-left: 0.5rem; /* 8px */
scroll-m-2.5
scroll-margin: 0.625rem; /* 10px */
scroll-mx-2.5
scroll-margin-left: 0.625rem; /* 10px */ scroll-margin-right: 0.625rem; /* 10px */
scroll-my-2.5
scroll-margin-top: 0.625rem; /* 10px */ scroll-margin-bottom: 0.625rem; /* 10px */
scroll-ms-2.5
scroll-margin-inline-start: 0.625rem; /* 10px */
scroll-me-2.5
scroll-margin-inline-end: 0.625rem; /* 10px */
scroll-mt-2.5
scroll-margin-top: 0.625rem; /* 10px */
scroll-mr-2.5
scroll-margin-right: 0.625rem; /* 10px */
scroll-mb-2.5
scroll-margin-bottom: 0.625rem; /* 10px */
scroll-ml-2.5
scroll-margin-left: 0.625rem; /* 10px */
scroll-m-3
scroll-margin: 0.75rem; /* 12px */
scroll-mx-3
scroll-margin-left: 0.75rem; /* 12px */ scroll-margin-right: 0.75rem; /* 12px */
scroll-my-3
scroll-margin-top: 0.75rem; /* 12px */ scroll-margin-bottom: 0.75rem; /* 12px */
scroll-ms-3
scroll-margin-inline-start: 0.75rem; /* 12px */
scroll-me-3
scroll-margin-inline-end: 0.75rem; /* 12px */
scroll-mt-3
scroll-margin-top: 0.75rem; /* 12px */
scroll-mr-3
scroll-margin-right: 0.75rem; /* 12px */
scroll-mb-3
scroll-margin-bottom: 0.75rem; /* 12px */
scroll-ml-3
scroll-margin-left: 0.75rem; /* 12px */
scroll-m-3.5
scroll-margin: 0.875rem; /* 14px */
scroll-mx-3.5
scroll-margin-left: 0.875rem; /* 14px */ scroll-margin-right: 0.875rem; /* 14px */
scroll-my-3.5
scroll-margin-top: 0.875rem; /* 14px */ scroll-margin-bottom: 0.875rem; /* 14px */
scroll-ms-3.5
scroll-margin-inline-start: 0.875rem; /* 14px */
scroll-me-3.5
scroll-margin-inline-end: 0.875rem; /* 14px */
scroll-mt-3.5
scroll-margin-top: 0.875rem; /* 14px */
scroll-mr-3.5
scroll-margin-right: 0.875rem; /* 14px */
scroll-mb-3.5
scroll-margin-bottom: 0.875rem; /* 14px */
scroll-ml-3.5
scroll-margin-left: 0.875rem; /* 14px */
scroll-m-4
scroll-margin: 1rem; /* 16px */
scroll-mx-4
scroll-margin-left: 1rem; /* 16px */ scroll-margin-right: 1rem; /* 16px */
scroll-my-4
scroll-margin-top: 1rem; /* 16px */ scroll-margin-bottom: 1rem; /* 16px */
scroll-ms-4
scroll-margin-inline-start: 1rem; /* 16px */
scroll-me-4
scroll-margin-inline-end: 1rem; /* 16px */
scroll-mt-4
scroll-margin-top: 1rem; /* 16px */
scroll-mr-4
scroll-margin-right: 1rem; /* 16px */
scroll-mb-4
scroll-margin-bottom: 1rem; /* 16px */
scroll-ml-4
scroll-margin-left: 1rem; /* 16px */
scroll-m-5
scroll-margin: 1.25rem; /* 20px */
scroll-mx-5
scroll-margin-left: 1.25rem; /* 20px */ scroll-margin-right: 1.25rem; /* 20px */
scroll-my-5
scroll-margin-top: 1.25rem; /* 20px */ scroll-margin-bottom: 1.25rem; /* 20px */
scroll-ms-5
scroll-margin-inline-start: 1.25rem; /* 20px */
scroll-me-5
scroll-margin-inline-end: 1.25rem; /* 20px */
scroll-mt-5
scroll-margin-top: 1.25rem; /* 20px */
scroll-mr-5
scroll-margin-right: 1.25rem; /* 20px */
scroll-mb-5
scroll-margin-bottom: 1.25rem; /* 20px */
scroll-ml-5
scroll-margin-left: 1.25rem; /* 20px */
scroll-m-6
scroll-margin: 1.5rem; /* 24px */
scroll-mx-6
scroll-margin-left: 1.5rem; /* 24px */ scroll-margin-right: 1.5rem; /* 24px */
scroll-my-6
scroll-margin-top: 1.5rem; /* 24px */ scroll-margin-bottom: 1.5rem; /* 24px */
scroll-ms-6
scroll-margin-inline-start: 1.5rem; /* 24px */
scroll-me-6
scroll-margin-inline-end: 1.5rem; /* 24px */
scroll-mt-6
scroll-margin-top: 1.5rem; /* 24px */
scroll-mr-6
scroll-margin-right: 1.5rem; /* 24px */
scroll-mb-6
scroll-margin-bottom: 1.5rem; /* 24px */
scroll-ml-6
scroll-margin-left: 1.5rem; /* 24px */
scroll-m-7
scroll-margin: 1.75rem; /* 28px */
scroll-mx-7
scroll-margin-left: 1.75rem; /* 28px */ scroll-margin-right: 1.75rem; /* 28px */
scroll-my-7
scroll-margin-top: 1.75rem; /* 28px */ scroll-margin-bottom: 1.75rem; /* 28px */
scroll-ms-7
scroll-margin-inline-start: 1.75rem; /* 28px */
scroll-me-7
scroll-margin-inline-end: 1.75rem; /* 28px */
scroll-mt-7
scroll-margin-top: 1.75rem; /* 28px */
scroll-mr-7
scroll-margin-right: 1.75rem; /* 28px */
scroll-mb-7
scroll-margin-bottom: 1.75rem; /* 28px */
scroll-ml-7
scroll-margin-left: 1.75rem; /* 28px */
scroll-m-8
scroll-margin: 2rem; /* 32px */
scroll-mx-8
scroll-margin-left: 2rem; /* 32px */ scroll-margin-right: 2rem; /* 32px */
scroll-my-8
scroll-margin-top: 2rem; /* 32px */ scroll-margin-bottom: 2rem; /* 32px */
scroll-ms-8
scroll-margin-inline-start: 2rem; /* 32px */
scroll-me-8
scroll-margin-inline-end: 2rem; /* 32px */
scroll-mt-8
scroll-margin-top: 2rem; /* 32px */
scroll-mr-8
scroll-margin-right: 2rem; /* 32px */
scroll-mb-8
scroll-margin-bottom: 2rem; /* 32px */
scroll-ml-8
scroll-margin-left: 2rem; /* 32px */
scroll-m-9
scroll-margin: 2.25rem; /* 36px */
scroll-mx-9
scroll-margin-left: 2.25rem; /* 36px */ scroll-margin-right: 2.25rem; /* 36px */
scroll-my-9
scroll-margin-top: 2.25rem; /* 36px */ scroll-margin-bottom: 2.25rem; /* 36px */
scroll-ms-9
scroll-margin-inline-start: 2.25rem; /* 36px */
scroll-me-9
scroll-margin-inline-end: 2.25rem; /* 36px */
scroll-mt-9
scroll-margin-top: 2.25rem; /* 36px */
scroll-mr-9
scroll-margin-right: 2.25rem; /* 36px */
scroll-mb-9
scroll-margin-bottom: 2.25rem; /* 36px */
scroll-ml-9
scroll-margin-left: 2.25rem; /* 36px */
scroll-m-10
scroll-margin: 2.5rem; /* 40px */
scroll-mx-10
scroll-margin-left: 2.5rem; /* 40px */ scroll-margin-right: 2.5rem; /* 40px */
scroll-my-10
scroll-margin-top: 2.5rem; /* 40px */ scroll-margin-bottom: 2.5rem; /* 40px */
scroll-ms-10
scroll-margin-inline-start: 2.5rem; /* 40px */
scroll-me-10
scroll-margin-inline-end: 2.5rem; /* 40px */
scroll-mt-10
scroll-margin-top: 2.5rem; /* 40px */
scroll-mr-10
scroll-margin-right: 2.5rem; /* 40px */
scroll-mb-10
scroll-margin-bottom: 2.5rem; /* 40px */
scroll-ml-10
scroll-margin-left: 2.5rem; /* 40px */
scroll-m-11
scroll-margin: 2.75rem; /* 44px */
scroll-mx-11
scroll-margin-left: 2.75rem; /* 44px */ scroll-margin-right: 2.75rem; /* 44px */
scroll-my-11
scroll-margin-top: 2.75rem; /* 44px */ scroll-margin-bottom: 2.75rem; /* 44px */
scroll-ms-11
scroll-margin-inline-start: 2.75rem; /* 44px */
scroll-me-11
scroll-margin-inline-end: 2.75rem; /* 44px */
scroll-mt-11
scroll-margin-top: 2.75rem; /* 44px */
scroll-mr-11
scroll-margin-right: 2.75rem; /* 44px */
scroll-mb-11
scroll-margin-bottom: 2.75rem; /* 44px */
scroll-ml-11
scroll-margin-left: 2.75rem; /* 44px */
scroll-m-12
scroll-margin: 3rem; /* 48px */
scroll-mx-12
scroll-margin-left: 3rem; /* 48px */ scroll-margin-right: 3rem; /* 48px */
scroll-my-12
scroll-margin-top: 3rem; /* 48px */ scroll-margin-bottom: 3rem; /* 48px */
scroll-ms-12
scroll-margin-inline-start: 3rem; /* 48px */
scroll-me-12
scroll-margin-inline-end: 3rem; /* 48px */
scroll-mt-12
scroll-margin-top: 3rem; /* 48px */
scroll-mr-12
scroll-margin-right: 3rem; /* 48px */
scroll-mb-12
scroll-margin-bottom: 3rem; /* 48px */
scroll-ml-12
scroll-margin-left: 3rem; /* 48px */
scroll-m-14
scroll-margin: 3.5rem; /* 56px */
scroll-mx-14
scroll-margin-left: 3.5rem; /* 56px */ scroll-margin-right: 3.5rem; /* 56px */
scroll-my-14
scroll-margin-top: 3.5rem; /* 56px */ scroll-margin-bottom: 3.5rem; /* 56px */
scroll-ms-14
scroll-margin-inline-start: 3.5rem; /* 56px */
scroll-me-14
scroll-margin-inline-end: 3.5rem; /* 56px */
scroll-mt-14
scroll-margin-top: 3.5rem; /* 56px */
scroll-mr-14
scroll-margin-right: 3.5rem; /* 56px */
scroll-mb-14
scroll-margin-bottom: 3.5rem; /* 56px */
scroll-ml-14
scroll-margin-left: 3.5rem; /* 56px */
scroll-m-16
scroll-margin: 4rem; /* 64px */
scroll-mx-16
scroll-margin-left: 4rem; /* 64px */ scroll-margin-right: 4rem; /* 64px */
scroll-my-16
scroll-margin-top: 4rem; /* 64px */ scroll-margin-bottom: 4rem; /* 64px */
scroll-ms-16
scroll-margin-inline-start: 4rem; /* 64px */
scroll-me-16
scroll-margin-inline-end: 4rem; /* 64px */
scroll-mt-16
scroll-margin-top: 4rem; /* 64px */
scroll-mr-16
scroll-margin-right: 4rem; /* 64px */
scroll-mb-16
scroll-margin-bottom: 4rem; /* 64px */
scroll-ml-16
scroll-margin-left: 4rem; /* 64px */
scroll-m-20
scroll-margin: 5rem; /* 80px */
scroll-mx-20
scroll-margin-left: 5rem; /* 80px */ scroll-margin-right: 5rem; /* 80px */
scroll-my-20
scroll-margin-top: 5rem; /* 80px */ scroll-margin-bottom: 5rem; /* 80px */
scroll-ms-20
scroll-margin-inline-start: 5rem; /* 80px */
scroll-me-20
scroll-margin-inline-end: 5rem; /* 80px */
scroll-mt-20
scroll-margin-top: 5rem; /* 80px */
scroll-mr-20
scroll-margin-right: 5rem; /* 80px */
scroll-mb-20
scroll-margin-bottom: 5rem; /* 80px */
scroll-ml-20
scroll-margin-left: 5rem; /* 80px */
scroll-m-24
scroll-margin: 6rem; /* 96px */
scroll-mx-24
scroll-margin-left: 6rem; /* 96px */ scroll-margin-right: 6rem; /* 96px */
scroll-my-24
scroll-margin-top: 6rem; /* 96px */ scroll-margin-bottom: 6rem; /* 96px */
scroll-ms-24
scroll-margin-inline-start: 6rem; /* 96px */
scroll-me-24
scroll-margin-inline-end: 6rem; /* 96px */
scroll-mt-24
scroll-margin-top: 6rem; /* 96px */
scroll-mr-24
scroll-margin-right: 6rem; /* 96px */
scroll-mb-24
scroll-margin-bottom: 6rem; /* 96px */
scroll-ml-24
scroll-margin-left: 6rem; /* 96px */
scroll-m-28
scroll-margin: 7rem; /* 112px */
scroll-mx-28
scroll-margin-left: 7rem; /* 112px */ scroll-margin-right: 7rem; /* 112px */
scroll-my-28
scroll-margin-top: 7rem; /* 112px */ scroll-margin-bottom: 7rem; /* 112px */
scroll-ms-28
scroll-margin-inline-start: 7rem; /* 112px */
scroll-me-28
scroll-margin-inline-end: 7rem; /* 112px */
scroll-mt-28
scroll-margin-top: 7rem; /* 112px */
scroll-mr-28
scroll-margin-right: 7rem; /* 112px */
scroll-mb-28
scroll-margin-bottom: 7rem; /* 112px */
scroll-ml-28
scroll-margin-left: 7rem; /* 112px */
scroll-m-32
scroll-margin: 8rem; /* 128px */
scroll-mx-32
scroll-margin-left: 8rem; /* 128px */ scroll-margin-right: 8rem; /* 128px */
scroll-my-32
scroll-margin-top: 8rem; /* 128px */ scroll-margin-bottom: 8rem; /* 128px */
scroll-ms-32
scroll-margin-inline-start: 8rem; /* 128px */
scroll-me-32
scroll-margin-inline-end: 8rem; /* 128px */
scroll-mt-32
scroll-margin-top: 8rem; /* 128px */
scroll-mr-32
scroll-margin-right: 8rem; /* 128px */
scroll-mb-32
scroll-margin-bottom: 8rem; /* 128px */
scroll-ml-32
scroll-margin-left: 8rem; /* 128px */
scroll-m-36
scroll-margin: 9rem; /* 144px */
scroll-mx-36
scroll-margin-left: 9rem; /* 144px */ scroll-margin-right: 9rem; /* 144px */
scroll-my-36
scroll-margin-top: 9rem; /* 144px */ scroll-margin-bottom: 9rem; /* 144px */
scroll-ms-36
scroll-margin-inline-start: 9rem; /* 144px */
scroll-me-36
scroll-margin-inline-end: 9rem; /* 144px */
scroll-mt-36
scroll-margin-top: 9rem; /* 144px */
scroll-mr-36
scroll-margin-right: 9rem; /* 144px */
scroll-mb-36
scroll-margin-bottom: 9rem; /* 144px */
scroll-ml-36
scroll-margin-left: 9rem; /* 144px */
scroll-m-40
scroll-margin: 10rem; /* 160px */
scroll-mx-40
scroll-margin-left: 10rem; /* 160px */ scroll-margin-right: 10rem; /* 160px */
scroll-my-40
scroll-margin-top: 10rem; /* 160px */ scroll-margin-bottom: 10rem; /* 160px */
scroll-ms-40
scroll-margin-inline-start: 10rem; /* 160px */
scroll-me-40
scroll-margin-inline-end: 10rem; /* 160px */
scroll-mt-40
scroll-margin-top: 10rem; /* 160px */
scroll-mr-40
scroll-margin-right: 10rem; /* 160px */
scroll-mb-40
scroll-margin-bottom: 10rem; /* 160px */
scroll-ml-40
scroll-margin-left: 10rem; /* 160px */
scroll-m-44
scroll-margin: 11rem; /* 176px */
scroll-mx-44
scroll-margin-left: 11rem; /* 176px */ scroll-margin-right: 11rem; /* 176px */
scroll-my-44
scroll-margin-top: 11rem; /* 176px */ scroll-margin-bottom: 11rem; /* 176px */
scroll-ms-44
scroll-margin-inline-start: 11rem; /* 176px */
scroll-me-44
scroll-margin-inline-end: 11rem; /* 176px */
scroll-mt-44
scroll-margin-top: 11rem; /* 176px */
scroll-mr-44
scroll-margin-right: 11rem; /* 176px */
scroll-mb-44
scroll-margin-bottom: 11rem; /* 176px */
scroll-ml-44
scroll-margin-left: 11rem; /* 176px */
scroll-m-48
scroll-margin: 12rem; /* 192px */
scroll-mx-48
scroll-margin-left: 12rem; /* 192px */ scroll-margin-right: 12rem; /* 192px */
scroll-my-48
scroll-margin-top: 12rem; /* 192px */ scroll-margin-bottom: 12rem; /* 192px */
scroll-ms-48
scroll-margin-inline-start: 12rem; /* 192px */
scroll-me-48
scroll-margin-inline-end: 12rem; /* 192px */
scroll-mt-48
scroll-margin-top: 12rem; /* 192px */
scroll-mr-48
scroll-margin-right: 12rem; /* 192px */
scroll-mb-48
scroll-margin-bottom: 12rem; /* 192px */
scroll-ml-48
scroll-margin-left: 12rem; /* 192px */
scroll-m-52
scroll-margin: 13rem; /* 208px */
scroll-mx-52
scroll-margin-left: 13rem; /* 208px */ scroll-margin-right: 13rem; /* 208px */
scroll-my-52
scroll-margin-top: 13rem; /* 208px */ scroll-margin-bottom: 13rem; /* 208px */
scroll-ms-52
scroll-margin-inline-start: 13rem; /* 208px */
scroll-me-52
scroll-margin-inline-end: 13rem; /* 208px */
scroll-mt-52
scroll-margin-top: 13rem; /* 208px */
scroll-mr-52
scroll-margin-right: 13rem; /* 208px */
scroll-mb-52
scroll-margin-bottom: 13rem; /* 208px */
scroll-ml-52
scroll-margin-left: 13rem; /* 208px */
scroll-m-56
scroll-margin: 14rem; /* 224px */
scroll-mx-56
scroll-margin-left: 14rem; /* 224px */ scroll-margin-right: 14rem; /* 224px */
scroll-my-56
scroll-margin-top: 14rem; /* 224px */ scroll-margin-bottom: 14rem; /* 224px */
scroll-ms-56
scroll-margin-inline-start: 14rem; /* 224px */
scroll-me-56
scroll-margin-inline-end: 14rem; /* 224px */
scroll-mt-56
scroll-margin-top: 14rem; /* 224px */
scroll-mr-56
scroll-margin-right: 14rem; /* 224px */
scroll-mb-56
scroll-margin-bottom: 14rem; /* 224px */
scroll-ml-56
scroll-margin-left: 14rem; /* 224px */
scroll-m-60
scroll-margin: 15rem; /* 240px */
scroll-mx-60
scroll-margin-left: 15rem; /* 240px */ scroll-margin-right: 15rem; /* 240px */
scroll-my-60
scroll-margin-top: 15rem; /* 240px */ scroll-margin-bottom: 15rem; /* 240px */
scroll-ms-60
scroll-margin-inline-start: 15rem; /* 240px */
scroll-me-60
scroll-margin-inline-end: 15rem; /* 240px */
scroll-mt-60
scroll-margin-top: 15rem; /* 240px */
scroll-mr-60
scroll-margin-right: 15rem; /* 240px */
scroll-mb-60
scroll-margin-bottom: 15rem; /* 240px */
scroll-ml-60
scroll-margin-left: 15rem; /* 240px */
scroll-m-64
scroll-margin: 16rem; /* 256px */
scroll-mx-64
scroll-margin-left: 16rem; /* 256px */ scroll-margin-right: 16rem; /* 256px */
scroll-my-64
scroll-margin-top: 16rem; /* 256px */ scroll-margin-bottom: 16rem; /* 256px */
scroll-ms-64
scroll-margin-inline-start: 16rem; /* 256px */
scroll-me-64
scroll-margin-inline-end: 16rem; /* 256px */
scroll-mt-64
scroll-margin-top: 16rem; /* 256px */
scroll-mr-64
scroll-margin-right: 16rem; /* 256px */
scroll-mb-64
scroll-margin-bottom: 16rem; /* 256px */
scroll-ml-64
scroll-margin-left: 16rem; /* 256px */
scroll-m-72
scroll-margin: 18rem; /* 288px */
scroll-mx-72
scroll-margin-left: 18rem; /* 288px */ scroll-margin-right: 18rem; /* 288px */
scroll-my-72
scroll-margin-top: 18rem; /* 288px */ scroll-margin-bottom: 18rem; /* 288px */
scroll-ms-72
scroll-margin-inline-start: 18rem; /* 288px */
scroll-me-72
scroll-margin-inline-end: 18rem; /* 288px */
scroll-mt-72
scroll-margin-top: 18rem; /* 288px */
scroll-mr-72
scroll-margin-right: 18rem; /* 288px */
scroll-mb-72
scroll-margin-bottom: 18rem; /* 288px */
scroll-ml-72
scroll-margin-left: 18rem; /* 288px */
scroll-m-80
scroll-margin: 20rem; /* 320px */
scroll-mx-80
scroll-margin-left: 20rem; /* 320px */ scroll-margin-right: 20rem; /* 320px */
scroll-my-80
scroll-margin-top: 20rem; /* 320px */ scroll-margin-bottom: 20rem; /* 320px */
scroll-ms-80
scroll-margin-inline-start: 20rem; /* 320px */
scroll-me-80
scroll-margin-inline-end: 20rem; /* 320px */
scroll-mt-80
scroll-margin-top: 20rem; /* 320px */
scroll-mr-80
scroll-margin-right: 20rem; /* 320px */
scroll-mb-80
scroll-margin-bottom: 20rem; /* 320px */
scroll-ml-80
scroll-margin-left: 20rem; /* 320px */
scroll-m-96
scroll-margin: 24rem; /* 384px */
scroll-mx-96
scroll-margin-left: 24rem; /* 384px */ scroll-margin-right: 24rem; /* 384px */
scroll-my-96
scroll-margin-top: 24rem; /* 384px */ scroll-margin-bottom: 24rem; /* 384px */
scroll-ms-96
scroll-margin-inline-start: 24rem; /* 384px */
scroll-me-96
scroll-margin-inline-end: 24rem; /* 384px */
scroll-mt-96
scroll-margin-top: 24rem; /* 384px */
scroll-mr-96
scroll-margin-right: 24rem; /* 384px */
scroll-mb-96
scroll-margin-bottom: 24rem; /* 384px */
scroll-ml-96
scroll-margin-left: 24rem; /* 384px */

Scroll Padding

Class
Properties
scroll-p-0
scroll-padding: 0px;
scroll-px-0
scroll-padding-left: 0px; scroll-padding-right: 0px;
scroll-py-0
scroll-padding-top: 0px; scroll-padding-bottom: 0px;
scroll-ps-0
scroll-padding-inline-start: 0px;
scroll-pe-0
scroll-padding-inline-end: 0px;
scroll-pt-0
scroll-padding-top: 0px;
scroll-pr-0
scroll-padding-right: 0px;
scroll-pb-0
scroll-padding-bottom: 0px;
scroll-pl-0
scroll-padding-left: 0px;
scroll-p-px
scroll-padding: 1px;
scroll-px-px
scroll-padding-left: 1px; scroll-padding-right: 1px;
scroll-py-px
scroll-padding-top: 1px; scroll-padding-bottom: 1px;
scroll-ps-px
scroll-padding-inline-start: 1px;
scroll-pe-px
scroll-padding-inline-end: 1px;
scroll-pt-px
scroll-padding-top: 1px;
scroll-pr-px
scroll-padding-right: 1px;
scroll-pb-px
scroll-padding-bottom: 1px;
scroll-pl-px
scroll-padding-left: 1px;
scroll-p-0.5
scroll-padding: 0.125rem; /* 2px */
scroll-px-0.5
scroll-padding-left: 0.125rem; /* 2px */ scroll-padding-right: 0.125rem; /* 2px */
scroll-py-0.5
scroll-padding-top: 0.125rem; /* 2px */ scroll-padding-bottom: 0.125rem; /* 2px */
scroll-ps-0.5
scroll-padding-inline-start: 0.125rem; /* 2px */
scroll-pe-0.5
scroll-padding-inline-end: 0.125rem; /* 2px */
scroll-pt-0.5
scroll-padding-top: 0.125rem; /* 2px */
scroll-pr-0.5
scroll-padding-right: 0.125rem; /* 2px */
scroll-pb-0.5
scroll-padding-bottom: 0.125rem; /* 2px */
scroll-pl-0.5
scroll-padding-left: 0.125rem; /* 2px */
scroll-p-1
scroll-padding: 0.25rem; /* 4px */
scroll-px-1
scroll-padding-left: 0.25rem; /* 4px */ scroll-padding-right: 0.25rem; /* 4px */
scroll-py-1
scroll-padding-top: 0.25rem; /* 4px */ scroll-padding-bottom: 0.25rem; /* 4px */
scroll-ps-1
scroll-padding-inline-start: 0.25rem; /* 4px */
scroll-pe-1
scroll-padding-inline-end: 0.25rem; /* 4px */
scroll-pt-1
scroll-padding-top: 0.25rem; /* 4px */
scroll-pr-1
scroll-padding-right: 0.25rem; /* 4px */
scroll-pb-1
scroll-padding-bottom: 0.25rem; /* 4px */
scroll-pl-1
scroll-padding-left: 0.25rem; /* 4px */
scroll-p-1.5
scroll-padding: 0.375rem; /* 6px */
scroll-px-1.5
scroll-padding-left: 0.375rem; /* 6px */ scroll-padding-right: 0.375rem; /* 6px */
scroll-py-1.5
scroll-padding-top: 0.375rem; /* 6px */ scroll-padding-bottom: 0.375rem; /* 6px */
scroll-ps-1.5
scroll-padding-inline-start: 0.375rem; /* 6px */
scroll-pe-1.5
scroll-padding-inline-end: 0.375rem; /* 6px */
scroll-pt-1.5
scroll-padding-top: 0.375rem; /* 6px */
scroll-pr-1.5
scroll-padding-right: 0.375rem; /* 6px */
scroll-pb-1.5
scroll-padding-bottom: 0.375rem; /* 6px */
scroll-pl-1.5
scroll-padding-left: 0.375rem; /* 6px */
scroll-p-2
scroll-padding: 0.5rem; /* 8px */
scroll-px-2
scroll-padding-left: 0.5rem; /* 8px */ scroll-padding-right: 0.5rem; /* 8px */
scroll-py-2
scroll-padding-top: 0.5rem; /* 8px */ scroll-padding-bottom: 0.5rem; /* 8px */
scroll-ps-2
scroll-padding-inline-start: 0.5rem; /* 8px */
scroll-pe-2
scroll-padding-inline-end: 0.5rem; /* 8px */
scroll-pt-2
scroll-padding-top: 0.5rem; /* 8px */
scroll-pr-2
scroll-padding-right: 0.5rem; /* 8px */
scroll-pb-2
scroll-padding-bottom: 0.5rem; /* 8px */
scroll-pl-2
scroll-padding-left: 0.5rem; /* 8px */
scroll-p-2.5
scroll-padding: 0.625rem; /* 10px */
scroll-px-2.5
scroll-padding-left: 0.625rem; /* 10px */ scroll-padding-right: 0.625rem; /* 10px */
scroll-py-2.5
scroll-padding-top: 0.625rem; /* 10px */ scroll-padding-bottom: 0.625rem; /* 10px */
scroll-ps-2.5
scroll-padding-inline-start: 0.625rem; /* 10px */
scroll-pe-2.5
scroll-padding-inline-end: 0.625rem; /* 10px */
scroll-pt-2.5
scroll-padding-top: 0.625rem; /* 10px */
scroll-pr-2.5
scroll-padding-right: 0.625rem; /* 10px */
scroll-pb-2.5
scroll-padding-bottom: 0.625rem; /* 10px */
scroll-pl-2.5
scroll-padding-left: 0.625rem; /* 10px */
scroll-p-3
scroll-padding: 0.75rem; /* 12px */
scroll-px-3
scroll-padding-left: 0.75rem; /* 12px */ scroll-padding-right: 0.75rem; /* 12px */
scroll-py-3
scroll-padding-top: 0.75rem; /* 12px */ scroll-padding-bottom: 0.75rem; /* 12px */
scroll-ps-3
scroll-padding-inline-start: 0.75rem; /* 12px */
scroll-pe-3
scroll-padding-inline-end: 0.75rem; /* 12px */
scroll-pt-3
scroll-padding-top: 0.75rem; /* 12px */
scroll-pr-3
scroll-padding-right: 0.75rem; /* 12px */
scroll-pb-3
scroll-padding-bottom: 0.75rem; /* 12px */
scroll-pl-3
scroll-padding-left: 0.75rem; /* 12px */
scroll-p-3.5
scroll-padding: 0.875rem; /* 14px */
scroll-px-3.5
scroll-padding-left: 0.875rem; /* 14px */ scroll-padding-right: 0.875rem; /* 14px */
scroll-py-3.5
scroll-padding-top: 0.875rem; /* 14px */ scroll-padding-bottom: 0.875rem; /* 14px */
scroll-ps-3.5
scroll-padding-inline-start: 0.875rem; /* 14px */
scroll-pe-3.5
scroll-padding-inline-end: 0.875rem; /* 14px */
scroll-pt-3.5
scroll-padding-top: 0.875rem; /* 14px */
scroll-pr-3.5
scroll-padding-right: 0.875rem; /* 14px */
scroll-pb-3.5
scroll-padding-bottom: 0.875rem; /* 14px */
scroll-pl-3.5
scroll-padding-left: 0.875rem; /* 14px */
scroll-p-4
scroll-padding: 1rem; /* 16px */
scroll-px-4
scroll-padding-left: 1rem; /* 16px */ scroll-padding-right: 1rem; /* 16px */
scroll-py-4
scroll-padding-top: 1rem; /* 16px */ scroll-padding-bottom: 1rem; /* 16px */
scroll-ps-4
scroll-padding-inline-start: 1rem; /* 16px */
scroll-pe-4
scroll-padding-inline-end: 1rem; /* 16px */
scroll-pt-4
scroll-padding-top: 1rem; /* 16px */
scroll-pr-4
scroll-padding-right: 1rem; /* 16px */
scroll-pb-4
scroll-padding-bottom: 1rem; /* 16px */
scroll-pl-4
scroll-padding-left: 1rem; /* 16px */
scroll-p-5
scroll-padding: 1.25rem; /* 20px */
scroll-px-5
scroll-padding-left: 1.25rem; /* 20px */ scroll-padding-right: 1.25rem; /* 20px */
scroll-py-5
scroll-padding-top: 1.25rem; /* 20px */ scroll-padding-bottom: 1.25rem; /* 20px */
scroll-ps-5
scroll-padding-inline-start: 1.25rem; /* 20px */
scroll-pe-5
scroll-padding-inline-end: 1.25rem; /* 20px */
scroll-pt-5
scroll-padding-top: 1.25rem; /* 20px */
scroll-pr-5
scroll-padding-right: 1.25rem; /* 20px */
scroll-pb-5
scroll-padding-bottom: 1.25rem; /* 20px */
scroll-pl-5
scroll-padding-left: 1.25rem; /* 20px */
scroll-p-6
scroll-padding: 1.5rem; /* 24px */
scroll-px-6
scroll-padding-left: 1.5rem; /* 24px */ scroll-padding-right: 1.5rem; /* 24px */
scroll-py-6
scroll-padding-top: 1.5rem; /* 24px */ scroll-padding-bottom: 1.5rem; /* 24px */
scroll-ps-6
scroll-padding-inline-start: 1.5rem; /* 24px */
scroll-pe-6
scroll-padding-inline-end: 1.5rem; /* 24px */
scroll-pt-6
scroll-padding-top: 1.5rem; /* 24px */
scroll-pr-6
scroll-padding-right: 1.5rem; /* 24px */
scroll-pb-6
scroll-padding-bottom: 1.5rem; /* 24px */
scroll-pl-6
scroll-padding-left: 1.5rem; /* 24px */
scroll-p-7
scroll-padding: 1.75rem; /* 28px */
scroll-px-7
scroll-padding-left: 1.75rem; /* 28px */ scroll-padding-right: 1.75rem; /* 28px */
scroll-py-7
scroll-padding-top: 1.75rem; /* 28px */ scroll-padding-bottom: 1.75rem; /* 28px */
scroll-ps-7
scroll-padding-inline-start: 1.75rem; /* 28px */
scroll-pe-7
scroll-padding-inline-end: 1.75rem; /* 28px */
scroll-pt-7
scroll-padding-top: 1.75rem; /* 28px */
scroll-pr-7
scroll-padding-right: 1.75rem; /* 28px */
scroll-pb-7
scroll-padding-bottom: 1.75rem; /* 28px */
scroll-pl-7
scroll-padding-left: 1.75rem; /* 28px */
scroll-p-8
scroll-padding: 2rem; /* 32px */
scroll-px-8
scroll-padding-left: 2rem; /* 32px */ scroll-padding-right: 2rem; /* 32px */
scroll-py-8
scroll-padding-top: 2rem; /* 32px */ scroll-padding-bottom: 2rem; /* 32px */
scroll-ps-8
scroll-padding-inline-start: 2rem; /* 32px */
scroll-pe-8
scroll-padding-inline-end: 2rem; /* 32px */
scroll-pt-8
scroll-padding-top: 2rem; /* 32px */
scroll-pr-8
scroll-padding-right: 2rem; /* 32px */
scroll-pb-8
scroll-padding-bottom: 2rem; /* 32px */
scroll-pl-8
scroll-padding-left: 2rem; /* 32px */
scroll-p-9
scroll-padding: 2.25rem; /* 36px */
scroll-px-9
scroll-padding-left: 2.25rem; /* 36px */ scroll-padding-right: 2.25rem; /* 36px */
scroll-py-9
scroll-padding-top: 2.25rem; /* 36px */ scroll-padding-bottom: 2.25rem; /* 36px */
scroll-ps-9
scroll-padding-inline-start: 2.25rem; /* 36px */
scroll-pe-9
scroll-padding-inline-end: 2.25rem; /* 36px */
scroll-pt-9
scroll-padding-top: 2.25rem; /* 36px */
scroll-pr-9
scroll-padding-right: 2.25rem; /* 36px */
scroll-pb-9
scroll-padding-bottom: 2.25rem; /* 36px */
scroll-pl-9
scroll-padding-left: 2.25rem; /* 36px */
scroll-p-10
scroll-padding: 2.5rem; /* 40px */
scroll-px-10
scroll-padding-left: 2.5rem; /* 40px */ scroll-padding-right: 2.5rem; /* 40px */
scroll-py-10
scroll-padding-top: 2.5rem; /* 40px */ scroll-padding-bottom: 2.5rem; /* 40px */
scroll-ps-10
scroll-padding-inline-start: 2.5rem; /* 40px */
scroll-pe-10
scroll-padding-inline-end: 2.5rem; /* 40px */
scroll-pt-10
scroll-padding-top: 2.5rem; /* 40px */
scroll-pr-10
scroll-padding-right: 2.5rem; /* 40px */
scroll-pb-10
scroll-padding-bottom: 2.5rem; /* 40px */
scroll-pl-10
scroll-padding-left: 2.5rem; /* 40px */
scroll-p-11
scroll-padding: 2.75rem; /* 44px */
scroll-px-11
scroll-padding-left: 2.75rem; /* 44px */ scroll-padding-right: 2.75rem; /* 44px */
scroll-py-11
scroll-padding-top: 2.75rem; /* 44px */ scroll-padding-bottom: 2.75rem; /* 44px */
scroll-ps-11
scroll-padding-inline-start: 2.75rem; /* 44px */
scroll-pe-11
scroll-padding-inline-end: 2.75rem; /* 44px */
scroll-pt-11
scroll-padding-top: 2.75rem; /* 44px */
scroll-pr-11
scroll-padding-right: 2.75rem; /* 44px */
scroll-pb-11
scroll-padding-bottom: 2.75rem; /* 44px */
scroll-pl-11
scroll-padding-left: 2.75rem; /* 44px */
scroll-p-12
scroll-padding: 3rem; /* 48px */
scroll-px-12
scroll-padding-left: 3rem; /* 48px */ scroll-padding-right: 3rem; /* 48px */
scroll-py-12
scroll-padding-top: 3rem; /* 48px */ scroll-padding-bottom: 3rem; /* 48px */
scroll-ps-12
scroll-padding-inline-start: 3rem; /* 48px */
scroll-pe-12
scroll-padding-inline-end: 3rem; /* 48px */
scroll-pt-12
scroll-padding-top: 3rem; /* 48px */
scroll-pr-12
scroll-padding-right: 3rem; /* 48px */
scroll-pb-12
scroll-padding-bottom: 3rem; /* 48px */
scroll-pl-12
scroll-padding-left: 3rem; /* 48px */
scroll-p-14
scroll-padding: 3.5rem; /* 56px */
scroll-px-14
scroll-padding-left: 3.5rem; /* 56px */ scroll-padding-right: 3.5rem; /* 56px */
scroll-py-14
scroll-padding-top: 3.5rem; /* 56px */ scroll-padding-bottom: 3.5rem; /* 56px */
scroll-ps-14
scroll-padding-inline-start: 3.5rem; /* 56px */
scroll-pe-14
scroll-padding-inline-end: 3.5rem; /* 56px */
scroll-pt-14
scroll-padding-top: 3.5rem; /* 56px */
scroll-pr-14
scroll-padding-right: 3.5rem; /* 56px */
scroll-pb-14
scroll-padding-bottom: 3.5rem; /* 56px */
scroll-pl-14
scroll-padding-left: 3.5rem; /* 56px */
scroll-p-16
scroll-padding: 4rem; /* 64px */
scroll-px-16
scroll-padding-left: 4rem; /* 64px */ scroll-padding-right: 4rem; /* 64px */
scroll-py-16
scroll-padding-top: 4rem; /* 64px */ scroll-padding-bottom: 4rem; /* 64px */
scroll-ps-16
scroll-padding-inline-start: 4rem; /* 64px */
scroll-pe-16
scroll-padding-inline-end: 4rem; /* 64px */
scroll-pt-16
scroll-padding-top: 4rem; /* 64px */
scroll-pr-16
scroll-padding-right: 4rem; /* 64px */
scroll-pb-16
scroll-padding-bottom: 4rem; /* 64px */
scroll-pl-16
scroll-padding-left: 4rem; /* 64px */
scroll-p-20
scroll-padding: 5rem; /* 80px */
scroll-px-20
scroll-padding-left: 5rem; /* 80px */ scroll-padding-right: 5rem; /* 80px */
scroll-py-20
scroll-padding-top: 5rem; /* 80px */ scroll-padding-bottom: 5rem; /* 80px */
scroll-ps-20
scroll-padding-inline-start: 5rem; /* 80px */
scroll-pe-20
scroll-padding-inline-end: 5rem; /* 80px */
scroll-pt-20
scroll-padding-top: 5rem; /* 80px */
scroll-pr-20
scroll-padding-right: 5rem; /* 80px */
scroll-pb-20
scroll-padding-bottom: 5rem; /* 80px */
scroll-pl-20
scroll-padding-left: 5rem; /* 80px */
scroll-p-24
scroll-padding: 6rem; /* 96px */
scroll-px-24
scroll-padding-left: 6rem; /* 96px */ scroll-padding-right: 6rem; /* 96px */
scroll-py-24
scroll-padding-top: 6rem; /* 96px */ scroll-padding-bottom: 6rem; /* 96px */
scroll-ps-24
scroll-padding-inline-start: 6rem; /* 96px */
scroll-pe-24
scroll-padding-inline-end: 6rem; /* 96px */
scroll-pt-24
scroll-padding-top: 6rem; /* 96px */
scroll-pr-24
scroll-padding-right: 6rem; /* 96px */
scroll-pb-24
scroll-padding-bottom: 6rem; /* 96px */
scroll-pl-24
scroll-padding-left: 6rem; /* 96px */
scroll-p-28
scroll-padding: 7rem; /* 112px */
scroll-px-28
scroll-padding-left: 7rem; /* 112px */ scroll-padding-right: 7rem; /* 112px */
scroll-py-28
scroll-padding-top: 7rem; /* 112px */ scroll-padding-bottom: 7rem; /* 112px */
scroll-ps-28
scroll-padding-inline-start: 7rem; /* 112px */
scroll-pe-28
scroll-padding-inline-end: 7rem; /* 112px */
scroll-pt-28
scroll-padding-top: 7rem; /* 112px */
scroll-pr-28
scroll-padding-right: 7rem; /* 112px */
scroll-pb-28
scroll-padding-bottom: 7rem; /* 112px */
scroll-pl-28
scroll-padding-left: 7rem; /* 112px */
scroll-p-32
scroll-padding: 8rem; /* 128px */
scroll-px-32
scroll-padding-left: 8rem; /* 128px */ scroll-padding-right: 8rem; /* 128px */
scroll-py-32
scroll-padding-top: 8rem; /* 128px */ scroll-padding-bottom: 8rem; /* 128px */
scroll-ps-32
scroll-padding-inline-start: 8rem; /* 128px */
scroll-pe-32
scroll-padding-inline-end: 8rem; /* 128px */
scroll-pt-32
scroll-padding-top: 8rem; /* 128px */
scroll-pr-32
scroll-padding-right: 8rem; /* 128px */
scroll-pb-32
scroll-padding-bottom: 8rem; /* 128px */
scroll-pl-32
scroll-padding-left: 8rem; /* 128px */
scroll-p-36
scroll-padding: 9rem; /* 144px */
scroll-px-36
scroll-padding-left: 9rem; /* 144px */ scroll-padding-right: 9rem; /* 144px */
scroll-py-36
scroll-padding-top: 9rem; /* 144px */ scroll-padding-bottom: 9rem; /* 144px */
scroll-ps-36
scroll-padding-inline-start: 9rem; /* 144px */
scroll-pe-36
scroll-padding-inline-end: 9rem; /* 144px */
scroll-pt-36
scroll-padding-top: 9rem; /* 144px */
scroll-pr-36
scroll-padding-right: 9rem; /* 144px */
scroll-pb-36
scroll-padding-bottom: 9rem; /* 144px */
scroll-pl-36
scroll-padding-left: 9rem; /* 144px */
scroll-p-40
scroll-padding: 10rem; /* 160px */
scroll-px-40
scroll-padding-left: 10rem; /* 160px */ scroll-padding-right: 10rem; /* 160px */
scroll-py-40
scroll-padding-top: 10rem; /* 160px */ scroll-padding-bottom: 10rem; /* 160px */
scroll-ps-40
scroll-padding-inline-start: 10rem; /* 160px */
scroll-pe-40
scroll-padding-inline-end: 10rem; /* 160px */
scroll-pt-40
scroll-padding-top: 10rem; /* 160px */
scroll-pr-40
scroll-padding-right: 10rem; /* 160px */
scroll-pb-40
scroll-padding-bottom: 10rem; /* 160px */
scroll-pl-40
scroll-padding-left: 10rem; /* 160px */
scroll-p-44
scroll-padding: 11rem; /* 176px */
scroll-px-44
scroll-padding-left: 11rem; /* 176px */ scroll-padding-right: 11rem; /* 176px */
scroll-py-44
scroll-padding-top: 11rem; /* 176px */ scroll-padding-bottom: 11rem; /* 176px */
scroll-ps-44
scroll-padding-inline-start: 11rem; /* 176px */
scroll-pe-44
scroll-padding-inline-end: 11rem; /* 176px */
scroll-pt-44
scroll-padding-top: 11rem; /* 176px */
scroll-pr-44
scroll-padding-right: 11rem; /* 176px */
scroll-pb-44
scroll-padding-bottom: 11rem; /* 176px */
scroll-pl-44
scroll-padding-left: 11rem; /* 176px */
scroll-p-48
scroll-padding: 12rem; /* 192px */
scroll-px-48
scroll-padding-left: 12rem; /* 192px */ scroll-padding-right: 12rem; /* 192px */
scroll-py-48
scroll-padding-top: 12rem; /* 192px */ scroll-padding-bottom: 12rem; /* 192px */
scroll-ps-48
scroll-padding-inline-start: 12rem; /* 192px */
scroll-pe-48
scroll-padding-inline-end: 12rem; /* 192px */
scroll-pt-48
scroll-padding-top: 12rem; /* 192px */
scroll-pr-48
scroll-padding-right: 12rem; /* 192px */
scroll-pb-48
scroll-padding-bottom: 12rem; /* 192px */
scroll-pl-48
scroll-padding-left: 12rem; /* 192px */
scroll-p-52
scroll-padding: 13rem; /* 208px */
scroll-px-52
scroll-padding-left: 13rem; /* 208px */ scroll-padding-right: 13rem; /* 208px */
scroll-py-52
scroll-padding-top: 13rem; /* 208px */ scroll-padding-bottom: 13rem; /* 208px */
scroll-ps-52
scroll-padding-inline-start: 13rem; /* 208px */
scroll-pe-52
scroll-padding-inline-end: 13rem; /* 208px */
scroll-pt-52
scroll-padding-top: 13rem; /* 208px */
scroll-pr-52
scroll-padding-right: 13rem; /* 208px */
scroll-pb-52
scroll-padding-bottom: 13rem; /* 208px */
scroll-pl-52
scroll-padding-left: 13rem; /* 208px */
scroll-p-56
scroll-padding: 14rem; /* 224px */
scroll-px-56
scroll-padding-left: 14rem; /* 224px */ scroll-padding-right: 14rem; /* 224px */
scroll-py-56
scroll-padding-top: 14rem; /* 224px */ scroll-padding-bottom: 14rem; /* 224px */
scroll-ps-56
scroll-padding-inline-start: 14rem; /* 224px */
scroll-pe-56
scroll-padding-inline-end: 14rem; /* 224px */
scroll-pt-56
scroll-padding-top: 14rem; /* 224px */
scroll-pr-56
scroll-padding-right: 14rem; /* 224px */
scroll-pb-56
scroll-padding-bottom: 14rem; /* 224px */
scroll-pl-56
scroll-padding-left: 14rem; /* 224px */
scroll-p-60
scroll-padding: 15rem; /* 240px */
scroll-px-60
scroll-padding-left: 15rem; /* 240px */ scroll-padding-right: 15rem; /* 240px */
scroll-py-60
scroll-padding-top: 15rem; /* 240px */ scroll-padding-bottom: 15rem; /* 240px */
scroll-ps-60
scroll-padding-inline-start: 15rem; /* 240px */
scroll-pe-60
scroll-padding-inline-end: 15rem; /* 240px */
scroll-pt-60
scroll-padding-top: 15rem; /* 240px */
scroll-pr-60
scroll-padding-right: 15rem; /* 240px */
scroll-pb-60
scroll-padding-bottom: 15rem; /* 240px */
scroll-pl-60
scroll-padding-left: 15rem; /* 240px */
scroll-p-64
scroll-padding: 16rem; /* 256px */
scroll-px-64
scroll-padding-left: 16rem; /* 256px */ scroll-padding-right: 16rem; /* 256px */
scroll-py-64
scroll-padding-top: 16rem; /* 256px */ scroll-padding-bottom: 16rem; /* 256px */
scroll-ps-64
scroll-padding-inline-start: 16rem; /* 256px */
scroll-pe-64
scroll-padding-inline-end: 16rem; /* 256px */
scroll-pt-64
scroll-padding-top: 16rem; /* 256px */
scroll-pr-64
scroll-padding-right: 16rem; /* 256px */
scroll-pb-64
scroll-padding-bottom: 16rem; /* 256px */
scroll-pl-64
scroll-padding-left: 16rem; /* 256px */
scroll-p-72
scroll-padding: 18rem; /* 288px */
scroll-px-72
scroll-padding-left: 18rem; /* 288px */ scroll-padding-right: 18rem; /* 288px */
scroll-py-72
scroll-padding-top: 18rem; /* 288px */ scroll-padding-bottom: 18rem; /* 288px */
scroll-ps-72
scroll-padding-inline-start: 18rem; /* 288px */
scroll-pe-72
scroll-padding-inline-end: 18rem; /* 288px */
scroll-pt-72
scroll-padding-top: 18rem; /* 288px */
scroll-pr-72
scroll-padding-right: 18rem; /* 288px */
scroll-pb-72
scroll-padding-bottom: 18rem; /* 288px */
scroll-pl-72
scroll-padding-left: 18rem; /* 288px */
scroll-p-80
scroll-padding: 20rem; /* 320px */
scroll-px-80
scroll-padding-left: 20rem; /* 320px */ scroll-padding-right: 20rem; /* 320px */
scroll-py-80
scroll-padding-top: 20rem; /* 320px */ scroll-padding-bottom: 20rem; /* 320px */
scroll-ps-80
scroll-padding-inline-start: 20rem; /* 320px */
scroll-pe-80
scroll-padding-inline-end: 20rem; /* 320px */
scroll-pt-80
scroll-padding-top: 20rem; /* 320px */
scroll-pr-80
scroll-padding-right: 20rem; /* 320px */
scroll-pb-80
scroll-padding-bottom: 20rem; /* 320px */
scroll-pl-80
scroll-padding-left: 20rem; /* 320px */
scroll-p-96
scroll-padding: 24rem; /* 384px */
scroll-px-96
scroll-padding-left: 24rem; /* 384px */ scroll-padding-right: 24rem; /* 384px */
scroll-py-96
scroll-padding-top: 24rem; /* 384px */ scroll-padding-bottom: 24rem; /* 384px */
scroll-ps-96
scroll-padding-inline-start: 24rem; /* 384px */
scroll-pe-96
scroll-padding-inline-end: 24rem; /* 384px */
scroll-pt-96
scroll-padding-top: 24rem; /* 384px */
scroll-pr-96
scroll-padding-right: 24rem; /* 384px */
scroll-pb-96
scroll-padding-bottom: 24rem; /* 384px */
scroll-pl-96
scroll-padding-left: 24rem; /* 384px */

Scroll Snap Align

Class
Properties
snap-start
scroll-snap-align: start;
snap-end
scroll-snap-align: end;
snap-center
scroll-snap-align: center;
snap-align-none
scroll-snap-align: none;

Scroll Snap Stop

Class
Properties
snap-normal
scroll-snap-stop: normal;
snap-always
scroll-snap-stop: always;

Scroll Snap Type

Class
Properties
snap-none
scroll-snap-type: none;
snap-x
scroll-snap-type: x var(--tw-scroll-snap-strictness);
snap-y
scroll-snap-type: y var(--tw-scroll-snap-strictness);
snap-both
scroll-snap-type: both var(--tw-scroll-snap-strictness);
snap-mandatory
--tw-scroll-snap-strictness: mandatory;
snap-proximity
--tw-scroll-snap-strictness: proximity;

Touch Action

Class
Properties
touch-auto
touch-action: auto;
touch-none
touch-action: none;
touch-pan-x
touch-action: pan-x;
touch-pan-left
touch-action: pan-left;
touch-pan-right
touch-action: pan-right;
touch-pan-y
touch-action: pan-y;
touch-pan-up
touch-action: pan-up;
touch-pan-down
touch-action: pan-down;
touch-pinch-zoom
touch-action: pinch-zoom;
touch-manipulation
touch-action: manipulation;

User Select

Class
Properties
select-none
user-select: none;
select-text
user-select: text;
select-all
user-select: all;
select-auto
user-select: auto;

Will Change

Class
Properties
will-change-auto
will-change: auto;
will-change-scroll
will-change: scroll-position;
will-change-contents
will-change: contents;
will-change-transform
will-change: transform;
 
Relate Posts
[tailwindcss] —— SVG
[tailwindcss] —— Transforms
[tailwindcss] —— Transitions & Animation
[tailwindcss] —— Tables
[tailwindcss] —— Filters
[tailwindcss] —— Effects
[tailwindcss] —— SVG[tailwindcss] —— Transforms
  • Twikoo