First commit
This commit is contained in:
commit
73c5bf498c
20 changed files with 3716 additions and 0 deletions
1
.gitignore
vendored
Normal file
1
.gitignore
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
/.sass-cache/
|
||||
0
.projectile
Normal file
0
.projectile
Normal file
18
README.md
Normal file
18
README.md
Normal file
|
|
@ -0,0 +1,18 @@
|
|||
## About
|
||||
|
||||
tail.css provides a small subset of
|
||||
[tailwind](https://tailwindcss.com/)
|
||||
that has been extracted from a hobby project. A prebuilt copy of
|
||||
[dist/tail.css](dist/tail.css)
|
||||
is provided in case you don't have access to the Ruby sass compiler,
|
||||
along with a minimized copy
|
||||
([dist/tail.min.css](dist/tail.min.css)).
|
||||
|
||||
## Build
|
||||
|
||||
$ bin/build
|
||||
|
||||
## License
|
||||
|
||||
Copyright belongs to the
|
||||
[tailwind project](https://tailwindcss.com/).
|
||||
11
bin/build
Executable file
11
bin/build
Executable file
|
|
@ -0,0 +1,11 @@
|
|||
#!/bin/sh
|
||||
|
||||
if ! which sass > /dev/null 2>&1; then
|
||||
echo "No sass compiler found in \$PATH"
|
||||
exit 1
|
||||
else
|
||||
options="--no-cache --scss -r./shim.rb"
|
||||
mkdir -p dist/
|
||||
sass ${options} src/tail.scss dist/tail.css
|
||||
sass ${options} --style compressed src/tail.scss dist/tail.min.css
|
||||
fi
|
||||
2761
dist/tail.css
vendored
Normal file
2761
dist/tail.css
vendored
Normal file
File diff suppressed because it is too large
Load diff
7
dist/tail.css.map
vendored
Normal file
7
dist/tail.css.map
vendored
Normal file
File diff suppressed because one or more lines are too long
2
dist/tail.min.css
vendored
Normal file
2
dist/tail.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
7
dist/tail.min.css.map
vendored
Normal file
7
dist/tail.min.css.map
vendored
Normal file
File diff suppressed because one or more lines are too long
1
shim.rb
Normal file
1
shim.rb
Normal file
|
|
@ -0,0 +1 @@
|
|||
Fixnum = Integer unless defined?(Fixnum)
|
||||
7
src/tail.scss
Normal file
7
src/tail.scss
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
@import "tail/height/index";
|
||||
@import "tail/width/index";
|
||||
@import "tail/margin/index";
|
||||
@import "tail/padding/index";
|
||||
@import "tail/cursor/index";
|
||||
@import "tail/display/index";
|
||||
@import "tail/flex/index";
|
||||
35
src/tail/cursor/index.scss
Normal file
35
src/tail/cursor/index.scss
Normal file
|
|
@ -0,0 +1,35 @@
|
|||
.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; }
|
||||
21
src/tail/display/index.scss
Normal file
21
src/tail/display/index.scss
Normal file
|
|
@ -0,0 +1,21 @@
|
|||
.block { display: block; }
|
||||
.inline-block { display: inline-block; }
|
||||
.inline { display: inline; }
|
||||
.flex { display: flex; }
|
||||
.inline-flex { display: inline-flex; }
|
||||
.table { display: table; }
|
||||
.inline-table { display: inline-table; }
|
||||
.table-caption { display: table-caption; }
|
||||
.table-cell { display: table-cell; }
|
||||
.table-column { display: table-column; }
|
||||
.table-column-group { display: table-column-group; }
|
||||
.table-footer-group { display: table-footer-group; }
|
||||
.table-header-group { display: table-header-group; }
|
||||
.table-row-group { display: table-row-group; }
|
||||
.table-row { display: table-row; }
|
||||
.flow-root { display: flow-root; }
|
||||
.grid { display: grid; }
|
||||
.inline-grid { display: inline-grid; }
|
||||
.contents { display: contents; }
|
||||
.list-item { display: list-item; }
|
||||
.hidden { display: none; }
|
||||
66
src/tail/flex/_basis.scss
Normal file
66
src/tail/flex/_basis.scss
Normal file
|
|
@ -0,0 +1,66 @@
|
|||
/***/
|
||||
/* flex-basis
|
||||
/**/
|
||||
.basis-0 { flex-basis: 0px; }
|
||||
.basis-1 { flex-basis: 0.25rem; /* 4px */ }
|
||||
.basis-2 { flex-basis: 0.5rem; /* 8px */ }
|
||||
.basis-3 { flex-basis: 0.75rem; /* 12px */ }
|
||||
.basis-4 { flex-basis: 1rem; /* 16px */ }
|
||||
.basis-5 { flex-basis: 1.25rem; /* 20px */ }
|
||||
.basis-6 { flex-basis: 1.5rem; /* 24px */ }
|
||||
.basis-7 { flex-basis: 1.75rem; /* 28px */ }
|
||||
.basis-8 { flex-basis: 2rem; /* 32px */ }
|
||||
.basis-9 { flex-basis: 2.25rem; /* 36px */ }
|
||||
.basis-10 { flex-basis: 2.5rem; /* 40px */ }
|
||||
.basis-11 { flex-basis: 2.75rem; /* 44px */ }
|
||||
.basis-12 { flex-basis: 3rem; /* 48px */ }
|
||||
.basis-14 { flex-basis: 3.5rem; /* 56px */ }
|
||||
.basis-16 { flex-basis: 4rem; /* 64px */ }
|
||||
.basis-20 { flex-basis: 5rem; /* 80px */ }
|
||||
.basis-24 { flex-basis: 6rem; /* 96px */ }
|
||||
.basis-28 { flex-basis: 7rem; /* 112px */ }
|
||||
.basis-32 { flex-basis: 8rem; /* 128px */ }
|
||||
.basis-36 { flex-basis: 9rem; /* 144px */ }
|
||||
.basis-40 { flex-basis: 10rem; /* 160px */ }
|
||||
.basis-44 { flex-basis: 11rem; /* 176px */ }
|
||||
.basis-48 { flex-basis: 12rem; /* 192px */ }
|
||||
.basis-52 { flex-basis: 13rem; /* 208px */ }
|
||||
.basis-56 { flex-basis: 14rem; /* 224px */ }
|
||||
.basis-60 { flex-basis: 15rem; /* 240px */ }
|
||||
.basis-64 { flex-basis: 16rem; /* 256px */ }
|
||||
.basis-72 { flex-basis: 18rem; /* 288px */ }
|
||||
.basis-80 { flex-basis: 20rem; /* 320px */ }
|
||||
.basis-96 { flex-basis: 24rem; /* 384px */ }
|
||||
.basis-auto { flex-basis: auto; }
|
||||
.basis-px { flex-basis: 1px; }
|
||||
.basis-0\.5 { flex-basis: 0.125rem; /* 2px */ }
|
||||
.basis-1\.5 { flex-basis: 0.375rem; /* 6px */ }
|
||||
.basis-2\.5 { flex-basis: 0.625rem; /* 10px */ }
|
||||
.basis-3\.5 { flex-basis: 0.875rem; /* 14px */ }
|
||||
.basis-1\/2 { flex-basis: 50%; }
|
||||
.basis-1\/3 { flex-basis: 33.333333%; }
|
||||
.basis-2\/3 { flex-basis: 66.666667%; }
|
||||
.basis-1\/4 { flex-basis: 25%; }
|
||||
.basis-2\/4 { flex-basis: 50%; }
|
||||
.basis-3\/4 { flex-basis: 75%; }
|
||||
.basis-1\/5 { flex-basis: 20%; }
|
||||
.basis-2\/5 { flex-basis: 40%; }
|
||||
.basis-3\/5 { flex-basis: 60%; }
|
||||
.basis-4\/5 { flex-basis: 80%; }
|
||||
.basis-1\/6 { flex-basis: 16.666667%; }
|
||||
.basis-2\/6 { flex-basis: 33.333333%; }
|
||||
.basis-3\/6 { flex-basis: 50%; }
|
||||
.basis-4\/6 { flex-basis: 66.666667%; }
|
||||
.basis-5\/6 { flex-basis: 83.333333%; }
|
||||
.basis-1\/12 { flex-basis: 8.333333%; }
|
||||
.basis-2\/12 { flex-basis: 16.666667%; }
|
||||
.basis-3\/12 { flex-basis: 25%; }
|
||||
.basis-4\/12 { flex-basis: 33.333333%; }
|
||||
.basis-5\/12 { flex-basis: 41.666667%; }
|
||||
.basis-6\/12 { flex-basis: 50%; }
|
||||
.basis-7\/12 { flex-basis: 58.333333%; }
|
||||
.basis-8\/12 { flex-basis: 66.666667%; }
|
||||
.basis-9\/12 { flex-basis: 75%; }
|
||||
.basis-10\/12 { flex-basis: 83.333333%; }
|
||||
.basis-11\/12 { flex-basis: 91.666667%; }
|
||||
.basis-full { flex-basis: 100%; }
|
||||
7
src/tail/flex/_direction.scss
Normal file
7
src/tail/flex/_direction.scss
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
/**/
|
||||
/* flex-direction
|
||||
*/
|
||||
.flex-row { flex-direction: row; }
|
||||
.flex-row-reverse { flex-direction: row-reverse; }
|
||||
.flex-col { flex-direction: column; }
|
||||
.flex-col-reverse { flex-direction: column-reverse; }
|
||||
6
src/tail/flex/_wrap.scss
Normal file
6
src/tail/flex/_wrap.scss
Normal file
|
|
@ -0,0 +1,6 @@
|
|||
/**
|
||||
/* flex-wrap
|
||||
/**/
|
||||
.flex-wrap { flex-wrap: wrap; }
|
||||
.flex-wrap-reverse { flex-wrap: wrap-reverse; }
|
||||
.flex-nowrap { flex-wrap: nowrap; }
|
||||
3
src/tail/flex/index.scss
Normal file
3
src/tail/flex/index.scss
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
@import "direction";
|
||||
@import "wrap";
|
||||
@import "basis";
|
||||
40
src/tail/height/index.scss
Normal file
40
src/tail/height/index.scss
Normal file
|
|
@ -0,0 +1,40 @@
|
|||
.h-0 { height: 0px; }
|
||||
.h-px { height: 1px; }
|
||||
.h-1 { height: 0.25rem; }
|
||||
.h-2 { height: 0.5rem; }
|
||||
.h-3 { height: 0.75rem; }
|
||||
.h-4 { height: 1rem; }
|
||||
.h-5 { height: 1.25rem; }
|
||||
.h-6 { height: 1.5rem; }
|
||||
.h-7 { height: 1.75rem; }
|
||||
.h-8 { height: 2rem; }
|
||||
.h-9 { height: 2.25rem; }
|
||||
.h-10 { height: 2.5rem; }
|
||||
.h-11 { height: 2.75rem; }
|
||||
.h-12 { height: 3rem; }
|
||||
.h-14 { height: 3.5rem; }
|
||||
.h-16 { height: 4rem; }
|
||||
.h-20 { height: 5rem; }
|
||||
.h-24 { height: 6rem; }
|
||||
.h-28 { height: 7rem; }
|
||||
.h-32 { height: 8rem; }
|
||||
.h-36 { height: 9rem; }
|
||||
.h-40 { height: 10rem; }
|
||||
.h-44 { height: 11rem; }
|
||||
.h-48 { height: 12rem; }
|
||||
.h-52 { height: 13rem; }
|
||||
.h-56 { height: 14rem; }
|
||||
.h-60 { height: 15rem; }
|
||||
.h-64 { height: 16rem; }
|
||||
.h-72 { height: 18rem; }
|
||||
.h-80 { height: 20rem; }
|
||||
.h-96 { height: 24rem; }
|
||||
.h-auto { height: auto; }
|
||||
.h-full { height: 100%; }
|
||||
.h-screen { height: 100vh; }
|
||||
.h-svh { height: 100svh; }
|
||||
.h-lvh { height: 100lvh; }
|
||||
.h-dvh { height: 100dvh; }
|
||||
.h-min { height: min-content; }
|
||||
.h-max { height: max-content; }
|
||||
.h-fit { height: fit-content; }
|
||||
288
src/tail/margin/index.scss
Normal file
288
src/tail/margin/index.scss
Normal file
|
|
@ -0,0 +1,288 @@
|
|||
.m-0 { margin: 0px; }
|
||||
.mx-0 { margin-left: 0px; }
|
||||
.my-0 { margin-top: 0px; }
|
||||
.ms-0 { margin-inline-start: 0px; }
|
||||
.me-0 { margin-inline-end: 0px; }
|
||||
.mt-0 { margin-top: 0px; }
|
||||
.mr-0 { margin-right: 0px; }
|
||||
.mb-0 { margin-bottom: 0px; }
|
||||
.ml-0 { margin-left: 0px; }
|
||||
.m-px { margin: 1px; }
|
||||
.mx-px { margin-left: 1px; }
|
||||
.my-px { margin-top: 1px; }
|
||||
.ms-px { margin-inline-start: 1px; }
|
||||
.me-px { margin-inline-end: 1px; }
|
||||
.mt-px { margin-top: 1px; }
|
||||
.mr-px { margin-right: 1px; }
|
||||
.mb-px { margin-bottom: 1px; }
|
||||
.ml-px { margin-left: 1px; }
|
||||
.m-1 { margin: 0.25rem; }
|
||||
.mx-1 { margin-left: 0.25rem; }
|
||||
.my-1 { margin-top: 0.25rem; }
|
||||
.ms-1 { margin-inline-start: 0.25rem; }
|
||||
.me-1 { margin-inline-end: 0.25rem; }
|
||||
.mt-1 { margin-top: 0.25rem; }
|
||||
.mr-1 { margin-right: 0.25rem; }
|
||||
.mb-1 { margin-bottom: 0.25rem; }
|
||||
.ml-1 { margin-left: 0.25rem; }
|
||||
.m-2 { margin: 0.5rem; }
|
||||
.mx-2 { margin-left: 0.5rem; }
|
||||
.my-2 { margin-top: 0.5rem; }
|
||||
.ms-2 { margin-inline-start: 0.5rem; }
|
||||
.me-2 { margin-inline-end: 0.5rem; }
|
||||
.mt-2 { margin-top: 0.5rem; }
|
||||
.mr-2 { margin-right: 0.5rem; }
|
||||
.mb-2 { margin-bottom: 0.5rem; }
|
||||
.ml-2 { margin-left: 0.5rem; }
|
||||
.m-3 { margin: 0.75rem; }
|
||||
.mx-3 { margin-left: 0.75rem; }
|
||||
.my-3 { margin-top: 0.75rem; }
|
||||
.ms-3 { margin-inline-start: 0.75rem; }
|
||||
.me-3 { margin-inline-end: 0.75rem; }
|
||||
.mt-3 { margin-top: 0.75rem; }
|
||||
.mr-3 { margin-right: 0.75rem; }
|
||||
.mb-3 { margin-bottom: 0.75rem; }
|
||||
.ml-3 { margin-left: 0.75rem; }
|
||||
.m-4 { margin: 1rem; }
|
||||
.mx-4 { margin-left: 1rem; }
|
||||
.my-4 { margin-top: 1rem; }
|
||||
.ms-4 { margin-inline-start: 1rem; }
|
||||
.me-4 { margin-inline-end: 1rem; }
|
||||
.mt-4 { margin-top: 1rem; }
|
||||
.mr-4 { margin-right: 1rem; }
|
||||
.mb-4 { margin-bottom: 1rem; }
|
||||
.ml-4 { margin-left: 1rem; }
|
||||
.m-5 { margin: 1.25rem; }
|
||||
.mx-5 { margin-left: 1.25rem; }
|
||||
.my-5 { margin-top: 1.25rem; }
|
||||
.ms-5 { margin-inline-start: 1.25rem; }
|
||||
.me-5 { margin-inline-end: 1.25rem; }
|
||||
.mt-5 { margin-top: 1.25rem; }
|
||||
.mr-5 { margin-right: 1.25rem; }
|
||||
.mb-5 { margin-bottom: 1.25rem; }
|
||||
.ml-5 { margin-left: 1.25rem; }
|
||||
.m-6 { margin: 1.5rem; }
|
||||
.mx-6 { margin-left: 1.5rem; }
|
||||
.my-6 { margin-top: 1.5rem; }
|
||||
.ms-6 { margin-inline-start: 1.5rem; }
|
||||
.me-6 { margin-inline-end: 1.5rem; }
|
||||
.mt-6 { margin-top: 1.5rem; }
|
||||
.mr-6 { margin-right: 1.5rem; }
|
||||
.mb-6 { margin-bottom: 1.5rem; }
|
||||
.ml-6 { margin-left: 1.5rem; }
|
||||
.m-7 { margin: 1.75rem; }
|
||||
.mx-7 { margin-left: 1.75rem; }
|
||||
.my-7 { margin-top: 1.75rem; }
|
||||
.ms-7 { margin-inline-start: 1.75rem; }
|
||||
.me-7 { margin-inline-end: 1.75rem; }
|
||||
.mt-7 { margin-top: 1.75rem; }
|
||||
.mr-7 { margin-right: 1.75rem; }
|
||||
.mb-7 { margin-bottom: 1.75rem; }
|
||||
.ml-7 { margin-left: 1.75rem; }
|
||||
.m-8 { margin: 2rem; }
|
||||
.mx-8 { margin-left: 2rem; }
|
||||
.my-8 { margin-top: 2rem; }
|
||||
.ms-8 { margin-inline-start: 2rem; }
|
||||
.me-8 { margin-inline-end: 2rem; }
|
||||
.mt-8 { margin-top: 2rem; }
|
||||
.mr-8 { margin-right: 2rem; }
|
||||
.mb-8 { margin-bottom: 2rem; }
|
||||
.ml-8 { margin-left: 2rem; }
|
||||
.m-9 { margin: 2.25rem; }
|
||||
.mx-9 { margin-left: 2.25rem; }
|
||||
.my-9 { margin-top: 2.25rem; }
|
||||
.ms-9 { margin-inline-start: 2.25rem; }
|
||||
.me-9 { margin-inline-end: 2.25rem; }
|
||||
.mt-9 { margin-top: 2.25rem; }
|
||||
.mr-9 { margin-right: 2.25rem; }
|
||||
.mb-9 { margin-bottom: 2.25rem; }
|
||||
.ml-9 { margin-left: 2.25rem; }
|
||||
.m-10 { margin: 2.5rem; }
|
||||
.mx-10 { margin-left: 2.5rem; }
|
||||
.my-10 { margin-top: 2.5rem; }
|
||||
.ms-10 { margin-inline-start: 2.5rem; }
|
||||
.me-10 { margin-inline-end: 2.5rem; }
|
||||
.mt-10 { margin-top: 2.5rem; }
|
||||
.mr-10 { margin-right: 2.5rem; }
|
||||
.mb-10 { margin-bottom: 2.5rem; }
|
||||
.ml-10 { margin-left: 2.5rem; }
|
||||
.m-11 { margin: 2.75rem; }
|
||||
.mx-11 { margin-left: 2.75rem; }
|
||||
.my-11 { margin-top: 2.75rem; }
|
||||
.ms-11 { margin-inline-start: 2.75rem; }
|
||||
.me-11 { margin-inline-end: 2.75rem; }
|
||||
.mt-11 { margin-top: 2.75rem; }
|
||||
.mr-11 { margin-right: 2.75rem; }
|
||||
.mb-11 { margin-bottom: 2.75rem; }
|
||||
.ml-11 { margin-left: 2.75rem; }
|
||||
.m-12 { margin: 3rem; }
|
||||
.mx-12 { margin-left: 3rem; }
|
||||
.my-12 { margin-top: 3rem; }
|
||||
.ms-12 { margin-inline-start: 3rem; }
|
||||
.me-12 { margin-inline-end: 3rem; }
|
||||
.mt-12 { margin-top: 3rem; }
|
||||
.mr-12 { margin-right: 3rem; }
|
||||
.mb-12 { margin-bottom: 3rem; }
|
||||
.ml-12 { margin-left: 3rem; }
|
||||
.m-14 { margin: 3.5rem; }
|
||||
.mx-14 { margin-left: 3.5rem; }
|
||||
.my-14 { margin-top: 3.5rem; }
|
||||
.ms-14 { margin-inline-start: 3.5rem; }
|
||||
.me-14 { margin-inline-end: 3.5rem; }
|
||||
.mt-14 { margin-top: 3.5rem; }
|
||||
.mr-14 { margin-right: 3.5rem; }
|
||||
.mb-14 { margin-bottom: 3.5rem; }
|
||||
.ml-14 { margin-left: 3.5rem; }
|
||||
.m-16 { margin: 4rem; }
|
||||
.mx-16 { margin-left: 4rem; }
|
||||
.my-16 { margin-top: 4rem; }
|
||||
.ms-16 { margin-inline-start: 4rem; }
|
||||
.me-16 { margin-inline-end: 4rem; }
|
||||
.mt-16 { margin-top: 4rem; }
|
||||
.mr-16 { margin-right: 4rem; }
|
||||
.mb-16 { margin-bottom: 4rem; }
|
||||
.ml-16 { margin-left: 4rem; }
|
||||
.m-20 { margin: 5rem; }
|
||||
.mx-20 { margin-left: 5rem; }
|
||||
.my-20 { margin-top: 5rem; }
|
||||
.ms-20 { margin-inline-start: 5rem; }
|
||||
.me-20 { margin-inline-end: 5rem; }
|
||||
.mt-20 { margin-top: 5rem; }
|
||||
.mr-20 { margin-right: 5rem; }
|
||||
.mb-20 { margin-bottom: 5rem; }
|
||||
.ml-20 { margin-left: 5rem; }
|
||||
.m-24 { margin: 6rem; }
|
||||
.mx-24 { margin-left: 6rem; }
|
||||
.my-24 { margin-top: 6rem; }
|
||||
.ms-24 { margin-inline-start: 6rem; }
|
||||
.me-24 { margin-inline-end: 6rem; }
|
||||
.mt-24 { margin-top: 6rem; }
|
||||
.mr-24 { margin-right: 6rem; }
|
||||
.mb-24 { margin-bottom: 6rem; }
|
||||
.ml-24 { margin-left: 6rem; }
|
||||
.m-28 { margin: 7rem; }
|
||||
.mx-28 { margin-left: 7rem; }
|
||||
.my-28 { margin-top: 7rem; }
|
||||
.ms-28 { margin-inline-start: 7rem; }
|
||||
.me-28 { margin-inline-end: 7rem; }
|
||||
.mt-28 { margin-top: 7rem; }
|
||||
.mr-28 { margin-right: 7rem; }
|
||||
.mb-28 { margin-bottom: 7rem; }
|
||||
.ml-28 { margin-left: 7rem; }
|
||||
.m-32 { margin: 8rem; }
|
||||
.mx-32 { margin-left: 8rem; }
|
||||
.my-32 { margin-top: 8rem; }
|
||||
.ms-32 { margin-inline-start: 8rem; }
|
||||
.me-32 { margin-inline-end: 8rem; }
|
||||
.mt-32 { margin-top: 8rem; }
|
||||
.mr-32 { margin-right: 8rem; }
|
||||
.mb-32 { margin-bottom: 8rem; }
|
||||
.ml-32 { margin-left: 8rem; }
|
||||
.m-36 { margin: 9rem; }
|
||||
.mx-36 { margin-left: 9rem; }
|
||||
.my-36 { margin-top: 9rem; }
|
||||
.ms-36 { margin-inline-start: 9rem; }
|
||||
.me-36 { margin-inline-end: 9rem; }
|
||||
.mt-36 { margin-top: 9rem; }
|
||||
.mr-36 { margin-right: 9rem; }
|
||||
.mb-36 { margin-bottom: 9rem; }
|
||||
.ml-36 { margin-left: 9rem; }
|
||||
.m-40 { margin: 10rem; }
|
||||
.mx-40 { margin-left: 10rem; }
|
||||
.my-40 { margin-top: 10rem; }
|
||||
.ms-40 { margin-inline-start: 10rem; }
|
||||
.me-40 { margin-inline-end: 10rem; }
|
||||
.mt-40 { margin-top: 10rem; }
|
||||
.mr-40 { margin-right: 10rem; }
|
||||
.mb-40 { margin-bottom: 10rem; }
|
||||
.ml-40 { margin-left: 10rem; }
|
||||
.m-44 { margin: 11rem; }
|
||||
.mx-44 { margin-left: 11rem; }
|
||||
.my-44 { margin-top: 11rem; }
|
||||
.ms-44 { margin-inline-start: 11rem; }
|
||||
.me-44 { margin-inline-end: 11rem; }
|
||||
.mt-44 { margin-top: 11rem; }
|
||||
.mr-44 { margin-right: 11rem; }
|
||||
.mb-44 { margin-bottom: 11rem; }
|
||||
.ml-44 { margin-left: 11rem; }
|
||||
.m-48 { margin: 12rem; }
|
||||
.mx-48 { margin-left: 12rem; }
|
||||
.my-48 { margin-top: 12rem; }
|
||||
.ms-48 { margin-inline-start: 12rem; }
|
||||
.me-48 { margin-inline-end: 12rem; }
|
||||
.mt-48 { margin-top: 12rem; }
|
||||
.mr-48 { margin-right: 12rem; }
|
||||
.mb-48 { margin-bottom: 12rem; }
|
||||
.ml-48 { margin-left: 12rem; }
|
||||
.m-52 { margin: 13rem; }
|
||||
.mx-52 { margin-left: 13rem; }
|
||||
.my-52 { margin-top: 13rem; }
|
||||
.ms-52 { margin-inline-start: 13rem; }
|
||||
.me-52 { margin-inline-end: 13rem; }
|
||||
.mt-52 { margin-top: 13rem; }
|
||||
.mr-52 { margin-right: 13rem; }
|
||||
.mb-52 { margin-bottom: 13rem; }
|
||||
.ml-52 { margin-left: 13rem; }
|
||||
.m-56 { margin: 14rem; }
|
||||
.mx-56 { margin-left: 14rem; }
|
||||
.my-56 { margin-top: 14rem; }
|
||||
.ms-56 { margin-inline-start: 14rem; }
|
||||
.me-56 { margin-inline-end: 14rem; }
|
||||
.mt-56 { margin-top: 14rem; }
|
||||
.mr-56 { margin-right: 14rem; }
|
||||
.mb-56 { margin-bottom: 14rem; }
|
||||
.ml-56 { margin-left: 14rem; }
|
||||
.m-60 { margin: 15rem; }
|
||||
.mx-60 { margin-left: 15rem; }
|
||||
.my-60 { margin-top: 15rem; }
|
||||
.ms-60 { margin-inline-start: 15rem; }
|
||||
.me-60 { margin-inline-end: 15rem; }
|
||||
.mt-60 { margin-top: 15rem; }
|
||||
.mr-60 { margin-right: 15rem; }
|
||||
.mb-60 { margin-bottom: 15rem; }
|
||||
.ml-60 { margin-left: 15rem; }
|
||||
.m-64 { margin: 16rem; }
|
||||
.mx-64 { margin-left: 16rem; }
|
||||
.my-64 { margin-top: 16rem; }
|
||||
.ms-64 { margin-inline-start: 16rem; }
|
||||
.me-64 { margin-inline-end: 16rem; }
|
||||
.mt-64 { margin-top: 16rem; }
|
||||
.mr-64 { margin-right: 16rem; }
|
||||
.mb-64 { margin-bottom: 16rem; }
|
||||
.ml-64 { margin-left: 16rem; }
|
||||
.m-72 { margin: 18rem; }
|
||||
.mx-72 { margin-left: 18rem; }
|
||||
.my-72 { margin-top: 18rem; }
|
||||
.ms-72 { margin-inline-start: 18rem; }
|
||||
.me-72 { margin-inline-end: 18rem; }
|
||||
.mt-72 { margin-top: 18rem; }
|
||||
.mr-72 { margin-right: 18rem; }
|
||||
.mb-72 { margin-bottom: 18rem; }
|
||||
.ml-72 { margin-left: 18rem; }
|
||||
.m-80 { margin: 20rem; }
|
||||
.mx-80 { margin-left: 20rem; }
|
||||
.my-80 { margin-top: 20rem; }
|
||||
.ms-80 { margin-inline-start: 20rem; }
|
||||
.me-80 { margin-inline-end: 20rem; }
|
||||
.mt-80 { margin-top: 20rem; }
|
||||
.mr-80 { margin-right: 20rem; }
|
||||
.mb-80 { margin-bottom: 20rem; }
|
||||
.ml-80 { margin-left: 20rem; }
|
||||
.m-96 { margin: 24rem; }
|
||||
.mx-96 { margin-left: 24rem; }
|
||||
.my-96 { margin-top: 24rem; }
|
||||
.ms-96 { margin-inline-start: 24rem; }
|
||||
.me-96 { margin-inline-end: 24rem; }
|
||||
.mt-96 { margin-top: 24rem; }
|
||||
.mr-96 { margin-right: 24rem; }
|
||||
.mb-96 { margin-bottom: 24rem; }
|
||||
.ml-96 { margin-left: 24rem; }
|
||||
.m-auto { margin: auto; }
|
||||
.mx-auto { margin-left: auto; }
|
||||
.my-auto { margin-top: auto; }
|
||||
.ms-auto { margin-inline-start: auto; }
|
||||
.me-auto { margin-inline-end: auto; }
|
||||
.mt-auto { margin-top: auto; }
|
||||
.mr-auto { margin-right: auto; }
|
||||
.mb-auto { margin-bottom: auto; }
|
||||
.ml-auto { margin-left: auto; }
|
||||
279
src/tail/padding/index.scss
Normal file
279
src/tail/padding/index.scss
Normal file
|
|
@ -0,0 +1,279 @@
|
|||
.p-0 { padding: 0px; }
|
||||
.px-0 { padding-left: 0px; }
|
||||
.py-0 { padding-top: 0px; }
|
||||
.ps-0 { padding-inline-start: 0px; }
|
||||
.pe-0 { padding-inline-end: 0px; }
|
||||
.pt-0 { padding-top: 0px; }
|
||||
.pr-0 { padding-right: 0px; }
|
||||
.pb-0 { padding-bottom: 0px; }
|
||||
.pl-0 { padding-left: 0px; }
|
||||
.p-px { padding: 1px; }
|
||||
.px-px { padding-left: 1px; }
|
||||
.py-px { padding-top: 1px; }
|
||||
.ps-px { padding-inline-start: 1px; }
|
||||
.pe-px { padding-inline-end: 1px; }
|
||||
.pt-px { padding-top: 1px; }
|
||||
.pr-px { padding-right: 1px; }
|
||||
.pb-px { padding-bottom: 1px; }
|
||||
.pl-px { padding-left: 1px; }
|
||||
.p-1 { padding: 0.25rem; }
|
||||
.px-1 { padding-left: 0.25rem; }
|
||||
.py-1 { padding-top: 0.25rem; }
|
||||
.ps-1 { padding-inline-start: 0.25rem; }
|
||||
.pe-1 { padding-inline-end: 0.25rem; }
|
||||
.pt-1 { padding-top: 0.25rem; }
|
||||
.pr-1 { padding-right: 0.25rem; }
|
||||
.pb-1 { padding-bottom: 0.25rem; }
|
||||
.pl-1 { padding-left: 0.25rem; }
|
||||
.p-2 { padding: 0.5rem; }
|
||||
.px-2 { padding-left: 0.5rem; }
|
||||
.py-2 { padding-top: 0.5rem; }
|
||||
.ps-2 { padding-inline-start: 0.5rem; }
|
||||
.pe-2 { padding-inline-end: 0.5rem; }
|
||||
.pt-2 { padding-top: 0.5rem; }
|
||||
.pr-2 { padding-right: 0.5rem; }
|
||||
.pb-2 { padding-bottom: 0.5rem; }
|
||||
.pl-2 { padding-left: 0.5rem; }
|
||||
.p-3 { padding: 0.75rem; }
|
||||
.px-3 { padding-left: 0.75rem; }
|
||||
.py-3 { padding-top: 0.75rem; }
|
||||
.ps-3 { padding-inline-start: 0.75rem; }
|
||||
.pe-3 { padding-inline-end: 0.75rem; }
|
||||
.pt-3 { padding-top: 0.75rem; }
|
||||
.pr-3 { padding-right: 0.75rem; }
|
||||
.pb-3 { padding-bottom: 0.75rem; }
|
||||
.pl-3 { padding-left: 0.75rem; }
|
||||
.p-4 { padding: 1rem; }
|
||||
.px-4 { padding-left: 1rem; }
|
||||
.py-4 { padding-top: 1rem; }
|
||||
.ps-4 { padding-inline-start: 1rem; }
|
||||
.pe-4 { padding-inline-end: 1rem; }
|
||||
.pt-4 { padding-top: 1rem; }
|
||||
.pr-4 { padding-right: 1rem; }
|
||||
.pb-4 { padding-bottom: 1rem; }
|
||||
.pl-4 { padding-left: 1rem; }
|
||||
.p-5 { padding: 1.25rem; }
|
||||
.px-5 { padding-left: 1.25rem; }
|
||||
.py-5 { padding-top: 1.25rem; }
|
||||
.ps-5 { padding-inline-start: 1.25rem; }
|
||||
.pe-5 { padding-inline-end: 1.25rem; }
|
||||
.pt-5 { padding-top: 1.25rem; }
|
||||
.pr-5 { padding-right: 1.25rem; }
|
||||
.pb-5 { padding-bottom: 1.25rem; }
|
||||
.pl-5 { padding-left: 1.25rem; }
|
||||
.p-6 { padding: 1.5rem; }
|
||||
.px-6 { padding-left: 1.5rem; }
|
||||
.py-6 { padding-top: 1.5rem; }
|
||||
.ps-6 { padding-inline-start: 1.5rem; }
|
||||
.pe-6 { padding-inline-end: 1.5rem; }
|
||||
.pt-6 { padding-top: 1.5rem; }
|
||||
.pr-6 { padding-right: 1.5rem; }
|
||||
.pb-6 { padding-bottom: 1.5rem; }
|
||||
.pl-6 { padding-left: 1.5rem; }
|
||||
.p-7 { padding: 1.75rem; }
|
||||
.px-7 { padding-left: 1.75rem; }
|
||||
.py-7 { padding-top: 1.75rem; }
|
||||
.ps-7 { padding-inline-start: 1.75rem; }
|
||||
.pe-7 { padding-inline-end: 1.75rem; }
|
||||
.pt-7 { padding-top: 1.75rem; }
|
||||
.pr-7 { padding-right: 1.75rem; }
|
||||
.pb-7 { padding-bottom: 1.75rem; }
|
||||
.pl-7 { padding-left: 1.75rem; }
|
||||
.p-8 { padding: 2rem; }
|
||||
.px-8 { padding-left: 2rem; }
|
||||
.py-8 { padding-top: 2rem; }
|
||||
.ps-8 { padding-inline-start: 2rem; }
|
||||
.pe-8 { padding-inline-end: 2rem; }
|
||||
.pt-8 { padding-top: 2rem; }
|
||||
.pr-8 { padding-right: 2rem; }
|
||||
.pb-8 { padding-bottom: 2rem; }
|
||||
.pl-8 { padding-left: 2rem; }
|
||||
.p-9 { padding: 2.25rem; }
|
||||
.px-9 { padding-left: 2.25rem; }
|
||||
.py-9 { padding-top: 2.25rem; }
|
||||
.ps-9 { padding-inline-start: 2.25rem; }
|
||||
.pe-9 { padding-inline-end: 2.25rem; }
|
||||
.pt-9 { padding-top: 2.25rem; }
|
||||
.pr-9 { padding-right: 2.25rem; }
|
||||
.pb-9 { padding-bottom: 2.25rem; }
|
||||
.pl-9 { padding-left: 2.25rem; }
|
||||
.p-10 { padding: 2.5rem; }
|
||||
.px-10 { padding-left: 2.5rem; }
|
||||
.py-10 { padding-top: 2.5rem; }
|
||||
.ps-10 { padding-inline-start: 2.5rem; }
|
||||
.pe-10 { padding-inline-end: 2.5rem; }
|
||||
.pt-10 { padding-top: 2.5rem; }
|
||||
.pr-10 { padding-right: 2.5rem; }
|
||||
.pb-10 { padding-bottom: 2.5rem; }
|
||||
.pl-10 { padding-left: 2.5rem; }
|
||||
.p-11 { padding: 2.75rem; }
|
||||
.px-11 { padding-left: 2.75rem; }
|
||||
.py-11 { padding-top: 2.75rem; }
|
||||
.ps-11 { padding-inline-start: 2.75rem; }
|
||||
.pe-11 { padding-inline-end: 2.75rem; }
|
||||
.pt-11 { padding-top: 2.75rem; }
|
||||
.pr-11 { padding-right: 2.75rem; }
|
||||
.pb-11 { padding-bottom: 2.75rem; }
|
||||
.pl-11 { padding-left: 2.75rem; }
|
||||
.p-12 { padding: 3rem; }
|
||||
.px-12 { padding-left: 3rem; }
|
||||
.py-12 { padding-top: 3rem; }
|
||||
.ps-12 { padding-inline-start: 3rem; }
|
||||
.pe-12 { padding-inline-end: 3rem; }
|
||||
.pt-12 { padding-top: 3rem; }
|
||||
.pr-12 { padding-right: 3rem; }
|
||||
.pb-12 { padding-bottom: 3rem; }
|
||||
.pl-12 { padding-left: 3rem; }
|
||||
.p-14 { padding: 3.5rem; }
|
||||
.px-14 { padding-left: 3.5rem; }
|
||||
.py-14 { padding-top: 3.5rem; }
|
||||
.ps-14 { padding-inline-start: 3.5rem; }
|
||||
.pe-14 { padding-inline-end: 3.5rem; }
|
||||
.pt-14 { padding-top: 3.5rem; }
|
||||
.pr-14 { padding-right: 3.5rem; }
|
||||
.pb-14 { padding-bottom: 3.5rem; }
|
||||
.pl-14 { padding-left: 3.5rem; }
|
||||
.p-16 { padding: 4rem; }
|
||||
.px-16 { padding-left: 4rem; }
|
||||
.py-16 { padding-top: 4rem; }
|
||||
.ps-16 { padding-inline-start: 4rem; }
|
||||
.pe-16 { padding-inline-end: 4rem; }
|
||||
.pt-16 { padding-top: 4rem; }
|
||||
.pr-16 { padding-right: 4rem; }
|
||||
.pb-16 { padding-bottom: 4rem; }
|
||||
.pl-16 { padding-left: 4rem; }
|
||||
.p-20 { padding: 5rem; }
|
||||
.px-20 { padding-left: 5rem; }
|
||||
.py-20 { padding-top: 5rem; }
|
||||
.ps-20 { padding-inline-start: 5rem; }
|
||||
.pe-20 { padding-inline-end: 5rem; }
|
||||
.pt-20 { padding-top: 5rem; }
|
||||
.pr-20 { padding-right: 5rem; }
|
||||
.pb-20 { padding-bottom: 5rem; }
|
||||
.pl-20 { padding-left: 5rem; }
|
||||
.p-24 { padding: 6rem; }
|
||||
.px-24 { padding-left: 6rem; }
|
||||
.py-24 { padding-top: 6rem; }
|
||||
.ps-24 { padding-inline-start: 6rem; }
|
||||
.pe-24 { padding-inline-end: 6rem; }
|
||||
.pt-24 { padding-top: 6rem; }
|
||||
.pr-24 { padding-right: 6rem; }
|
||||
.pb-24 { padding-bottom: 6rem; }
|
||||
.pl-24 { padding-left: 6rem; }
|
||||
.p-28 { padding: 7rem; }
|
||||
.px-28 { padding-left: 7rem; }
|
||||
.py-28 { padding-top: 7rem; }
|
||||
.ps-28 { padding-inline-start: 7rem; }
|
||||
.pe-28 { padding-inline-end: 7rem; }
|
||||
.pt-28 { padding-top: 7rem; }
|
||||
.pr-28 { padding-right: 7rem; }
|
||||
.pb-28 { padding-bottom: 7rem; }
|
||||
.pl-28 { padding-left: 7rem; }
|
||||
.p-32 { padding: 8rem; }
|
||||
.px-32 { padding-left: 8rem; }
|
||||
.py-32 { padding-top: 8rem; }
|
||||
.ps-32 { padding-inline-start: 8rem; }
|
||||
.pe-32 { padding-inline-end: 8rem; }
|
||||
.pt-32 { padding-top: 8rem; }
|
||||
.pr-32 { padding-right: 8rem; }
|
||||
.pb-32 { padding-bottom: 8rem; }
|
||||
.pl-32 { padding-left: 8rem; }
|
||||
.p-36 { padding: 9rem; }
|
||||
.px-36 { padding-left: 9rem; }
|
||||
.py-36 { padding-top: 9rem; }
|
||||
.ps-36 { padding-inline-start: 9rem; }
|
||||
.pe-36 { padding-inline-end: 9rem; }
|
||||
.pt-36 { padding-top: 9rem; }
|
||||
.pr-36 { padding-right: 9rem; }
|
||||
.pb-36 { padding-bottom: 9rem; }
|
||||
.pl-36 { padding-left: 9rem; }
|
||||
.p-40 { padding: 10rem; }
|
||||
.px-40 { padding-left: 10rem; }
|
||||
.py-40 { padding-top: 10rem; }
|
||||
.ps-40 { padding-inline-start: 10rem; }
|
||||
.pe-40 { padding-inline-end: 10rem; }
|
||||
.pt-40 { padding-top: 10rem; }
|
||||
.pr-40 { padding-right: 10rem; }
|
||||
.pb-40 { padding-bottom: 10rem; }
|
||||
.pl-40 { padding-left: 10rem; }
|
||||
.p-44 { padding: 11rem; }
|
||||
.px-44 { padding-left: 11rem; }
|
||||
.py-44 { padding-top: 11rem; }
|
||||
.ps-44 { padding-inline-start: 11rem; }
|
||||
.pe-44 { padding-inline-end: 11rem; }
|
||||
.pt-44 { padding-top: 11rem; }
|
||||
.pr-44 { padding-right: 11rem; }
|
||||
.pb-44 { padding-bottom: 11rem; }
|
||||
.pl-44 { padding-left: 11rem; }
|
||||
.p-48 { padding: 12rem; }
|
||||
.px-48 { padding-left: 12rem; }
|
||||
.py-48 { padding-top: 12rem; }
|
||||
.ps-48 { padding-inline-start: 12rem; }
|
||||
.pe-48 { padding-inline-end: 12rem; }
|
||||
.pt-48 { padding-top: 12rem; }
|
||||
.pr-48 { padding-right: 12rem; }
|
||||
.pb-48 { padding-bottom: 12rem; }
|
||||
.pl-48 { padding-left: 12rem; }
|
||||
.p-52 { padding: 13rem; }
|
||||
.px-52 { padding-left: 13rem; }
|
||||
.py-52 { padding-top: 13rem; }
|
||||
.ps-52 { padding-inline-start: 13rem; }
|
||||
.pe-52 { padding-inline-end: 13rem; }
|
||||
.pt-52 { padding-top: 13rem; }
|
||||
.pr-52 { padding-right: 13rem; }
|
||||
.pb-52 { padding-bottom: 13rem; }
|
||||
.pl-52 { padding-left: 13rem; }
|
||||
.p-56 { padding: 14rem; }
|
||||
.px-56 { padding-left: 14rem; }
|
||||
.py-56 { padding-top: 14rem; }
|
||||
.ps-56 { padding-inline-start: 14rem; }
|
||||
.pe-56 { padding-inline-end: 14rem; }
|
||||
.pt-56 { padding-top: 14rem; }
|
||||
.pr-56 { padding-right: 14rem; }
|
||||
.pb-56 { padding-bottom: 14rem; }
|
||||
.pl-56 { padding-left: 14rem; }
|
||||
.p-60 { padding: 15rem; }
|
||||
.px-60 { padding-left: 15rem; }
|
||||
.py-60 { padding-top: 15rem; }
|
||||
.ps-60 { padding-inline-start: 15rem; }
|
||||
.pe-60 { padding-inline-end: 15rem; }
|
||||
.pt-60 { padding-top: 15rem; }
|
||||
.pr-60 { padding-right: 15rem; }
|
||||
.pb-60 { padding-bottom: 15rem; }
|
||||
.pl-60 { padding-left: 15rem; }
|
||||
.p-64 { padding: 16rem; }
|
||||
.px-64 { padding-left: 16rem; }
|
||||
.py-64 { padding-top: 16rem; }
|
||||
.ps-64 { padding-inline-start: 16rem; }
|
||||
.pe-64 { padding-inline-end: 16rem; }
|
||||
.pt-64 { padding-top: 16rem; }
|
||||
.pr-64 { padding-right: 16rem; }
|
||||
.pb-64 { padding-bottom: 16rem; }
|
||||
.pl-64 { padding-left: 16rem; }
|
||||
.p-72 { padding: 18rem; }
|
||||
.px-72 { padding-left: 18rem; }
|
||||
.py-72 { padding-top: 18rem; }
|
||||
.ps-72 { padding-inline-start: 18rem; }
|
||||
.pe-72 { padding-inline-end: 18rem; }
|
||||
.pt-72 { padding-top: 18rem; }
|
||||
.pr-72 { padding-right: 18rem; }
|
||||
.pb-72 { padding-bottom: 18rem; }
|
||||
.pl-72 { padding-left: 18rem; }
|
||||
.p-80 { padding: 20rem; }
|
||||
.px-80 { padding-left: 20rem; }
|
||||
.py-80 { padding-top: 20rem; }
|
||||
.ps-80 { padding-inline-start: 20rem; }
|
||||
.pe-80 { padding-inline-end: 20rem; }
|
||||
.pt-80 { padding-top: 20rem; }
|
||||
.pr-80 { padding-right: 20rem; }
|
||||
.pb-80 { padding-bottom: 20rem; }
|
||||
.pl-80 { padding-left: 20rem; }
|
||||
.p-96 { padding: 24rem; }
|
||||
.px-96 { padding-left: 24rem; }
|
||||
.py-96 { padding-top: 24rem; }
|
||||
.ps-96 { padding-inline-start: 24rem; }
|
||||
.pe-96 { padding-inline-end: 24rem; }
|
||||
.pt-96 { padding-top: 24rem; }
|
||||
.pr-96 { padding-right: 24rem; }
|
||||
.pb-96 { padding-bottom: 24rem; }
|
||||
.pl-96 { padding-left: 24rem; }
|
||||
156
src/tail/width/index.scss
Normal file
156
src/tail/width/index.scss
Normal file
|
|
@ -0,0 +1,156 @@
|
|||
.w-0 { width: 0px; }
|
||||
.w-px { width: 1px; }
|
||||
.w-1 { width: 0.25rem; }
|
||||
.w-2 { width: 0.5rem; }
|
||||
.w-3 { width: 0.75rem; }
|
||||
.w-4 { width: 1rem; }
|
||||
.w-5 { width: 1.25rem; }
|
||||
.w-6 { width: 1.5rem; }
|
||||
.w-7 { width: 1.75rem; }
|
||||
.w-8 { width: 2rem; }
|
||||
.w-9 { width: 2.25rem; }
|
||||
.w-10 { width: 2.5rem; }
|
||||
.w-11 { width: 2.75rem; }
|
||||
.w-12 { width: 3rem; }
|
||||
.w-14 { width: 3.5rem; }
|
||||
.w-16 { width: 4rem; }
|
||||
.w-20 { width: 5rem; }
|
||||
.w-24 { width: 6rem; }
|
||||
.w-28 { width: 7rem; }
|
||||
.w-32 { width: 8rem; }
|
||||
.w-36 { width: 9rem; }
|
||||
.w-40 { width: 10rem; }
|
||||
.w-44 { width: 11rem; }
|
||||
.w-48 { width: 12rem; }
|
||||
.w-52 { width: 13rem; }
|
||||
.w-56 { width: 14rem; }
|
||||
.w-60 { width: 15rem; }
|
||||
.w-64 { width: 16rem; }
|
||||
.w-72 { width: 18rem; }
|
||||
.w-80 { width: 20rem; }
|
||||
.w-96 { width: 24rem; }
|
||||
.w-auto { width: auto; }
|
||||
.w-1\/2 { width: 50%; }
|
||||
.w-1\/3 { width: 33.333333%; }
|
||||
.w-2\/3 { width: 66.666667%; }
|
||||
.w-1\/4 { width: 25%; }
|
||||
.w-2\/4 { width: 50%; }
|
||||
.w-3\/4 { width: 75%; }
|
||||
.w-1\/5 { width: 20%; }
|
||||
.w-2\/5 { width: 40%; }
|
||||
.w-3\/5 { width: 60%; }
|
||||
.w-4\/5 { width: 80%; }
|
||||
.w-1\/6 { width: 16.666667%; }
|
||||
.w-2\/6 { width: 33.333333%; }
|
||||
.w-3\/6 { width: 50%; }
|
||||
.w-4\/6 { width: 66.666667%; }
|
||||
.w-5\/6 { width: 83.333333%; }
|
||||
.w-1\/12 { width: 8.333333%; }
|
||||
.w-2\/12 { width: 16.666667%; }
|
||||
.w-3\/12 { width: 25%; }
|
||||
.w-4\/12 { width: 33.333333%; }
|
||||
.w-5\/12 { width: 41.666667%; }
|
||||
.w-6\/12 { width: 50%; }
|
||||
.w-7\/12 { width: 58.333333%; }
|
||||
.w-8\/12 { width: 66.666667%; }
|
||||
.w-9\/12 { width: 75%; }
|
||||
.w-10\/12 { width: 83.333333%; }
|
||||
.w-11\/12 { width: 91.666667%; }
|
||||
.w-full { width: 100%; }
|
||||
.w-screen { width: 100vw; }
|
||||
.w-svw { width: 100svw; }
|
||||
.w-lvw { width: 100lvw; }
|
||||
.w-dvw { width: 100dvw; }
|
||||
.w-min { width: min-content; }
|
||||
.w-max { width: max-content; }
|
||||
.w-fit { width: fit-content; }
|
||||
|
||||
.min-w-0 { min-width: 0px }
|
||||
.min-w-1 { min-width: 0.25rem; }
|
||||
.min-w-2 { min-width: 0.5rem; }
|
||||
.min-w-3 { min-width: 0.75rem; }
|
||||
.min-w-4 { min-width: 1rem; }
|
||||
.min-w-5 { min-width: 1.25rem; }
|
||||
.min-w-6 { min-width: 1.5rem; }
|
||||
.min-w-7 { min-width: 1.75rem; }
|
||||
.min-w-8 { min-width: 2rem; }
|
||||
.min-w-9 { min-width: 2.25rem; }
|
||||
.min-w-10 { min-width: 2.5rem; }
|
||||
.min-w-11 { min-width: 2.75rem; }
|
||||
.min-w-12 { min-width: 3rem; }
|
||||
.min-w-14 { min-width: 3.5rem; }
|
||||
.min-w-16 { min-width: 4rem; }
|
||||
.min-w-20 { min-width: 5rem; }
|
||||
.min-w-24 { min-width: 6rem; }
|
||||
.min-w-28 { min-width: 7rem; }
|
||||
.min-w-32 { min-width: 8rem; }
|
||||
.min-w-36 { min-width: 9rem; }
|
||||
.min-w-40 { min-width: 10rem; }
|
||||
.min-w-44 { min-width: 11rem; }
|
||||
.min-w-48 { min-width: 12rem; }
|
||||
.min-w-52 { min-width: 13rem; }
|
||||
.min-w-56 { min-width: 14rem; }
|
||||
.min-w-60 { min-width: 15rem; }
|
||||
.min-w-64 { min-width: 16rem; }
|
||||
.min-w-72 { min-width: 18rem; }
|
||||
.min-w-80 { min-width: 20rem; }
|
||||
.min-w-96 { min-width: 24rem; }
|
||||
.min-w-px { min-width: 1px; }
|
||||
.min-w-full { min-width: 100%; }
|
||||
.min-w-min { min-width: min-content; }
|
||||
.min-w-max { min-width: max-content; }
|
||||
.min-w-fit { min-width: fit-content; }
|
||||
|
||||
.max-w-0 { max-width: 0px; }
|
||||
.max-w-px { max-width: 1px; }
|
||||
.max-w-1 { max-width: 0.25rem; }
|
||||
.max-w-2 { max-width: 0.5rem; }
|
||||
.max-w-3 { max-width: 0.75rem; }
|
||||
.max-w-4 { max-width: 1rem; }
|
||||
.max-w-5 { max-width: 1.25rem; }
|
||||
.max-w-6 { max-width: 1.5rem; }
|
||||
.max-w-7 { max-width: 1.75rem; }
|
||||
.max-w-8 { max-width: 2rem; }
|
||||
.max-w-9 { max-width: 2.25rem; }
|
||||
.max-w-10 { max-width: 2.5rem; }
|
||||
.max-w-11 { max-width: 2.75rem; }
|
||||
.max-w-12 { max-width: 3rem; }
|
||||
.max-w-14 { max-width: 3.5rem; }
|
||||
.max-w-16 { max-width: 4rem; }
|
||||
.max-w-20 { max-width: 5rem; }
|
||||
.max-w-24 { max-width: 6rem; }
|
||||
.max-w-28 { max-width: 7rem; }
|
||||
.max-w-32 { max-width: 8rem; }
|
||||
.max-w-36 { max-width: 9rem; }
|
||||
.max-w-40 { max-width: 10rem; }
|
||||
.max-w-44 { max-width: 11rem; }
|
||||
.max-w-48 { max-width: 12rem; }
|
||||
.max-w-52 { max-width: 13rem; }
|
||||
.max-w-56 { max-width: 14rem; }
|
||||
.max-w-60 { max-width: 15rem; }
|
||||
.max-w-64 { max-width: 16rem; }
|
||||
.max-w-72 { max-width: 18rem; }
|
||||
.max-w-80 { max-width: 20rem; }
|
||||
.max-w-96 { max-width: 24rem; }
|
||||
.max-w-none { max-width: none; }
|
||||
.max-w-xs { max-width: 20rem; }
|
||||
.max-w-sm { max-width: 24rem; }
|
||||
.max-w-md { max-width: 28rem; }
|
||||
.max-w-lg { max-width: 32rem; }
|
||||
.max-w-xl { max-width: 36rem; }
|
||||
.max-w-2xl { max-width: 42rem; }
|
||||
.max-w-3xl { max-width: 48rem; }
|
||||
.max-w-4xl { max-width: 56rem; }
|
||||
.max-w-5xl { max-width: 64rem; }
|
||||
.max-w-6xl { max-width: 72rem; }
|
||||
.max-w-7xl { max-width: 80rem; }
|
||||
.max-w-full { max-width: 100%; }
|
||||
.max-w-min { max-width: min-content; }
|
||||
.max-w-max { max-width: max-content; }
|
||||
.max-w-fit { max-width: fit-content; }
|
||||
.max-w-prose { max-width: 65ch; }
|
||||
.max-w-screen-sm { max-width: 640px; }
|
||||
.max-w-screen-md { max-width: 768px; }
|
||||
.max-w-screen-lg { max-width: 1024px; }
|
||||
.max-w-screen-xl { max-width: 1280px; }
|
||||
.max-w-screen-2xl { max-width: 1536px; }
|
||||
Loading…
Reference in a new issue