diff --git a/CHANGELOG.md b/CHANGELOG.md index 80a3875..2e4409a 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -3,14 +3,45 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. -# [0.5.0](https://github.com/navin-moorthy/vscode-css-snippets/compare/v0.4.0...v0.5.0) (2020-08-10) +## [0.5.1](https://github.com/navin-moorthy/vscode-css-snippets/compare/v0.5.0...v0.5.1) (2020-08-11) -### ✨ Features +### 🐛 Bug Fixes -* **snippets:** ✨ add tailwind spacing - margin snippets ([#32](https://github.com/navin-moorthy/vscode-css-snippets/issues/32)) ([65e455e](https://github.com/navin-moorthy/vscode-css-snippets/commit/65e455e8be0d85d6b85bb9bbcd9352a04717b977)), closes [#31](https://github.com/navin-moorthy/vscode-css-snippets/issues/31) -* **snippets:** ✨ add tailwind spacing - padding snippets ([#34](https://github.com/navin-moorthy/vscode-css-snippets/issues/34)) ([b34481a](https://github.com/navin-moorthy/vscode-css-snippets/commit/b34481a7b490bbb39156b6d3c22bb7c1f67199cf)), closes [#33](https://github.com/navin-moorthy/vscode-css-snippets/issues/33) -* **snippets:** ✨ add tailwind spacing - space between snippets ([#36](https://github.com/navin-moorthy/vscode-css-snippets/issues/36)) ([29fe054](https://github.com/navin-moorthy/vscode-css-snippets/commit/29fe0548dbb8541f1b8b1467ffe2fa4a5b2e34b2)), closes [#35](https://github.com/navin-moorthy/vscode-css-snippets/issues/35) +* **snippets:** 🐛 fix no negative margins and readme typo ([#44](https://github.com/navin-moorthy/vscode-css-snippets/issues/44)) ([fc61ed5](https://github.com/navin-moorthy/vscode-css-snippets/commit/fc61ed5b1c4b0c8083177ddd7cab9aa5685b8b7d)), closes [#43](https://github.com/navin-moorthy/vscode-css-snippets/issues/43) + + +### 📦 Code Refactoring + +* **snippets:** ♻️ move space snippets to individual files ([#38](https://github.com/navin-moorthy/vscode-css-snippets/issues/38)) ([#40](https://github.com/navin-moorthy/vscode-css-snippets/issues/40)) ([bceaef2](https://github.com/navin-moorthy/vscode-css-snippets/commit/bceaef2ad4a430f93cb745b90ceeef401550032d)) + + +### 📚 Documentation + +* **gifs:** 📝 add intro gif for tailwind snippets added ([#41](https://github.com/navin-moorthy/vscode-css-snippets/issues/41)) ([#42](https://github.com/navin-moorthy/vscode-css-snippets/issues/42)) ([d494e71](https://github.com/navin-moorthy/vscode-css-snippets/commit/d494e711020fd9d90e6df714f6b3bd3a56ea6565)) +* **refactor:** 📝 better arrangment of docs for Tailwind ([#39](https://github.com/navin-moorthy/vscode-css-snippets/issues/39)) ([b5ab1a8](https://github.com/navin-moorthy/vscode-css-snippets/commit/b5ab1a8ae32615960e0f026267737adb50b1bce2)), closes [#37](https://github.com/navin-moorthy/vscode-css-snippets/issues/37) + + + + + +## [0.5.1](https://github.com/navin-moorthy/vscode-css-snippets/compare/v0.5.0...v0.5.1) (2020-08-11) + + +### 🐛 Bug Fixes + +* **snippets:** 🐛 fix no negative margins and readme typo ([#44](https://github.com/navin-moorthy/vscode-css-snippets/issues/44)) ([fc61ed5](https://github.com/navin-moorthy/vscode-css-snippets/commit/fc61ed5b1c4b0c8083177ddd7cab9aa5685b8b7d)), closes [#43](https://github.com/navin-moorthy/vscode-css-snippets/issues/43) + + +### 📦 Code Refactoring + +* **snippets:** ♻️ move space snippets to individual files ([#38](https://github.com/navin-moorthy/vscode-css-snippets/issues/38)) ([#40](https://github.com/navin-moorthy/vscode-css-snippets/issues/40)) ([bceaef2](https://github.com/navin-moorthy/vscode-css-snippets/commit/bceaef2ad4a430f93cb745b90ceeef401550032d)) + + +### 📚 Documentation + +* **gifs:** 📝 add intro gif for tailwind snippets added ([#41](https://github.com/navin-moorthy/vscode-css-snippets/issues/41)) ([#42](https://github.com/navin-moorthy/vscode-css-snippets/issues/42)) ([d494e71](https://github.com/navin-moorthy/vscode-css-snippets/commit/d494e711020fd9d90e6df714f6b3bd3a56ea6565)) +* **refactor:** 📝 better arrangment of docs for Tailwind ([#39](https://github.com/navin-moorthy/vscode-css-snippets/issues/39)) ([b5ab1a8](https://github.com/navin-moorthy/vscode-css-snippets/commit/b5ab1a8ae32615960e0f026267737adb50b1bce2)), closes [#37](https://github.com/navin-moorthy/vscode-css-snippets/issues/37) diff --git a/README.md b/README.md index e8a152f..f1fea02 100644 --- a/README.md +++ b/README.md @@ -42,38 +42,11 @@ You can enable tab completion (recommended) by opening - [CSS Reset](#css-reset) - [Pseudo Styles](#pseudo-styles) - [Breakpoints](#breakpoints) - - [Tailwind Layout](#tailwind-layout) - - [Container](#container) - - [Box Sizing](#box-sizing) - - [Display](#display) - - [Float](#float) - - [Clear](#clear) - - [Clear](#clear-1) - - [Object Fit](#object-fit) - - [Object Position](#object-position) - - [Overflow](#overflow) - - [Position](#position) - - [Top / Right / Bottom / Left](#top--right--bottom--left) - - [Visibility](#visibility) - - [Z-Index](#z-index) - - [Tailwind FlexBox](#tailwind-flexbox) - - [Flex Direction](#flex-direction) - - [Flex Wrap](#flex-wrap) - - [Align Items](#align-items) - - [Align Content](#align-content) - - [Align Self](#align-self) - - [Justify Content](#justify-content) - - [Flex](#flex) - - [Flex Grow](#flex-grow) - - [Flex Shrink](#flex-shrink) - - [Flex Order](#flex-order) - - [Tailwind Grid](#tailwind-grid) - - [Grid Template Columns](#grid-template-columns) - - [Grid Column Start / End](#grid-column-start--end) - - [Grid Template Rows](#grid-template-rows) - - [Grid Row Start / End](#grid-row-start--end) - - [Gap](#gap) - - [Grid Auto Flow](#grid-auto-flow) + - [Tailwind](#tailwind) + - [Layout Snippets](#layout-snippets) + - [FlexBox Snippets](#flexbox-snippets) + - [Grid Snippets](#grid-snippets) + - [Spacing Snippets](#spacing-snippets) - [1 line layouts](#1-line-layouts) - [Extra Guides](#extra-guides) - [Snippets generation from Selected line/lines](#snippets-generation-from-selected-linelines) @@ -120,440 +93,31 @@ You can enable tab completion (recommended) by opening | `resp-lg-selected` | Get tailwind breakpoint for selected class/classes - lg - 1024px [See how →](#snippets-generation-from-selected-linelines) | | `resp-xl-selected` | Get tailwind breakpoint for selected class/classes - xl - 1280px [See how →](#snippets-generation-from-selected-linelines) | -### [Tailwind](https://tailwindcss.com/) Layout - -#### [Container](https://tailwindcss.com/docs/container) - -| Snippet | Purpose | -| ----------- | ------------------------------------------------------------------- | -| `container` | A component for fixing an element's width to the current breakpoint | - -#### [Box Sizing](https://tailwindcss.com/docs/box-sizing) - -| Snippet | Purpose | -| ------------- | ------------------------ | -| `box-border` | box-sizing: border-box; | -| `box-content` | box-sizing: content-box; | - -#### [Display](https://tailwindcss.com/docs/display) - -| Snippet | Purpose | -| -------------------- | ---------------------------- | -| `hidden` | display: none; | -| `block` | display: block; | -| `flow-root` | display: flow-root; | -| `inline-block` | display: inline-block; | -| `inline` | display: inline; | -| `flex` | display: flex; | -| `inline-flex` | display: inline-flex; | -| `grid` | display: grid; | -| `inline-grid` | display: inline-grid; | -| `table` | display: 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; | - -#### [Float](https://tailwindcss.com/docs/float) - -| Snippet | Purpose | -| ------------- | ------------------------------------------------------ | -| `float-right` | float: right; | -| `float-left` | float: left; | -| `float-none` | float: none; | -| `clearfix` | &::after { content: "": display: table; clear: both; } | - -#### [Clear](https://tailwindcss.com/docs/clear) - -| Snippet | Purpose | -| ------------- | ------------- | -| `clear-left` | clear: left; | -| `clear-right` | clear: right; | -| `clear-both` | clear: both; | -| `clear-none` | clear: none; | - -#### [Clear](https://tailwindcss.com/docs/clear) - -| Snippet | Purpose | -| ------------- | ------------- | -| `clear-left` | clear: left; | -| `clear-right` | clear: right; | -| `clear-both` | clear: both; | -| `clear-none` | clear: none; | - -#### [Object Fit](https://tailwindcss.com/docs/object-fit) - -| Snippet | Purpose | -| ------------------- | ----------------------- | -| `object-contain` | object-fit: contain; | -| `object-cover` | object-fit: cover; | -| `object-fill` | object-fit: fill; | -| `object-none` | object-fit: none; | -| `object-scale-down` | object-fit: scale-down; | - -#### [Object Position](https://tailwindcss.com/docs/object-position) - -| Snippet | Purpose | -| --------------------- | ------------------------------ | -| `object-bottom` | object-position: bottom; | -| `object-center` | object-position: center; | -| `object-left` | object-position: left; | -| `object-left-bottom` | object-position: left bottom; | -| `object-left-top` | object-position: left top; | -| `object-right` | object-position: right; | -| `object-right-bottom` | object-position: right bottom; | -| `object-right-top` | object-position: right top; | -| `object-top` | object-position: top; | - -#### [Overflow](https://tailwindcss.com/docs/overflow) - -| Snippet | Purpose | -| -------------------- | ---------------------------------- | -| `overflow-auto` | overflow: auto; | -| `overflow-hidden` | overflow: hidden; | -| `overflow-visible` | overflow: visible; | -| `overflow-scroll` | overflow: scroll; | -| `overflow-x-auto` | overflow-x: auto; | -| `overflow-y-auto` | overflow-y: auto; | -| `overflow-x-hidden` | overflow-x: hidden; | -| `overflow-y-hidden` | overflow-y: hidden; | -| `overflow-x-visible` | overflow-x: visible; | -| `overflow-y-visibl` | overflow-y: visible; | -| `overflow-x-scroll` | overflow-x: scroll; | -| `overflow-y-scroll` | overflow-y: scroll; | -| `scrolling-touch` | -webkit-overflow-scrolling: touch; | -| `scrolling-auto` | -webkit-overflow-scrolling: auto; | - -#### [Position](https://tailwindcss.com/docs/position) - -| Snippet | Purpose | -| ---------- | ------------------- | -| `static` | position: static; | -| `fixed` | position: fixed; | -| `absolute` | position: absolute; | -| `relative` | position: relative; | -| `sticky` | position: sticky; | - -#### [Top / Right / Bottom / Left](https://tailwindcss.com/docs/top-right-bottom-left) - -| Snippet | Purpose | -| -------------- | ------------------------------------------------- | -| `inset-0` | top: 0; right: 0; bottom: 0; left: 0; | -| `inset-y-0` | top: 0; bottom: 0; | -| `inset-x-0` | right: 0; left: 0; | -| `top-0` | top: 0; | -| `right-0` | right: 0; | -| `bottom-0` | bottom: 0; | -| `left-0` | left: 0; | -| `inset-auto` | top: auto; right: auto; bottom: auto; left: auto; | -| `inset-y-auto` | top: auto; bottom: auto; | -| `inset-x-auto` | left: auto; right: auto; | -| `top-auto` | top: auto; | -| `bottom-auto` | bottom: auto; | -| `left-auto` | left: auto; | -| `right-auto` | right: auto; | - -#### [Visibility](https://tailwindcss.com/docs/visibility) - -| Snippet | Purpose | -| ----------- | -------------------- | -| `visible` | visibility: visible; | -| `invisible` | visibility: hidden; | - -#### [Z-Index](https://tailwindcss.com/docs/z-index) - -| Snippet | Purpose | -| -------- | -------------- | -| `z-0` | z-index: 0; | -| `z-10` | z-index: 10; | -| `z-20` | z-index: 20; | -| `z-30` | z-index: 30; | -| `z-40` | z-index: 40; | -| `z-50` | z-index: 50; | -| `z-auto` | z-index: auto; | - -### [Tailwind](https://tailwindcss.com/) FlexBox - -#### [Flex Direction](https://tailwindcss.com/docs/flex-direction) - -| Snippet | Purpose | -| ------------------ | ------------------------------- | -| `flex-row` | flex-direction: row; | -| `flex-row-reverse` | flex-direction: row-reverse; | -| `flex-col` | flex-direction: column; | -| `flex-col-reverse` | flex-direction: column-reverse; | - -#### [Flex Wrap](https://tailwindcss.com/docs/flex-wrap) - -| Snippet | Purpose | -| ------------------- | ------------------------ | -| `flex-no-wrap` | flex-wrap: nowrap; | -| `flex-wrap` | flex-wrap: wrap; | -| `flex-wrap-reverse` | flex-wrap: wrap-reverse; | - -#### [Align Items](https://tailwindcss.com/docs/align-items) - -| Snippet | Purpose | -| ---------------- | ------------------------ | -| `items-stretch` | align-items: stretch; | -| `items-start` | align-items: flex-start; | -| `items-center` | align-items: center; | -| `items-end` | align-items: flex-end; | -| `items-baseline` | align-items: baseline; | - -#### [Align Content](https://tailwindcss.com/docs/align-content) - -| Snippet | Purpose | -| ----------------- | ----------------------------- | -| `content-start` | align-content: flex-start; | -| `content-center` | align-content: center; | -| `content-end` | align-content: flex-end; | -| `content-between` | align-content: space-between; | -| `content-around` | align-content: space-around; | - -#### [Align Self](https://tailwindcss.com/docs/align-self) - -| Snippet | Purpose | -| -------------- | ----------------------- | -| `self-auto` | align-self: auto; | -| `self-start` | align-self: flex-start; | -| `self-center` | align-self: center; | -| `self-end` | align-self: flex-end; | -| `self-stretch` | align-self: stretch; | - -#### [Justify Content](https://tailwindcss.com/docs/justify-content) - -| Snippet | Purpose | -| ----------------- | ------------------------------- | -| `justify-start` | justify-content: flex-start; | -| `justify-center` | justify-content: center; | -| `justify-end` | justify-content: flex-end; | -| `justify-between` | justify-content: space-between; | -| `justify-around` | justify-content: space-around; | - -#### [Flex](https://tailwindcss.com/docs/flex) - -| Snippet | Purpose | -| -------------- | --------------- | -| `flex-initial` | flex: 0 1 auto; | -| `flex-1` | flex: 1 1 0%; | -| `flex-auto` | flex: 1 1 auto; | -| `flex-none` | flex: none; | - -#### [Flex Grow](https://tailwindcss.com/docs/flex-grow) - -| Snippet | Purpose | -| ------------- | ------------- | -| `flex-grow` | flex-grow: 1; | -| `flex-grow-0` | flex-grow: 0; | - -#### [Flex Shrink](https://tailwindcss.com/docs/flex-shrink) - -| Snippet | Purpose | -| --------------- | --------------- | -| `flex-shrink` | flex-shrink: 1; | -| `flex-shrink-0` | flex-shrink: 0; | - -#### [Flex Order](https://tailwindcss.com/docs/order) - -| Snippet | Purpose | -| ------------- | ------------- | -| `order-first` | order: -9999; | -| `order-last` | order: 9999; | -| `order-none` | order: 0; | -| `order-1` | order: 1; | -| `order-2` | order: 2; | -| `order-3` | order: 3; | -| `order-4` | order: 4; | -| `order-5` | order: 5; | -| `order-6` | order: 6; | -| `order-7` | order: 7; | -| `order-8` | order: 8; | -| `order-9` | order: 9; | -| `order-10` | order: 10; | -| `order-11` | order: 11; | -| `order-12` | order: 12; | - -### [Tailwind](https://tailwindcss.com/) Grid - -#### [Grid Template Columns](https://tailwindcss.com/docs/grid-template-columns) - -| Snippet | Purpose | -| ---------------- | -------------------------------------------------- | -| `grid-cols-1` | grid-template-columns: repeat(1, minmax(0, 1fr)); | -| `grid-cols-2` | grid-template-columns: repeat(2, minmax(0, 1fr)); | -| `grid-cols-3` | grid-template-columns: repeat(3, minmax(0, 1fr)); | -| `grid-cols-4` | grid-template-columns: repeat(4, minmax(0, 1fr)); | -| `grid-cols-5` | grid-template-columns: repeat(5, minmax(0, 1fr)); | -| `grid-cols-6` | grid-template-columns: repeat(6, minmax(0, 1fr)); | -| `grid-cols-7` | grid-template-columns: repeat(7, minmax(0, 1fr)); | -| `grid-cols-8` | grid-template-columns: repeat(8, minmax(0, 1fr)); | -| `grid-cols-9` | grid-template-columns: repeat(9, minmax(0, 1fr)); | -| `grid-cols-10` | grid-template-columns: repeat(10, minmax(0, 1fr)); | -| `grid-cols-11` | grid-template-columns: repeat(11, minmax(0, 1fr)); | -| `grid-cols-12` | grid-template-columns: repeat(12, minmax(0, 1fr)); | -| `grid-cols-none` | grid-template-columns: none; | - -#### [Grid Column Start / End](https://tailwindcss.com/docs/grid-column) - -| Snippet | Purpose | -| ---------------- | ------------------------------- | -| `col-auto` | grid-column: auto; | -| `col-span-1` | grid-column: span 1 / span 1; | -| `col-span-2` | grid-column: span 2 / span 2; | -| `col-span-3` | grid-column: span 3 / span 3; | -| `col-span-4` | grid-column: span 4 / span 4; | -| `col-span-5` | grid-column: span 5 / span 5; | -| `col-span-6` | grid-column: span 6 / span 6; | -| `col-span-7` | grid-column: span 7 / span 7; | -| `col-span-8` | grid-column: span 8 / span 8; | -| `col-span-9` | grid-column: span 9 / span 9; | -| `col-span-10` | grid-column: span 10 / span 10; | -| `col-span-11` | grid-column: span 11 / span 11; | -| `col-span-12` | grid-column: span 12 / span 12; | -| `col-start-1` | grid-column-start: 1; | -| `col-start-2` | grid-column-start: 2; | -| `col-start-3` | grid-column-start: 3; | -| `col-start-4` | grid-column-start: 4; | -| `col-start-5` | grid-column-start: 5; | -| `col-start-6` | grid-column-start: 6; | -| `col-start-7` | grid-column-start: 7; | -| `col-start-8` | grid-column-start: 8; | -| `col-start-9` | grid-column-start: 9; | -| `col-start-10` | grid-column-start: 10; | -| `col-start-11` | grid-column-start: 11; | -| `col-start-12` | grid-column-start: 12; | -| `col-start-13` | grid-column-start: 13; | -| `col-start-auto` | grid-column-start: auto; | -| `col-end-1` | grid-column-end: 1; | -| `col-end-2` | grid-column-end: 2; | -| `col-end-3` | grid-column-end: 3; | -| `col-end-4` | grid-column-end: 4; | -| `col-end-5` | grid-column-end: 5; | -| `col-end-6` | grid-column-end: 6; | -| `col-end-7` | grid-column-end: 7; | -| `col-end-8` | grid-column-end: 8; | -| `col-end-9` | grid-column-end: 9; | -| `col-end-10` | grid-column-end: 10; | -| `col-end-11` | grid-column-end: 11; | -| `col-end-12` | grid-column-end: 12; | -| `col-end-13` | grid-column-end: 13; | -| `col-end-auto` | grid-column-end: auto; | - -#### [Grid Template Rows](https://tailwindcss.com/docs/grid-template-rows) - -| Snippet | Purpose | -| ---------------- | ---------------------------------------------- | -| `grid-rows-1` | grid-template-rows: repeat(1, minmax(0, 1fr)); | -| `grid-rows-2` | grid-template-rows: repeat(2, minmax(0, 1fr)); | -| `grid-rows-3` | grid-template-rows: repeat(3, minmax(0, 1fr)); | -| `grid-rows-4` | grid-template-rows: repeat(4, minmax(0, 1fr)); | -| `grid-rows-5` | grid-template-rows: repeat(5, minmax(0, 1fr)); | -| `grid-rows-6` | grid-template-rows: repeat(6, minmax(0, 1fr)); | -| `grid-rows-none` | grid-template-rows: none; | - -#### [Grid Row Start / End](https://tailwindcss.com/docs/grid-row) - -| Snippet | Purpose | -| ---------------- | -------------------------- | -| `row-auto` | grid-row: auto; | -| `row-span-1` | grid-row: span 1 / span 1; | -| `row-span-2` | grid-row: span 2 / span 2; | -| `row-span-3` | grid-row: span 3 / span 3; | -| `row-span-4` | grid-row: span 4 / span 4; | -| `row-span-5` | grid-row: span 5 / span 5; | -| `row-span-6` | grid-row: span 6 / span 6; | -| `row-start-1` | grid-row-start: 1; | -| `row-start-2` | grid-row-start: 2; | -| `row-start-3` | grid-row-start: 3; | -| `row-start-4` | grid-row-start: 4; | -| `row-start-5` | grid-row-start: 5; | -| `row-start-6` | grid-row-start: 6; | -| `row-start-7` | grid-row-start: 7; | -| `row-start-auto` | grid-row-start: auto; | -| `row-end-1` | grid-row-end: 1; | -| `row-end-2` | grid-row-end: 2; | -| `row-end-3` | grid-row-end: 3; | -| `row-end-4` | grid-row-end: 4; | -| `row-end-5` | grid-row-end: 5; | -| `row-end-6` | grid-row-end: 6; | -| `row-end-7` | grid-row-end: 7; | -| `row-end-auto` | grid-row-end: auto; | - -#### [Gap](https://tailwindcss.com/docs/gap) - -| Snippet | Purpose | -| ------------ | -------------------- | -| `gap-0` | gap: 0; | -| `gap-1` | gap: 0.25rem; | -| `gap-2` | gap: 0.5rem; | -| `gap-3` | gap: 0.75rem; | -| `gap-4` | gap: 1rem; | -| `gap-5` | gap: 1.25rem; | -| `gap-6` | gap: 1.5rem; | -| `gap-8` | gap: 2rem; | -| `gap-10` | gap: 2.5rem; | -| `gap-12` | gap: 3rem; | -| `gap-16` | gap: 4rem; | -| `gap-20` | gap: 5rem; | -| `gap-24` | gap: 6rem; | -| `gap-32` | gap: 8rem; | -| `gap-40` | gap: 10rem; | -| `gap-48` | gap: 12rem; | -| `gap-56` | gap: 14rem; | -| `gap-64` | gap: 16rem; | -| `gap-px` | gap: 1px; | -| `row-gap-0` | row-gap: 0; | -| `row-gap-1` | row-gap: 0.25rem; | -| `row-gap-2` | row-gap: 0.5rem; | -| `row-gap-3` | row-gap: 0.75rem; | -| `row-gap-4` | row-gap: 1rem; | -| `row-gap-5` | row-gap: 1.25rem; | -| `row-gap-6` | row-gap: 1.5rem; | -| `row-gap-8` | row-gap: 2rem; | -| `row-gap-10` | row-gap: 2.5rem; | -| `row-gap-12` | row-gap: 3rem; | -| `row-gap-16` | row-gap: 4rem; | -| `row-gap-20` | row-gap: 5rem; | -| `row-gap-24` | row-gap: 6rem; | -| `row-gap-32` | row-gap: 8rem; | -| `row-gap-40` | row-gap: 10rem; | -| `row-gap-48` | row-gap: 12rem; | -| `row-gap-56` | row-gap: 14rem; | -| `row-gap-64` | row-gap: 16rem; | -| `row-gap-px` | row-gap: 1px; | -| `col-gap-0` | column-gap: 0; | -| `col-gap-1` | column-gap: 0.25rem; | -| `col-gap-2` | column-gap: 0.5rem; | -| `col-gap-3` | column-gap: 0.75rem; | -| `col-gap-4` | column-gap: 1rem; | -| `col-gap-5` | column-gap: 1.25rem; | -| `col-gap-6` | column-gap: 1.5rem; | -| `col-gap-8` | column-gap: 2rem; | -| `col-gap-10` | column-gap: 2.5rem; | -| `col-gap-12` | column-gap: 3rem; | -| `col-gap-16` | column-gap: 4rem; | -| `col-gap-20` | column-gap: 5rem; | -| `col-gap-24` | column-gap: 6rem; | -| `col-gap-32` | column-gap: 8rem; | -| `col-gap-40` | column-gap: 10rem; | -| `col-gap-48` | column-gap: 12rem; | -| `col-gap-56` | column-gap: 14rem; | -| `col-gap-64` | column-gap: 16rem; | -| `col-gap-px` | column-gap: 1px; | - -#### [Grid Auto Flow](https://tailwindcss.com/docs/grid-auto-flow) - -| Snippet | Purpose | -| --------------------- | ----------------------------- | -| `grid-flow-row` | grid-auto-flow: row; | -| `grid-flow-col` | grid-auto-flow: column; | -| `grid-flow-row-dense` | grid-auto-flow: row dense; | -| `grid-flow-col-dense` | grid-auto-flow: column dense; | +### [Tailwind](https://tailwindcss.com/) + +#### Layout Snippets + +**[List of all Layout Snippets →](https://github.com/navin-moorthy/vscode-css-snippets/blob/master/docs/tailwind/layout.md)** + +![Layout Snippets Showcase](https://github.com/navin-moorthy/vscode-css-snippets/raw/master/media/tailwind-layout.gif) + +#### FlexBox Snippets + +**[List of all FlexBox Snippets →](https://github.com/navin-moorthy/vscode-css-snippets/blob/master/docs/tailwind/flex.md)** + +![FlexBox Snippets Showcase](https://github.com/navin-moorthy/vscode-css-snippets/raw/master/media/tailwind-flex.gif) + +#### Grid Snippets + +**[List of all Grid Snippets →](https://github.com/navin-moorthy/vscode-css-snippets/blob/master/docs/tailwind/grid.md)** + +![Grid Snippets Showcase](https://github.com/navin-moorthy/vscode-css-snippets/raw/master/media/tailwind-grid.gif) + +#### Spacing Snippets + +**[List of all Spacing Snippets →](https://github.com/navin-moorthy/vscode-css-snippets/blob/master/docs/tailwind/spacing.md)** + +![Spacing Snippets Showcase](https://github.com/navin-moorthy/vscode-css-snippets/raw/master/media/tailwind-spacing.gif) ### [1 line layouts](https://1linelayouts.glitch.me/) diff --git a/docs/tailwind/flex.md b/docs/tailwind/flex.md new file mode 100644 index 0000000..46694a1 --- /dev/null +++ b/docs/tailwind/flex.md @@ -0,0 +1,115 @@ +# [Tailwind](https://tailwindcss.com/) FlexBox + +![FlexBox Snippets Showcase](https://github.com/navin-moorthy/vscode-css-snippets/raw/master/media/tailwind-flex.gif) + +- [Tailwind FlexBox](#tailwind-flexbox) + - [Flex Direction](#flex-direction) + - [Flex Wrap](#flex-wrap) + - [Align Items](#align-items) + - [Align Content](#align-content) + - [Align Self](#align-self) + - [Justify Content](#justify-content) + - [Flex](#flex) + - [Flex Grow](#flex-grow) + - [Flex Shrink](#flex-shrink) + - [Flex Order](#flex-order) + +## [Flex Direction](https://tailwindcss.com/docs/flex-direction) + +| Snippet | Purpose | +| ------------------ | ------------------------------- | +| `flex-row` | flex-direction: row; | +| `flex-row-reverse` | flex-direction: row-reverse; | +| `flex-col` | flex-direction: column; | +| `flex-col-reverse` | flex-direction: column-reverse; | + +## [Flex Wrap](https://tailwindcss.com/docs/flex-wrap) + +| Snippet | Purpose | +| ------------------- | ------------------------ | +| `flex-no-wrap` | flex-wrap: nowrap; | +| `flex-wrap` | flex-wrap: wrap; | +| `flex-wrap-reverse` | flex-wrap: wrap-reverse; | + +## [Align Items](https://tailwindcss.com/docs/align-items) + +| Snippet | Purpose | +| ---------------- | ------------------------ | +| `items-stretch` | align-items: stretch; | +| `items-start` | align-items: flex-start; | +| `items-center` | align-items: center; | +| `items-end` | align-items: flex-end; | +| `items-baseline` | align-items: baseline; | + +## [Align Content](https://tailwindcss.com/docs/align-content) + +| Snippet | Purpose | +| ----------------- | ----------------------------- | +| `content-start` | align-content: flex-start; | +| `content-center` | align-content: center; | +| `content-end` | align-content: flex-end; | +| `content-between` | align-content: space-between; | +| `content-around` | align-content: space-around; | + +## [Align Self](https://tailwindcss.com/docs/align-self) + +| Snippet | Purpose | +| -------------- | ----------------------- | +| `self-auto` | align-self: auto; | +| `self-start` | align-self: flex-start; | +| `self-center` | align-self: center; | +| `self-end` | align-self: flex-end; | +| `self-stretch` | align-self: stretch; | + +## [Justify Content](https://tailwindcss.com/docs/justify-content) + +| Snippet | Purpose | +| ----------------- | ------------------------------- | +| `justify-start` | justify-content: flex-start; | +| `justify-center` | justify-content: center; | +| `justify-end` | justify-content: flex-end; | +| `justify-between` | justify-content: space-between; | +| `justify-around` | justify-content: space-around; | + +## [Flex](https://tailwindcss.com/docs/flex) + +| Snippet | Purpose | +| -------------- | --------------- | +| `flex-initial` | flex: 0 1 auto; | +| `flex-1` | flex: 1 1 0%; | +| `flex-auto` | flex: 1 1 auto; | +| `flex-none` | flex: none; | + +## [Flex Grow](https://tailwindcss.com/docs/flex-grow) + +| Snippet | Purpose | +| ------------- | ------------- | +| `flex-grow` | flex-grow: 1; | +| `flex-grow-0` | flex-grow: 0; | + +## [Flex Shrink](https://tailwindcss.com/docs/flex-shrink) + +| Snippet | Purpose | +| --------------- | --------------- | +| `flex-shrink` | flex-shrink: 1; | +| `flex-shrink-0` | flex-shrink: 0; | + +## [Flex Order](https://tailwindcss.com/docs/order) + +| Snippet | Purpose | +| ------------- | ------------- | +| `order-first` | order: -9999; | +| `order-last` | order: 9999; | +| `order-none` | order: 0; | +| `order-1` | order: 1; | +| `order-2` | order: 2; | +| `order-3` | order: 3; | +| `order-4` | order: 4; | +| `order-5` | order: 5; | +| `order-6` | order: 6; | +| `order-7` | order: 7; | +| `order-8` | order: 8; | +| `order-9` | order: 9; | +| `order-10` | order: 10; | +| `order-11` | order: 11; | +| `order-12` | order: 12; | diff --git a/docs/tailwind/grid.md b/docs/tailwind/grid.md new file mode 100644 index 0000000..653aaa4 --- /dev/null +++ b/docs/tailwind/grid.md @@ -0,0 +1,186 @@ +# [Tailwind](https://tailwindcss.com/) Grid + +![Grid Snippets Showcase](https://github.com/navin-moorthy/vscode-css-snippets/raw/master/media/tailwind-grid.gif) + +- [Tailwind Grid](#tailwind-grid) + - [Grid Template Columns](#grid-template-columns) + - [Grid Column Start / End](#grid-column-start--end) + - [Grid Template Rows](#grid-template-rows) + - [Grid Row Start / End](#grid-row-start--end) + - [Gap](#gap) + - [Grid Auto Flow](#grid-auto-flow) + +## [Grid Template Columns](https://tailwindcss.com/docs/grid-template-columns) + +| Snippet | Purpose | +| ---------------- | -------------------------------------------------- | +| `grid-cols-1` | grid-template-columns: repeat(1, minmax(0, 1fr)); | +| `grid-cols-2` | grid-template-columns: repeat(2, minmax(0, 1fr)); | +| `grid-cols-3` | grid-template-columns: repeat(3, minmax(0, 1fr)); | +| `grid-cols-4` | grid-template-columns: repeat(4, minmax(0, 1fr)); | +| `grid-cols-5` | grid-template-columns: repeat(5, minmax(0, 1fr)); | +| `grid-cols-6` | grid-template-columns: repeat(6, minmax(0, 1fr)); | +| `grid-cols-7` | grid-template-columns: repeat(7, minmax(0, 1fr)); | +| `grid-cols-8` | grid-template-columns: repeat(8, minmax(0, 1fr)); | +| `grid-cols-9` | grid-template-columns: repeat(9, minmax(0, 1fr)); | +| `grid-cols-10` | grid-template-columns: repeat(10, minmax(0, 1fr)); | +| `grid-cols-11` | grid-template-columns: repeat(11, minmax(0, 1fr)); | +| `grid-cols-12` | grid-template-columns: repeat(12, minmax(0, 1fr)); | +| `grid-cols-none` | grid-template-columns: none; | + +## [Grid Column Start / End](https://tailwindcss.com/docs/grid-column) + +| Snippet | Purpose | +| ---------------- | ------------------------------- | +| `col-auto` | grid-column: auto; | +| `col-span-1` | grid-column: span 1 / span 1; | +| `col-span-2` | grid-column: span 2 / span 2; | +| `col-span-3` | grid-column: span 3 / span 3; | +| `col-span-4` | grid-column: span 4 / span 4; | +| `col-span-5` | grid-column: span 5 / span 5; | +| `col-span-6` | grid-column: span 6 / span 6; | +| `col-span-7` | grid-column: span 7 / span 7; | +| `col-span-8` | grid-column: span 8 / span 8; | +| `col-span-9` | grid-column: span 9 / span 9; | +| `col-span-10` | grid-column: span 10 / span 10; | +| `col-span-11` | grid-column: span 11 / span 11; | +| `col-span-12` | grid-column: span 12 / span 12; | +| `col-start-1` | grid-column-start: 1; | +| `col-start-2` | grid-column-start: 2; | +| `col-start-3` | grid-column-start: 3; | +| `col-start-4` | grid-column-start: 4; | +| `col-start-5` | grid-column-start: 5; | +| `col-start-6` | grid-column-start: 6; | +| `col-start-7` | grid-column-start: 7; | +| `col-start-8` | grid-column-start: 8; | +| `col-start-9` | grid-column-start: 9; | +| `col-start-10` | grid-column-start: 10; | +| `col-start-11` | grid-column-start: 11; | +| `col-start-12` | grid-column-start: 12; | +| `col-start-13` | grid-column-start: 13; | +| `col-start-auto` | grid-column-start: auto; | +| `col-end-1` | grid-column-end: 1; | +| `col-end-2` | grid-column-end: 2; | +| `col-end-3` | grid-column-end: 3; | +| `col-end-4` | grid-column-end: 4; | +| `col-end-5` | grid-column-end: 5; | +| `col-end-6` | grid-column-end: 6; | +| `col-end-7` | grid-column-end: 7; | +| `col-end-8` | grid-column-end: 8; | +| `col-end-9` | grid-column-end: 9; | +| `col-end-10` | grid-column-end: 10; | +| `col-end-11` | grid-column-end: 11; | +| `col-end-12` | grid-column-end: 12; | +| `col-end-13` | grid-column-end: 13; | +| `col-end-auto` | grid-column-end: auto; | + +## [Grid Template Rows](https://tailwindcss.com/docs/grid-template-rows) + +| Snippet | Purpose | +| ---------------- | ---------------------------------------------- | +| `grid-rows-1` | grid-template-rows: repeat(1, minmax(0, 1fr)); | +| `grid-rows-2` | grid-template-rows: repeat(2, minmax(0, 1fr)); | +| `grid-rows-3` | grid-template-rows: repeat(3, minmax(0, 1fr)); | +| `grid-rows-4` | grid-template-rows: repeat(4, minmax(0, 1fr)); | +| `grid-rows-5` | grid-template-rows: repeat(5, minmax(0, 1fr)); | +| `grid-rows-6` | grid-template-rows: repeat(6, minmax(0, 1fr)); | +| `grid-rows-none` | grid-template-rows: none; | + +## [Grid Row Start / End](https://tailwindcss.com/docs/grid-row) + +| Snippet | Purpose | +| ---------------- | -------------------------- | +| `row-auto` | grid-row: auto; | +| `row-span-1` | grid-row: span 1 / span 1; | +| `row-span-2` | grid-row: span 2 / span 2; | +| `row-span-3` | grid-row: span 3 / span 3; | +| `row-span-4` | grid-row: span 4 / span 4; | +| `row-span-5` | grid-row: span 5 / span 5; | +| `row-span-6` | grid-row: span 6 / span 6; | +| `row-start-1` | grid-row-start: 1; | +| `row-start-2` | grid-row-start: 2; | +| `row-start-3` | grid-row-start: 3; | +| `row-start-4` | grid-row-start: 4; | +| `row-start-5` | grid-row-start: 5; | +| `row-start-6` | grid-row-start: 6; | +| `row-start-7` | grid-row-start: 7; | +| `row-start-auto` | grid-row-start: auto; | +| `row-end-1` | grid-row-end: 1; | +| `row-end-2` | grid-row-end: 2; | +| `row-end-3` | grid-row-end: 3; | +| `row-end-4` | grid-row-end: 4; | +| `row-end-5` | grid-row-end: 5; | +| `row-end-6` | grid-row-end: 6; | +| `row-end-7` | grid-row-end: 7; | +| `row-end-auto` | grid-row-end: auto; | + +## [Gap](https://tailwindcss.com/docs/gap) + +| Snippet | Purpose | +| ------------ | -------------------- | +| `gap-0` | gap: 0; | +| `gap-1` | gap: 0.25rem; | +| `gap-2` | gap: 0.5rem; | +| `gap-3` | gap: 0.75rem; | +| `gap-4` | gap: 1rem; | +| `gap-5` | gap: 1.25rem; | +| `gap-6` | gap: 1.5rem; | +| `gap-8` | gap: 2rem; | +| `gap-10` | gap: 2.5rem; | +| `gap-12` | gap: 3rem; | +| `gap-16` | gap: 4rem; | +| `gap-20` | gap: 5rem; | +| `gap-24` | gap: 6rem; | +| `gap-32` | gap: 8rem; | +| `gap-40` | gap: 10rem; | +| `gap-48` | gap: 12rem; | +| `gap-56` | gap: 14rem; | +| `gap-64` | gap: 16rem; | +| `gap-px` | gap: 1px; | +| `row-gap-0` | row-gap: 0; | +| `row-gap-1` | row-gap: 0.25rem; | +| `row-gap-2` | row-gap: 0.5rem; | +| `row-gap-3` | row-gap: 0.75rem; | +| `row-gap-4` | row-gap: 1rem; | +| `row-gap-5` | row-gap: 1.25rem; | +| `row-gap-6` | row-gap: 1.5rem; | +| `row-gap-8` | row-gap: 2rem; | +| `row-gap-10` | row-gap: 2.5rem; | +| `row-gap-12` | row-gap: 3rem; | +| `row-gap-16` | row-gap: 4rem; | +| `row-gap-20` | row-gap: 5rem; | +| `row-gap-24` | row-gap: 6rem; | +| `row-gap-32` | row-gap: 8rem; | +| `row-gap-40` | row-gap: 10rem; | +| `row-gap-48` | row-gap: 12rem; | +| `row-gap-56` | row-gap: 14rem; | +| `row-gap-64` | row-gap: 16rem; | +| `row-gap-px` | row-gap: 1px; | +| `col-gap-0` | column-gap: 0; | +| `col-gap-1` | column-gap: 0.25rem; | +| `col-gap-2` | column-gap: 0.5rem; | +| `col-gap-3` | column-gap: 0.75rem; | +| `col-gap-4` | column-gap: 1rem; | +| `col-gap-5` | column-gap: 1.25rem; | +| `col-gap-6` | column-gap: 1.5rem; | +| `col-gap-8` | column-gap: 2rem; | +| `col-gap-10` | column-gap: 2.5rem; | +| `col-gap-12` | column-gap: 3rem; | +| `col-gap-16` | column-gap: 4rem; | +| `col-gap-20` | column-gap: 5rem; | +| `col-gap-24` | column-gap: 6rem; | +| `col-gap-32` | column-gap: 8rem; | +| `col-gap-40` | column-gap: 10rem; | +| `col-gap-48` | column-gap: 12rem; | +| `col-gap-56` | column-gap: 14rem; | +| `col-gap-64` | column-gap: 16rem; | +| `col-gap-px` | column-gap: 1px; | + +## [Grid Auto Flow](https://tailwindcss.com/docs/grid-auto-flow) + +| Snippet | Purpose | +| --------------------- | ----------------------------- | +| `grid-flow-row` | grid-auto-flow: row; | +| `grid-flow-col` | grid-auto-flow: column; | +| `grid-flow-row-dense` | grid-auto-flow: row dense; | +| `grid-flow-col-dense` | grid-auto-flow: column dense; | diff --git a/docs/tailwind/layout.md b/docs/tailwind/layout.md new file mode 100644 index 0000000..bc4200b --- /dev/null +++ b/docs/tailwind/layout.md @@ -0,0 +1,172 @@ +# [Tailwind](https://tailwindcss.com/) Layout + +![Layout Snippets Showcase](https://github.com/navin-moorthy/vscode-css-snippets/raw/master/media/tailwind-layout.gif) + +- [Tailwind Layout](#tailwind-layout) + - [Container](#container) + - [Box Sizing](#box-sizing) + - [Display](#display) + - [Float](#float) + - [Clear](#clear) + - [Clear](#clear-1) + - [Object Fit](#object-fit) + - [Object Position](#object-position) + - [Overflow](#overflow) + - [Position](#position) + - [Top / Right / Bottom / Left](#top--right--bottom--left) + - [Visibility](#visibility) + - [Z-Index](#z-index) + +## [Container](https://tailwindcss.com/docs/container) + +| Snippet | Purpose | +| ----------- | ------------------------------------------------------------------- | +| `container` | A component for fixing an element's width to the current breakpoint | + +## [Box Sizing](https://tailwindcss.com/docs/box-sizing) + +| Snippet | Purpose | +| ------------- | ------------------------ | +| `box-border` | box-sizing: border-box; | +| `box-content` | box-sizing: content-box; | + +## [Display](https://tailwindcss.com/docs/display) + +| Snippet | Purpose | +| -------------------- | ---------------------------- | +| `hidden` | display: none; | +| `block` | display: block; | +| `flow-root` | display: flow-root; | +| `inline-block` | display: inline-block; | +| `inline` | display: inline; | +| `flex` | display: flex; | +| `inline-flex` | display: inline-flex; | +| `grid` | display: grid; | +| `inline-grid` | display: inline-grid; | +| `table` | display: 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; | + +## [Float](https://tailwindcss.com/docs/float) + +| Snippet | Purpose | +| ------------- | ------------------------------------------------------ | +| `float-right` | float: right; | +| `float-left` | float: left; | +| `float-none` | float: none; | +| `clearfix` | &::after { content: "": display: table; clear: both; } | + +## [Clear](https://tailwindcss.com/docs/clear) + +| Snippet | Purpose | +| ------------- | ------------- | +| `clear-left` | clear: left; | +| `clear-right` | clear: right; | +| `clear-both` | clear: both; | +| `clear-none` | clear: none; | + +## [Clear](https://tailwindcss.com/docs/clear) + +| Snippet | Purpose | +| ------------- | ------------- | +| `clear-left` | clear: left; | +| `clear-right` | clear: right; | +| `clear-both` | clear: both; | +| `clear-none` | clear: none; | + +## [Object Fit](https://tailwindcss.com/docs/object-fit) + +| Snippet | Purpose | +| ------------------- | ----------------------- | +| `object-contain` | object-fit: contain; | +| `object-cover` | object-fit: cover; | +| `object-fill` | object-fit: fill; | +| `object-none` | object-fit: none; | +| `object-scale-down` | object-fit: scale-down; | + +## [Object Position](https://tailwindcss.com/docs/object-position) + +| Snippet | Purpose | +| --------------------- | ------------------------------ | +| `object-bottom` | object-position: bottom; | +| `object-center` | object-position: center; | +| `object-left` | object-position: left; | +| `object-left-bottom` | object-position: left bottom; | +| `object-left-top` | object-position: left top; | +| `object-right` | object-position: right; | +| `object-right-bottom` | object-position: right bottom; | +| `object-right-top` | object-position: right top; | +| `object-top` | object-position: top; | + +## [Overflow](https://tailwindcss.com/docs/overflow) + +| Snippet | Purpose | +| -------------------- | ---------------------------------- | +| `overflow-auto` | overflow: auto; | +| `overflow-hidden` | overflow: hidden; | +| `overflow-visible` | overflow: visible; | +| `overflow-scroll` | overflow: scroll; | +| `overflow-x-auto` | overflow-x: auto; | +| `overflow-y-auto` | overflow-y: auto; | +| `overflow-x-hidden` | overflow-x: hidden; | +| `overflow-y-hidden` | overflow-y: hidden; | +| `overflow-x-visible` | overflow-x: visible; | +| `overflow-y-visibl` | overflow-y: visible; | +| `overflow-x-scroll` | overflow-x: scroll; | +| `overflow-y-scroll` | overflow-y: scroll; | +| `scrolling-touch` | -webkit-overflow-scrolling: touch; | +| `scrolling-auto` | -webkit-overflow-scrolling: auto; | + +## [Position](https://tailwindcss.com/docs/position) + +| Snippet | Purpose | +| ---------- | ------------------- | +| `static` | position: static; | +| `fixed` | position: fixed; | +| `absolute` | position: absolute; | +| `relative` | position: relative; | +| `sticky` | position: sticky; | + +## [Top / Right / Bottom / Left](https://tailwindcss.com/docs/top-right-bottom-left) + +| Snippet | Purpose | +| -------------- | ------------------------------------------------- | +| `inset-0` | top: 0; right: 0; bottom: 0; left: 0; | +| `inset-y-0` | top: 0; bottom: 0; | +| `inset-x-0` | right: 0; left: 0; | +| `top-0` | top: 0; | +| `right-0` | right: 0; | +| `bottom-0` | bottom: 0; | +| `left-0` | left: 0; | +| `inset-auto` | top: auto; right: auto; bottom: auto; left: auto; | +| `inset-y-auto` | top: auto; bottom: auto; | +| `inset-x-auto` | left: auto; right: auto; | +| `top-auto` | top: auto; | +| `bottom-auto` | bottom: auto; | +| `left-auto` | left: auto; | +| `right-auto` | right: auto; | + +## [Visibility](https://tailwindcss.com/docs/visibility) + +| Snippet | Purpose | +| ----------- | -------------------- | +| `visible` | visibility: visible; | +| `invisible` | visibility: hidden; | + +## [Z-Index](https://tailwindcss.com/docs/z-index) + +| Snippet | Purpose | +| -------- | -------------- | +| `z-0` | z-index: 0; | +| `z-10` | z-index: 10; | +| `z-20` | z-index: 20; | +| `z-30` | z-index: 30; | +| `z-40` | z-index: 40; | +| `z-50` | z-index: 50; | +| `z-auto` | z-index: auto; | diff --git a/docs/tailwind/spacing.md b/docs/tailwind/spacing.md new file mode 100644 index 0000000..e4d27ec --- /dev/null +++ b/docs/tailwind/spacing.md @@ -0,0 +1,570 @@ +# [Tailwind](https://tailwindcss.com/) Spacing + +![Spacing Snippets Showcase](https://github.com/navin-moorthy/vscode-css-snippets/raw/master/media/tailwind-spacing.gif) + +- [Tailwind Spacing](#tailwind-spacing) + - [Padding](#padding) + - [Margin](#margin) + - [Space Between](#space-between) + +## [Padding](https://tailwindcss.com/docs/padding) + +| Snippet | Purpose | +| ------- | ---------------------------------------------- | +| `p-0` | padding: 0; | +| `p-1` | padding: 0.25rem; | +| `p-2` | padding: 0.5rem; | +| `p-3` | padding: 0.75rem; | +| `p-4` | padding: 1rem; | +| `p-5` | padding: 1.25rem; | +| `p-6` | padding: 1.5rem; | +| `p-8` | padding: 2rem; | +| `p-10` | padding: 2.5rem; | +| `p-12` | padding: 3rem; | +| `p-16` | padding: 4rem; | +| `p-20` | padding: 5rem; | +| `p-24` | padding: 6rem; | +| `p-32` | padding: 8rem; | +| `p-40` | padding: 10rem; | +| `p-48` | padding: 12rem; | +| `p-56` | padding: 14rem; | +| `p-64` | padding: 16rem; | +| `p-px` | padding: 1px; | +| `pt-0` | padding-top: 0; | +| `pt-1` | padding-top: 0.25rem; | +| `pt-2` | padding-top: 0.5rem; | +| `pt-3` | padding-top: 0.75rem; | +| `pt-4` | padding-top: 1rem; | +| `pt-5` | padding-top: 1.25rem; | +| `pt-6` | padding-top: 1.5rem; | +| `pt-8` | padding-top: 2rem; | +| `pt-10` | padding-top: 2.5rem; | +| `pt-12` | padding-top: 3rem; | +| `pt-16` | padding-top: 4rem; | +| `pt-20` | padding-top: 5rem; | +| `pt-24` | padding-top: 6rem; | +| `pt-32` | padding-top: 8rem; | +| `pt-40` | padding-top: 10rem; | +| `pt-48` | padding-top: 12rem; | +| `pt-56` | padding-top: 14rem; | +| `pt-64` | padding-top: 16rem; | +| `pt-px` | padding-top: 1px; | +| `pr-0` | padding-right: 0; | +| `pr-1` | padding-right: 0.25rem; | +| `pr-2` | padding-right: 0.5rem; | +| `pr-3` | padding-right: 0.75rem; | +| `pr-4` | padding-right: 1rem; | +| `pr-5` | padding-right: 1.25rem; | +| `pr-6` | padding-right: 1.5rem; | +| `pr-8` | padding-right: 2rem; | +| `pr-10` | padding-right: 2.5rem; | +| `pr-12` | padding-right: 3rem; | +| `pr-16` | padding-right: 4rem; | +| `pr-20` | padding-right: 5rem; | +| `pr-24` | padding-right: 6rem; | +| `pr-32` | padding-right: 8rem; | +| `pr-40` | padding-right: 10rem; | +| `pr-48` | padding-right: 12rem; | +| `pr-56` | padding-right: 14rem; | +| `pr-64` | padding-right: 16rem; | +| `pr-px` | padding-right: 1px; | +| `pb-0` | padding-bottom: 0; | +| `pb-1` | padding-bottom: 0.25rem; | +| `pb-2` | padding-bottom: 0.5rem; | +| `pb-3` | padding-bottom: 0.75rem; | +| `pb-4` | padding-bottom: 1rem; | +| `pb-5` | padding-bottom: 1.25rem; | +| `pb-6` | padding-bottom: 1.5rem; | +| `pb-8` | padding-bottom: 2rem; | +| `pb-10` | padding-bottom: 2.5rem; | +| `pb-12` | padding-bottom: 3rem; | +| `pb-16` | padding-bottom: 4rem; | +| `pb-20` | padding-bottom: 5rem; | +| `pb-24` | padding-bottom: 6rem; | +| `pb-32` | padding-bottom: 8rem; | +| `pb-40` | padding-bottom: 10rem; | +| `pb-48` | padding-bottom: 12rem; | +| `pb-56` | padding-bottom: 14rem; | +| `pb-64` | padding-bottom: 16rem; | +| `pb-px` | padding-bottom: 1px; | +| `pl-0` | padding-left: 0; | +| `pl-1` | padding-left: 0.25rem; | +| `pl-2` | padding-left: 0.5rem; | +| `pl-3` | padding-left: 0.75rem; | +| `pl-4` | padding-left: 1rem; | +| `pl-5` | padding-left: 1.25rem; | +| `pl-6` | padding-left: 1.5rem; | +| `pl-8` | padding-left: 2rem; | +| `pl-10` | padding-left: 2.5rem; | +| `pl-12` | padding-left: 3rem; | +| `pl-16` | padding-left: 4rem; | +| `pl-20` | padding-left: 5rem; | +| `pl-24` | padding-left: 6rem; | +| `pl-32` | padding-left: 8rem; | +| `pl-40` | padding-left: 10rem; | +| `pl-48` | padding-left: 12rem; | +| `pl-56` | padding-left: 14rem; | +| `pl-64` | padding-left: 16rem; | +| `pl-px` | padding-left: 1px; | +| `py-0` | padding-top: 0; padding-bottom: 0; | +| `py-1` | padding-top: 0.25rem; padding-bottom: 0.25rem; | +| `py-2` | padding-top: 0.5rem; padding-bottom: 0.5rem; | +| `py-3` | padding-top: 0.75rem; padding-bottom: 0.75rem; | +| `py-4` | padding-top: 1rem; padding-bottom: 1rem; | +| `py-5` | padding-top: 1.25rem; padding-bottom: 1.25rem; | +| `py-6` | padding-top: 1.5rem; padding-bottom: 1.5rem; | +| `py-8` | padding-top: 2rem; padding-bottom: 2rem; | +| `py-10` | padding-top: 2.5rem; padding-bottom: 2.5rem; | +| `py-12` | padding-top: 3rem; padding-bottom: 3rem; | +| `py-16` | padding-top: 4rem; padding-bottom: 4rem; | +| `py-20` | padding-top: 5rem; padding-bottom: 5rem; | +| `py-24` | padding-top: 6rem; padding-bottom: 6rem; | +| `py-32` | padding-top: 8rem; padding-bottom: 8rem; | +| `py-40` | padding-top: 10rem; padding-bottom: 10rem; | +| `py-48` | padding-top: 12rem; padding-bottom: 12rem; | +| `py-56` | padding-top: 14rem; padding-bottom: 14rem; | +| `py-64` | padding-top: 16rem; padding-bottom: 16rem; | +| `py-px` | padding-top: 1px; padding-bottom: 1px; | +| `px-0` | padding-right: 0; padding-left: 0; | +| `px-1` | padding-right: 0.25rem; padding-left: 0.25rem; | +| `px-2` | padding-right: 0.5rem; padding-left: 0.5rem; | +| `px-3` | padding-right: 0.75rem; padding-left: 0.75rem; | +| `px-4` | padding-right: 1rem; padding-left: 1rem; | +| `px-5` | padding-right: 1.25rem; padding-left: 1.25rem; | +| `px-6` | padding-right: 1.5rem; padding-left: 1.5rem; | +| `px-8` | padding-right: 2rem; padding-left: 2rem; | +| `px-10` | padding-right: 2.5rem; padding-left: 2.5rem; | +| `px-12` | padding-right: 3rem; padding-left: 3rem; | +| `px-16` | padding-right: 4rem; padding-left: 4rem; | +| `px-20` | padding-right: 5rem; padding-left: 5rem; | +| `px-24` | padding-right: 6rem; padding-left: 6rem; | +| `px-32` | padding-right: 8rem; padding-left: 8rem; | +| `px-40` | padding-right: 10rem; padding-left: 10rem; | +| `px-48` | padding-right: 12rem; padding-left: 12rem; | +| `px-56` | padding-right: 14rem; padding-left: 14rem; | +| `px-64` | padding-right: 16rem; padding-left: 16rem; | +| `px-px` | padding-right: 1px; padding-left: 1px; | + +## [Margin](https://tailwindcss.com/docs/margin) + +| Snippet | Purpose | +| --------- | ---------------------------------------------- | +| `m-0` | margin: 0; | +| `m-1` | margin: 0.25rem; | +| `m-2` | margin: 0.5rem; | +| `m-3` | margin: 0.75rem; | +| `m-4` | margin: 1rem; | +| `m-5` | margin: 1.25rem; | +| `m-6` | margin: 1.5rem; | +| `m-8` | margin: 2rem; | +| `m-10` | margin: 2.5rem; | +| `m-12` | margin: 3rem; | +| `m-16` | margin: 4rem; | +| `m-20` | margin: 5rem; | +| `m-24` | margin: 6rem; | +| `m-32` | margin: 8rem; | +| `m-40` | margin: 10rem; | +| `m-48` | margin: 12rem; | +| `m-56` | margin: 14rem; | +| `m-64` | margin: 16rem; | +| `m-auto` | margin: auto; | +| `m-px` | margin: 1px; | +| `-m-1` | margin: -0.25rem; | +| `-m-2` | margin: -0.5rem; | +| `-m-3` | margin: -0.75rem; | +| `-m-4` | margin: -1rem; | +| `-m-5` | margin: -1.25rem; | +| `-m-6` | margin: -1.5rem; | +| `-m-8` | margin: -2rem; | +| `-m-10` | margin: -2.5rem; | +| `-m-12` | margin: -3rem; | +| `-m-16` | margin: -4rem; | +| `-m-20` | margin: -5rem; | +| `-m-24` | margin: -6rem; | +| `-m-32` | margin: -8rem; | +| `-m-40` | margin: -10rem; | +| `-m-48` | margin: -12rem; | +| `-m-56` | margin: -14rem; | +| `-m-64` | margin: -16rem; | +| `-m-px` | margin: -1px; | +| `mt-0` | margin-top: 0; | +| `mt-1` | margin-top: 0.25rem; | +| `mt-2` | margin-top: 0.5rem; | +| `mt-3` | margin-top: 0.75rem; | +| `mt-4` | margin-top: 1rem; | +| `mt-5` | margin-top: 1.25rem; | +| `mt-6` | margin-top: 1.5rem; | +| `mt-8` | margin-top: 2rem; | +| `mt-10` | margin-top: 2.5rem; | +| `mt-12` | margin-top: 3rem; | +| `mt-16` | margin-top: 4rem; | +| `mt-20` | margin-top: 5rem; | +| `mt-24` | margin-top: 6rem; | +| `mt-32` | margin-top: 8rem; | +| `mt-40` | margin-top: 10rem; | +| `mt-48` | margin-top: 12rem; | +| `mt-56` | margin-top: 14rem; | +| `mt-64` | margin-top: 16rem; | +| `mt-auto` | margin-top: auto; | +| `mt-px` | margin-top: 1px; | +| `-mt-1` | margin-top: -0.25rem; | +| `-mt-2` | margin-top: -0.5rem; | +| `-mt-3` | margin-top: -0.75rem; | +| `-mt-4` | margin-top: -1rem; | +| `-mt-5` | margin-top: -1.25rem; | +| `-mt-6` | margin-top: -1.5rem; | +| `-mt-8` | margin-top: -2rem; | +| `-mt-10` | margin-top: -2.5rem; | +| `-mt-12` | margin-top: -3rem; | +| `-mt-16` | margin-top: -4rem; | +| `-mt-20` | margin-top: -5rem; | +| `-mt-24` | margin-top: -6rem; | +| `-mt-32` | margin-top: -8rem; | +| `-mt-40` | margin-top: -10rem; | +| `-mt-48` | margin-top: -12rem; | +| `-mt-56` | margin-top: -14rem; | +| `-mt-64` | margin-top: -16rem; | +| `-mt-px` | margin-top: -1px; | +| `mr-0` | margin-right: 0; | +| `mr-1` | margin-right: 0.25rem; | +| `mr-2` | margin-right: 0.5rem; | +| `mr-3` | margin-right: 0.75rem; | +| `mr-4` | margin-right: 1rem; | +| `mr-5` | margin-right: 1.25rem; | +| `mr-6` | margin-right: 1.5rem; | +| `mr-8` | margin-right: 2rem; | +| `mr-10` | margin-right: 2.5rem; | +| `mr-12` | margin-right: 3rem; | +| `mr-16` | margin-right: 4rem; | +| `mr-20` | margin-right: 5rem; | +| `mr-24` | margin-right: 6rem; | +| `mr-32` | margin-right: 8rem; | +| `mr-40` | margin-right: 10rem; | +| `mr-48` | margin-right: 12rem; | +| `mr-56` | margin-right: 14rem; | +| `mr-64` | margin-right: 16rem; | +| `mr-auto` | margin-right: auto; | +| `mr-px` | margin-right: 1px; | +| `-mr-1` | margin-right: -0.25rem; | +| `-mr-2` | margin-right: -0.5rem; | +| `-mr-3` | margin-right: -0.75rem; | +| `-mr-4` | margin-right: -1rem; | +| `-mr-5` | margin-right: -1.25rem; | +| `-mr-6` | margin-right: -1.5rem; | +| `-mr-8` | margin-right: -2rem; | +| `-mr-10` | margin-right: -2.5rem; | +| `-mr-12` | margin-right: -3rem; | +| `-mr-16` | margin-right: -4rem; | +| `-mr-20` | margin-right: -5rem; | +| `-mr-24` | margin-right: -6rem; | +| `-mr-32` | margin-right: -8rem; | +| `-mr-40` | margin-right: -10rem; | +| `-mr-48` | margin-right: -12rem; | +| `-mr-56` | margin-right: -14rem; | +| `-mr-64` | margin-right: -16rem; | +| `-mr-px` | margin-right: -1px; | +| `mb-0` | margin-bottom: 0; | +| `mb-1` | margin-bottom: 0.25rem; | +| `mb-2` | margin-bottom: 0.5rem; | +| `mb-3` | margin-bottom: 0.75rem; | +| `mb-4` | margin-bottom: 1rem; | +| `mb-5` | margin-bottom: 1.25rem; | +| `mb-6` | margin-bottom: 1.5rem; | +| `mb-8` | margin-bottom: 2rem; | +| `mb-10` | margin-bottom: 2.5rem; | +| `mb-12` | margin-bottom: 3rem; | +| `mb-16` | margin-bottom: 4rem; | +| `mb-20` | margin-bottom: 5rem; | +| `mb-24` | margin-bottom: 6rem; | +| `mb-32` | margin-bottom: 8rem; | +| `mb-40` | margin-bottom: 10rem; | +| `mb-48` | margin-bottom: 12rem; | +| `mb-56` | margin-bottom: 14rem; | +| `mb-64` | margin-bottom: 16rem; | +| `mb-auto` | margin-bottom: auto; | +| `mb-px` | margin-bottom: 1px; | +| `-mb-1` | margin-bottom: -0.25rem; | +| `-mb-2` | margin-bottom: -0.5rem; | +| `-mb-3` | margin-bottom: -0.75rem; | +| `-mb-4` | margin-bottom: -1rem; | +| `-mb-5` | margin-bottom: -1.25rem; | +| `-mb-6` | margin-bottom: -1.5rem; | +| `-mb-8` | margin-bottom: -2rem; | +| `-mb-10` | margin-bottom: -2.5rem; | +| `-mb-12` | margin-bottom: -3rem; | +| `-mb-16` | margin-bottom: -4rem; | +| `-mb-20` | margin-bottom: -5rem; | +| `-mb-24` | margin-bottom: -6rem; | +| `-mb-32` | margin-bottom: -8rem; | +| `-mb-40` | margin-bottom: -10rem; | +| `-mb-48` | margin-bottom: -12rem; | +| `-mb-56` | margin-bottom: -14rem; | +| `-mb-64` | margin-bottom: -16rem; | +| `-mb-px` | margin-bottom: -1px; | +| `ml-0` | margin-left: 0; | +| `ml-1` | margin-left: 0.25rem; | +| `ml-2` | margin-left: 0.5rem; | +| `ml-3` | margin-left: 0.75rem; | +| `ml-4` | margin-left: 1rem; | +| `ml-5` | margin-left: 1.25rem; | +| `ml-6` | margin-left: 1.5rem; | +| `ml-8` | margin-left: 2rem; | +| `ml-10` | margin-left: 2.5rem; | +| `ml-12` | margin-left: 3rem; | +| `ml-16` | margin-left: 4rem; | +| `ml-20` | margin-left: 5rem; | +| `ml-24` | margin-left: 6rem; | +| `ml-32` | margin-left: 8rem; | +| `ml-40` | margin-left: 10rem; | +| `ml-48` | margin-left: 12rem; | +| `ml-56` | margin-left: 14rem; | +| `ml-64` | margin-left: 16rem; | +| `ml-auto` | margin-left: auto; | +| `ml-px` | margin-left: 1px; | +| `-ml-1` | margin-left: -0.25rem; | +| `-ml-2` | margin-left: -0.5rem; | +| `-ml-3` | margin-left: -0.75rem; | +| `-ml-4` | margin-left: -1rem; | +| `-ml-5` | margin-left: -1.25rem; | +| `-ml-6` | margin-left: -1.5rem; | +| `-ml-8` | margin-left: -2rem; | +| `-ml-10` | margin-left: -2.5rem; | +| `-ml-12` | margin-left: -3rem; | +| `-ml-16` | margin-left: -4rem; | +| `-ml-20` | margin-left: -5rem; | +| `-ml-24` | margin-left: -6rem; | +| `-ml-32` | margin-left: -8rem; | +| `-ml-40` | margin-left: -10rem; | +| `-ml-48` | margin-left: -12rem; | +| `-ml-56` | margin-left: -14rem; | +| `-ml-64` | margin-left: -16rem; | +| `-ml-px` | margin-left: -1px; | +| `my-0` | margin-top: 0; margin-bottom: 0; | +| `my-1` | margin-top: 0.25rem; margin-bottom: 0.25rem; | +| `my-2` | margin-top: 0.5rem; margin-bottom: 0.5rem; | +| `my-3` | margin-top: 0.75rem; margin-bottom: 0.75rem; | +| `my-4` | margin-top: 1rem; margin-bottom: 1rem; | +| `my-5` | margin-top: 1.25rem; margin-bottom: 1.25rem; | +| `my-6` | margin-top: 1.5rem; margin-bottom: 1.5rem; | +| `my-8` | margin-top: 2rem; margin-bottom: 2rem; | +| `my-10` | margin-top: 2.5rem; margin-bottom: 2.5rem; | +| `my-12` | margin-top: 3rem; margin-bottom: 3rem; | +| `my-16` | margin-top: 4rem; margin-bottom: 4rem; | +| `my-20` | margin-top: 5rem; margin-bottom: 5rem; | +| `my-24` | margin-top: 6rem; margin-bottom: 6rem; | +| `my-32` | margin-top: 8rem; margin-bottom: 8rem; | +| `my-40` | margin-top: 10rem; margin-bottom: 10rem; | +| `my-48` | margin-top: 12rem; margin-bottom: 12rem; | +| `my-56` | margin-top: 14rem; margin-bottom: 14rem; | +| `my-64` | margin-top: 16rem; margin-bottom: 16rem; | +| `my-auto` | margin-top: auto; margin-bottom: auto; | +| `my-px` | margin-top: 1px; margin-bottom: 1px; | +| `-my-1` | margin-top: -0.25rem; margin-bottom: -0.25rem; | +| `-my-2` | margin-top: -0.5rem; margin-bottom: -0.5rem; | +| `-my-3` | margin-top: -0.75rem; margin-bottom: -0.75rem; | +| `-my-4` | margin-top: -1rem; margin-bottom: -1rem; | +| `-my-5` | margin-top: -1.25rem; margin-bottom: -1.25rem; | +| `-my-6` | margin-top: -1.5rem; margin-bottom: -1.5rem; | +| `-my-8` | margin-top: -2rem; margin-bottom: -2rem; | +| `-my-10` | margin-top: -2.5rem; margin-bottom: -2.5rem; | +| `-my-12` | margin-top: -3rem; margin-bottom: -3rem; | +| `-my-16` | margin-top: -4rem; margin-bottom: -4rem; | +| `-my-20` | margin-top: -5rem; margin-bottom: -5rem; | +| `-my-24` | margin-top: -6rem; margin-bottom: -6rem; | +| `-my-32` | margin-top: -8rem; margin-bottom: -8rem; | +| `-my-40` | margin-top: -10rem; margin-bottom: -10rem; | +| `-my-48` | margin-top: -12rem; margin-bottom: -12rem; | +| `-my-56` | margin-top: -14rem; margin-bottom: -14rem; | +| `-my-64` | margin-top: -16rem; margin-bottom: -16rem; | +| `-my-px` | margin-top: -1px; margin-bottom: -1px; | +| `mx-0` | margin-right: 0; margin-left: 0; | +| `mx-1` | margin-right: 0.25rem; margin-left: 0.25rem; | +| `mx-2` | margin-right: 0.5rem; margin-left: 0.5rem; | +| `mx-3` | margin-right: 0.75rem; margin-left: 0.75rem; | +| `mx-4` | margin-right: 1rem; margin-left: 1rem; | +| `mx-5` | margin-right: 1.25rem; margin-left: 1.25rem; | +| `mx-6` | margin-right: 1.5rem; margin-left: 1.5rem; | +| `mx-8` | margin-right: 2rem; margin-left: 2rem; | +| `mx-10` | margin-right: 2.5rem; margin-left: 2.5rem; | +| `mx-12` | margin-right: 3rem; margin-left: 3rem; | +| `mx-16` | margin-right: 4rem; margin-left: 4rem; | +| `mx-20` | margin-right: 5rem; margin-left: 5rem; | +| `mx-24` | margin-right: 6rem; margin-left: 6rem; | +| `mx-32` | margin-right: 8rem; margin-left: 8rem; | +| `mx-40` | margin-right: 10rem; margin-left: 10rem; | +| `mx-48` | margin-right: 12rem; margin-left: 12rem; | +| `mx-56` | margin-right: 14rem; margin-left: 14rem; | +| `mx-64` | margin-right: 16rem; margin-left: 16rem; | +| `mx-auto` | margin-right: auto; margin-left: auto; | +| `mx-px` | margin-right: 1px; margin-left: 1px; | +| `-mx-1` | margin-right: -0.25rem; margin-left: -0.25rem; | +| `-mx-2` | margin-right: -0.5rem; margin-left: -0.5rem; | +| `-mx-3` | margin-right: -0.75rem; margin-left: -0.75rem; | +| `-mx-4` | margin-right: -1rem; margin-left: -1rem; | +| `-mx-5` | margin-right: -1.25rem; margin-left: -1.25rem; | +| `-mx-6` | margin-right: -1.5rem; margin-left: -1.5rem; | +| `-mx-8` | margin-right: -2rem; margin-left: -2rem; | +| `-mx-10` | margin-right: -2.5rem; margin-left: -2.5rem; | +| `-mx-12` | margin-right: -3rem; margin-left: -3rem; | +| `-mx-16` | margin-right: -4rem; margin-left: -4rem; | +| `-mx-20` | margin-right: -5rem; margin-left: -5rem; | +| `-mx-24` | margin-right: -6rem; margin-left: -6rem; | +| `-mx-32` | margin-right: -8rem; margin-left: -8rem; | +| `-mx-40` | margin-right: -10rem; margin-left: -10rem; | +| `-mx-48` | margin-right: -12rem; margin-left: -12rem; | +| `-mx-56` | margin-right: -14rem; margin-left: -14rem; | +| `-mx-64` | margin-right: -16rem; margin-left: -16rem; | +| `-mx-px` | margin-right: -1px; margin-left: -1px; | + +## [Space Between](https://tailwindcss.com/docs/space) + +| Snippet | Purpose | +| --------------------- | ------------------------ | +| `space-x-0` | margin-left: 0; | +| `space-x-1` | margin-left: 0.25rem; | +| `space-x-2` | margin-left: 0.5rem; | +| `space-x-3` | margin-left: 0.75rem; | +| `space-x-4` | margin-left: 1rem; | +| `space-x-5` | margin-left: 1.25rem; | +| `space-x-6` | margin-left: 1.5rem; | +| `space-x-8` | margin-left: 2rem; | +| `space-x-10` | margin-left: 2.5rem; | +| `space-x-12` | margin-left: 3rem; | +| `space-x-16` | margin-left: 4rem; | +| `space-x-20` | margin-left: 5rem; | +| `space-x-24` | margin-left: 6rem; | +| `space-x-32` | margin-left: 8rem; | +| `space-x-40` | margin-left: 10rem; | +| `space-x-48` | margin-left: 12rem; | +| `space-x-56` | margin-left: 14rem; | +| `space-x-64` | margin-left: 16rem; | +| `space-x-px` | margin-left: 1px; | +| `-space-x-1` | margin-left: -0.25rem; | +| `-space-x-2` | margin-left: -0.5rem; | +| `-space-x-3` | margin-left: -0.75rem; | +| `-space-x-4` | margin-left: -1rem; | +| `-space-x-5` | margin-left: -1.25rem; | +| `-space-x-6` | margin-left: -1.5rem; | +| `-space-x-8` | margin-left: -2rem; | +| `-space-x-10` | margin-left: -2.5rem; | +| `-space-x-12` | margin-left: -3rem; | +| `-space-x-16` | margin-left: -4rem; | +| `-space-x-20` | margin-left: -5rem; | +| `-space-x-24` | margin-left: -6rem; | +| `-space-x-32` | margin-left: -8rem; | +| `-space-x-40` | margin-left: -10rem; | +| `-space-x-48` | margin-left: -12rem; | +| `-space-x-56` | margin-left: -14rem; | +| `-space-x-64` | margin-left: -16rem; | +| `-space-x-px` | margin-left: -1px; | +| `space-y-0` | margin-top: 0; | +| `space-y-1` | margin-top: 0.25rem; | +| `space-y-2` | margin-top: 0.5rem; | +| `space-y-3` | margin-top: 0.75rem; | +| `space-y-4` | margin-top: 1rem; | +| `space-y-5` | margin-top: 1.25rem; | +| `space-y-6` | margin-top: 1.5rem; | +| `space-y-8` | margin-top: 2rem; | +| `space-y-10` | margin-top: 2.5rem; | +| `space-y-12` | margin-top: 3rem; | +| `space-y-16` | margin-top: 4rem; | +| `space-y-20` | margin-top: 5rem; | +| `space-y-24` | margin-top: 6rem; | +| `space-y-32` | margin-top: 8rem; | +| `space-y-40` | margin-top: 10rem; | +| `space-y-48` | margin-top: 12rem; | +| `space-y-56` | margin-top: 14rem; | +| `space-y-64` | margin-top: 16rem; | +| `space-y-px` | margin-top: 1px; | +| `-space-y-1` | margin-top: -0.25rem; | +| `-space-y-2` | margin-top: -0.5rem; | +| `-space-y-3` | margin-top: -0.75rem; | +| `-space-y-4` | margin-top: -1rem; | +| `-space-y-5` | margin-top: -1.25rem; | +| `-space-y-6` | margin-top: -1.5rem; | +| `-space-y-8` | margin-top: -2rem; | +| `-space-y-10` | margin-top: -2.5rem; | +| `-space-y-12` | margin-top: -3rem; | +| `-space-y-16` | margin-top: -4rem; | +| `-space-y-20` | margin-top: -5rem; | +| `-space-y-24` | margin-top: -6rem; | +| `-space-y-32` | margin-top: -8rem; | +| `-space-y-40` | margin-top: -10rem; | +| `-space-y-48` | margin-top: -12rem; | +| `-space-y-56` | margin-top: -14rem; | +| `-space-y-64` | margin-top: -16rem; | +| `-space-y-px` | margin-top: -1px; | +| `space-x-reverse-0` | margin-right: 0; | +| `space-x-reverse-1` | margin-right: 0.25rem; | +| `space-x-reverse-2` | margin-right: 0.5rem; | +| `space-x-reverse-3` | margin-right: 0.75rem; | +| `space-x-reverse-4` | margin-right: 1rem; | +| `space-x-reverse-5` | margin-right: 1.25rem; | +| `space-x-reverse-6` | margin-right: 1.5rem; | +| `space-x-reverse-8` | margin-right: 2rem; | +| `space-x-reverse-10` | margin-right: 2.5rem; | +| `space-x-reverse-12` | margin-right: 3rem; | +| `space-x-reverse-16` | margin-right: 4rem; | +| `space-x-reverse-20` | margin-right: 5rem; | +| `space-x-reverse-24` | margin-right: 6rem; | +| `space-x-reverse-32` | margin-right: 8rem; | +| `space-x-reverse-40` | margin-right: 10rem; | +| `space-x-reverse-48` | margin-right: 12rem; | +| `space-x-reverse-56` | margin-right: 14rem; | +| `space-x-reverse-64` | margin-right: 16rem; | +| `space-x-reverse-px` | margin-right: 1px; | +| `-space-x-reverse-1` | margin-right: -0.25rem; | +| `-space-x-reverse-2` | margin-right: -0.5rem; | +| `-space-x-reverse-3` | margin-right: -0.75rem; | +| `-space-x-reverse-4` | margin-right: -1rem; | +| `-space-x-reverse-5` | margin-right: -1.25rem; | +| `-space-x-reverse-6` | margin-right: -1.5rem; | +| `-space-x-reverse-8` | margin-right: -2rem; | +| `-space-x-reverse-10` | margin-right: -2.5rem; | +| `-space-x-reverse-12` | margin-right: -3rem; | +| `-space-x-reverse-16` | margin-right: -4rem; | +| `-space-x-reverse-20` | margin-right: -5rem; | +| `-space-x-reverse-24` | margin-right: -6rem; | +| `-space-x-reverse-32` | margin-right: -8rem; | +| `-space-x-reverse-40` | margin-right: -10rem; | +| `-space-x-reverse-48` | margin-right: -12rem; | +| `-space-x-reverse-56` | margin-right: -14rem; | +| `-space-x-reverse-64` | margin-right: -16rem; | +| `-space-x-reverse-px` | margin-right: -1px; | +| `space-y-reverse-0` | margin-bottom: 0; | +| `space-y-reverse-1` | margin-bottom: 0.25rem; | +| `space-y-reverse-2` | margin-bottom: 0.5rem; | +| `space-y-reverse-3` | margin-bottom: 0.75rem; | +| `space-y-reverse-4` | margin-bottom: 1rem; | +| `space-y-reverse-5` | margin-bottom: 1.25rem; | +| `space-y-reverse-6` | margin-bottom: 1.5rem; | +| `space-y-reverse-8` | margin-bottom: 2rem; | +| `space-y-reverse-10` | margin-bottom: 2.5rem; | +| `space-y-reverse-12` | margin-bottom: 3rem; | +| `space-y-reverse-16` | margin-bottom: 4rem; | +| `space-y-reverse-20` | margin-bottom: 5rem; | +| `space-y-reverse-24` | margin-bottom: 6rem; | +| `space-y-reverse-32` | margin-bottom: 8rem; | +| `space-y-reverse-40` | margin-bottom: 10rem; | +| `space-y-reverse-48` | margin-bottom: 12rem; | +| `space-y-reverse-56` | margin-bottom: 14rem; | +| `space-y-reverse-64` | margin-bottom: 16rem; | +| `space-y-reverse-px` | margin-bottom: 1px; | +| `-space-y-reverse-1` | margin-bottom: -0.25rem; | +| `-space-y-reverse-2` | margin-bottom: -0.5rem; | +| `-space-y-reverse-3` | margin-bottom: -0.75rem; | +| `-space-y-reverse-4` | margin-bottom: -1rem; | +| `-space-y-reverse-5` | margin-bottom: -1.25rem; | +| `-space-y-reverse-6` | margin-bottom: -1.5rem; | +| `-space-y-reverse-8` | margin-bottom: -2rem; | +| `-space-y-reverse-10` | margin-bottom: -2.5rem; | +| `-space-y-reverse-12` | margin-bottom: -3rem; | +| `-space-y-reverse-16` | margin-bottom: -4rem; | +| `-space-y-reverse-20` | margin-bottom: -5rem; | +| `-space-y-reverse-24` | margin-bottom: -6rem; | +| `-space-y-reverse-32` | margin-bottom: -8rem; | +| `-space-y-reverse-40` | margin-bottom: -10rem; | +| `-space-y-reverse-48` | margin-bottom: -12rem; | +| `-space-y-reverse-56` | margin-bottom: -14rem; | +| `-space-y-reverse-64` | margin-bottom: -16rem; | +| `-space-y-reverse-px` | margin-bottom: -1px; | diff --git a/lerna.json b/lerna.json index c752c9c..62c0ec7 100644 --- a/lerna.json +++ b/lerna.json @@ -1,6 +1,6 @@ { "packages": ["."], - "version": "0.5.0", + "version": "0.5.1", "changelogPreset": "metahub", "npmClient": "yarn", "registry": "https://registry.npmjs.org/", diff --git a/media/tailwind-flex.gif b/media/tailwind-flex.gif new file mode 100644 index 0000000..849580e Binary files /dev/null and b/media/tailwind-flex.gif differ diff --git a/media/tailwind-grid.gif b/media/tailwind-grid.gif new file mode 100644 index 0000000..cb39af7 Binary files /dev/null and b/media/tailwind-grid.gif differ diff --git a/media/tailwind-layout.gif b/media/tailwind-layout.gif new file mode 100644 index 0000000..ab2f0cc Binary files /dev/null and b/media/tailwind-layout.gif differ diff --git a/media/tailwind-spacing.gif b/media/tailwind-spacing.gif new file mode 100644 index 0000000..575c2ca Binary files /dev/null and b/media/tailwind-spacing.gif differ diff --git a/package.json b/package.json index 1d38d2a..2bbf46a 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "name": "vscode-css-snippets", "displayName": "VSCode CSS Snippets", - "version": "0.5.0", + "version": "0.5.1", "description": "CSS Snippets for fast prototyping", "categories": [ "Snippets" @@ -53,7 +53,15 @@ }, { "language": "css", - "path": "./snippets/tailwind/spacing.json" + "path": "./snippets/tailwind/spacing/padding.json" + }, + { + "language": "css", + "path": "./snippets/tailwind/spacing/margin.json" + }, + { + "language": "css", + "path": "./snippets/tailwind/spacing/space-between.json" }, { "language": "css", diff --git a/snippets/tailwind/spacing.json b/snippets/tailwind/spacing.json deleted file mode 100644 index cd1e5ac..0000000 --- a/snippets/tailwind/spacing.json +++ /dev/null @@ -1,3569 +0,0 @@ -{ - "-space-y-reverse-px": { - "prefix": "-space-y-reverse-px", - "body": [ - ".${1:classname} > * + * {", - "margin-bottom: -1px;", - "}", - "", - "${0}" - ], - "description": "-space-y-reverse-px" - }, - "-space-y-reverse-1": { - "prefix": "-space-y-reverse-1", - "body": [ - ".${1:classname} > * + * {", - "margin-bottom: -0.25rem;", - "}", - "", - "${0}" - ], - "description": "-space-y-reverse-1" - }, - "-space-y-reverse-2": { - "prefix": "-space-y-reverse-2", - "body": [ - ".${1:classname} > * + * {", - "margin-bottom: -0.5rem;", - "}", - "", - "${0}" - ], - "description": "-space-y-reverse-2" - }, - "-space-y-reverse-3": { - "prefix": "-space-y-reverse-3", - "body": [ - ".${1:classname} > * + * {", - "margin-bottom: -0.75rem;", - "}", - "", - "${0}" - ], - "description": "-space-y-reverse-3" - }, - "-space-y-reverse-4": { - "prefix": "-space-y-reverse-4", - "body": [ - ".${1:classname} > * + * {", - "margin-bottom: -1rem;", - "}", - "", - "${0}" - ], - "description": "-space-y-reverse-4" - }, - "-space-y-reverse-5": { - "prefix": "-space-y-reverse-5", - "body": [ - ".${1:classname} > * + * {", - "margin-bottom: -1.25rem;", - "}", - "", - "${0}" - ], - "description": "-space-y-reverse-5" - }, - "-space-y-reverse-6": { - "prefix": "-space-y-reverse-6", - "body": [ - ".${1:classname} > * + * {", - "margin-bottom: -1.5rem;", - "}", - "", - "${0}" - ], - "description": "-space-y-reverse-6" - }, - "-space-y-reverse-8": { - "prefix": "-space-y-reverse-8", - "body": [ - ".${1:classname} > * + * {", - "margin-bottom: -2rem;", - "}", - "", - "${0}" - ], - "description": "-space-y-reverse-8" - }, - "-space-y-reverse-10": { - "prefix": "-space-y-reverse-10", - "body": [ - ".${1:classname} > * + * {", - "margin-bottom: -2.5rem;", - "}", - "", - "${0}" - ], - "description": "-space-y-reverse-10" - }, - "-space-y-reverse-12": { - "prefix": "-space-y-reverse-12", - "body": [ - ".${1:classname} > * + * {", - "margin-bottom: -3rem;", - "}", - "", - "${0}" - ], - "description": "-space-y-reverse-12" - }, - "-space-y-reverse-16": { - "prefix": "-space-y-reverse-16", - "body": [ - ".${1:classname} > * + * {", - "margin-bottom: -4rem;", - "}", - "", - "${0}" - ], - "description": "-space-y-reverse-16" - }, - "-space-y-reverse-20": { - "prefix": "-space-y-reverse-20", - "body": [ - ".${1:classname} > * + * {", - "margin-bottom: -5rem;", - "}", - "", - "${0}" - ], - "description": "-space-y-reverse-20" - }, - "-space-y-reverse-24": { - "prefix": "-space-y-reverse-24", - "body": [ - ".${1:classname} > * + * {", - "margin-bottom: -6rem;", - "}", - "", - "${0}" - ], - "description": "-space-y-reverse-24" - }, - "-space-y-reverse-32": { - "prefix": "-space-y-reverse-32", - "body": [ - ".${1:classname} > * + * {", - "margin-bottom: -8rem;", - "}", - "", - "${0}" - ], - "description": "-space-y-reverse-32" - }, - "-space-y-reverse-40": { - "prefix": "-space-y-reverse-40", - "body": [ - ".${1:classname} > * + * {", - "margin-bottom: -10rem;", - "}", - "", - "${0}" - ], - "description": "-space-y-reverse-40" - }, - "-space-y-reverse-48": { - "prefix": "-space-y-reverse-48", - "body": [ - ".${1:classname} > * + * {", - "margin-bottom: -12rem;", - "}", - "", - "${0}" - ], - "description": "-space-y-reverse-48" - }, - "-space-y-reverse-56": { - "prefix": "-space-y-reverse-56", - "body": [ - ".${1:classname} > * + * {", - "margin-bottom: -14rem;", - "}", - "", - "${0}" - ], - "description": "-space-y-reverse-56" - }, - "-space-y-reverse-64": { - "prefix": "-space-y-reverse-64", - "body": [ - ".${1:classname} > * + * {", - "margin-bottom: -16rem;", - "}", - "", - "${0}" - ], - "description": "-space-y-reverse-64" - }, - - "-space-x-reverse-px": { - "prefix": "-space-x-reverse-px", - "body": [ - ".${1:classname} > * + * {", - "margin-right: -1px;", - "}", - "", - "${0}" - ], - "description": "-space-x-reverse-px" - }, - "-space-x-reverse-1": { - "prefix": "-space-x-reverse-1", - "body": [ - ".${1:classname} > * + * {", - "margin-right: -0.25rem;", - "}", - "", - "${0}" - ], - "description": "-space-x-reverse-1" - }, - "-space-x-reverse-2": { - "prefix": "-space-x-reverse-2", - "body": [ - ".${1:classname} > * + * {", - "margin-right: -0.5rem;", - "}", - "", - "${0}" - ], - "description": "-space-x-reverse-2" - }, - "-space-x-reverse-3": { - "prefix": "-space-x-reverse-3", - "body": [ - ".${1:classname} > * + * {", - "margin-right: -0.75rem;", - "}", - "", - "${0}" - ], - "description": "-space-x-reverse-3" - }, - "-space-x-reverse-4": { - "prefix": "-space-x-reverse-4", - "body": [ - ".${1:classname} > * + * {", - "margin-right: -1rem;", - "}", - "", - "${0}" - ], - "description": "-space-x-reverse-4" - }, - "-space-x-reverse-5": { - "prefix": "-space-x-reverse-5", - "body": [ - ".${1:classname} > * + * {", - "margin-right: -1.25rem;", - "}", - "", - "${0}" - ], - "description": "-space-x-reverse-5" - }, - "-space-x-reverse-6": { - "prefix": "-space-x-reverse-6", - "body": [ - ".${1:classname} > * + * {", - "margin-right: -1.5rem;", - "}", - "", - "${0}" - ], - "description": "-space-x-reverse-6" - }, - "-space-x-reverse-8": { - "prefix": "-space-x-reverse-8", - "body": [ - ".${1:classname} > * + * {", - "margin-right: -2rem;", - "}", - "", - "${0}" - ], - "description": "-space-x-reverse-8" - }, - "-space-x-reverse-10": { - "prefix": "-space-x-reverse-10", - "body": [ - ".${1:classname} > * + * {", - "margin-right: -2.5rem;", - "}", - "", - "${0}" - ], - "description": "-space-x-reverse-10" - }, - "-space-x-reverse-12": { - "prefix": "-space-x-reverse-12", - "body": [ - ".${1:classname} > * + * {", - "margin-right: -3rem;", - "}", - "", - "${0}" - ], - "description": "-space-x-reverse-12" - }, - "-space-x-reverse-16": { - "prefix": "-space-x-reverse-16", - "body": [ - ".${1:classname} > * + * {", - "margin-right: -4rem;", - "}", - "", - "${0}" - ], - "description": "-space-x-reverse-16" - }, - "-space-x-reverse-20": { - "prefix": "-space-x-reverse-20", - "body": [ - ".${1:classname} > * + * {", - "margin-right: -5rem;", - "}", - "", - "${0}" - ], - "description": "-space-x-reverse-20" - }, - "-space-x-reverse-24": { - "prefix": "-space-x-reverse-24", - "body": [ - ".${1:classname} > * + * {", - "margin-right: -6rem;", - "}", - "", - "${0}" - ], - "description": "-space-x-reverse-24" - }, - "-space-x-reverse-32": { - "prefix": "-space-x-reverse-32", - "body": [ - ".${1:classname} > * + * {", - "margin-right: -8rem;", - "}", - "", - "${0}" - ], - "description": "-space-x-reverse-32" - }, - "-space-x-reverse-40": { - "prefix": "-space-x-reverse-40", - "body": [ - ".${1:classname} > * + * {", - "margin-right: -10rem;", - "}", - "", - "${0}" - ], - "description": "-space-x-reverse-40" - }, - "-space-x-reverse-48": { - "prefix": "-space-x-reverse-48", - "body": [ - ".${1:classname} > * + * {", - "margin-right: -12rem;", - "}", - "", - "${0}" - ], - "description": "-space-x-reverse-48" - }, - "-space-x-reverse-56": { - "prefix": "-space-x-reverse-56", - "body": [ - ".${1:classname} > * + * {", - "margin-right: -14rem;", - "}", - "", - "${0}" - ], - "description": "-space-x-reverse-56" - }, - "-space-x-reverse-64": { - "prefix": "-space-x-reverse-64", - "body": [ - ".${1:classname} > * + * {", - "margin-right: -16rem;", - "}", - "", - "${0}" - ], - "description": "-space-x-reverse-64" - }, - - "space-y-reverse-px": { - "prefix": "space-y-reverse-px", - "body": [ - ".${1:classname} > * + * {", - "margin-bottom: 1px;", - "}", - "", - "${0}" - ], - "description": "space-y-reverse-px" - }, - "space-y-reverse-0": { - "prefix": "space-y-reverse-0", - "body": [".${1:classname} > * + * {", "margin-bottom: 0;", "}", "", "${0}"], - "description": "space-y-reverse-0" - }, - "space-y-reverse-1": { - "prefix": "space-y-reverse-1", - "body": [ - ".${1:classname} > * + * {", - "margin-bottom: 0.25rem;", - "}", - "", - "${0}" - ], - "description": "space-y-reverse-1" - }, - "space-y-reverse-2": { - "prefix": "space-y-reverse-2", - "body": [ - ".${1:classname} > * + * {", - "margin-bottom: 0.5rem;", - "}", - "", - "${0}" - ], - "description": "space-y-reverse-2" - }, - "space-y-reverse-3": { - "prefix": "space-y-reverse-3", - "body": [ - ".${1:classname} > * + * {", - "margin-bottom: 0.75rem;", - "}", - "", - "${0}" - ], - "description": "space-y-reverse-3" - }, - "space-y-reverse-4": { - "prefix": "space-y-reverse-4", - "body": [ - ".${1:classname} > * + * {", - "margin-bottom: 1rem;", - "}", - "", - "${0}" - ], - "description": "space-y-reverse-4" - }, - "space-y-reverse-5": { - "prefix": "space-y-reverse-5", - "body": [ - ".${1:classname} > * + * {", - "margin-bottom: 1.25rem;", - "}", - "", - "${0}" - ], - "description": "space-y-reverse-5" - }, - "space-y-reverse-6": { - "prefix": "space-y-reverse-6", - "body": [ - ".${1:classname} > * + * {", - "margin-bottom: 1.5rem;", - "}", - "", - "${0}" - ], - "description": "space-y-reverse-6" - }, - "space-y-reverse-8": { - "prefix": "space-y-reverse-8", - "body": [ - ".${1:classname} > * + * {", - "margin-bottom: 2rem;", - "}", - "", - "${0}" - ], - "description": "space-y-reverse-8" - }, - "space-y-reverse-10": { - "prefix": "space-y-reverse-10", - "body": [ - ".${1:classname} > * + * {", - "margin-bottom: 2.5rem;", - "}", - "", - "${0}" - ], - "description": "space-y-reverse-10" - }, - "space-y-reverse-12": { - "prefix": "space-y-reverse-12", - "body": [ - ".${1:classname} > * + * {", - "margin-bottom: 3rem;", - "}", - "", - "${0}" - ], - "description": "space-y-reverse-12" - }, - "space-y-reverse-16": { - "prefix": "space-y-reverse-16", - "body": [ - ".${1:classname} > * + * {", - "margin-bottom: 4rem;", - "}", - "", - "${0}" - ], - "description": "space-y-reverse-16" - }, - "space-y-reverse-20": { - "prefix": "space-y-reverse-20", - "body": [ - ".${1:classname} > * + * {", - "margin-bottom: 5rem;", - "}", - "", - "${0}" - ], - "description": "space-y-reverse-20" - }, - "space-y-reverse-24": { - "prefix": "space-y-reverse-24", - "body": [ - ".${1:classname} > * + * {", - "margin-bottom: 6rem;", - "}", - "", - "${0}" - ], - "description": "space-y-reverse-24" - }, - "space-y-reverse-32": { - "prefix": "space-y-reverse-32", - "body": [ - ".${1:classname} > * + * {", - "margin-bottom: 8rem;", - "}", - "", - "${0}" - ], - "description": "space-y-reverse-32" - }, - "space-y-reverse-40": { - "prefix": "space-y-reverse-40", - "body": [ - ".${1:classname} > * + * {", - "margin-bottom: 10rem;", - "}", - "", - "${0}" - ], - "description": "space-y-reverse-40" - }, - "space-y-reverse-48": { - "prefix": "space-y-reverse-48", - "body": [ - ".${1:classname} > * + * {", - "margin-bottom: 12rem;", - "}", - "", - "${0}" - ], - "description": "space-y-reverse-48" - }, - "space-y-reverse-56": { - "prefix": "space-y-reverse-56", - "body": [ - ".${1:classname} > * + * {", - "margin-bottom: 14rem;", - "}", - "", - "${0}" - ], - "description": "space-y-reverse-56" - }, - "space-y-reverse-64": { - "prefix": "space-y-reverse-64", - "body": [ - ".${1:classname} > * + * {", - "margin-bottom: 16rem;", - "}", - "", - "${0}" - ], - "description": "space-y-reverse-64" - }, - - "space-x-reverse-px": { - "prefix": "space-x-reverse-px", - "body": [ - ".${1:classname} > * + * {", - "margin-right: 1px;", - "}", - "", - "${0}" - ], - "description": "space-x-reverse-px" - }, - "space-x-reverse-0": { - "prefix": "space-x-reverse-0", - "body": [".${1:classname} > * + * {", "margin-right: 0;", "}", "", "${0}"], - "description": "space-x-reverse-0" - }, - "space-x-reverse-1": { - "prefix": "space-x-reverse-1", - "body": [ - ".${1:classname} > * + * {", - "margin-right: 0.25rem;", - "}", - "", - "${0}" - ], - "description": "space-x-reverse-1" - }, - "space-x-reverse-2": { - "prefix": "space-x-reverse-2", - "body": [ - ".${1:classname} > * + * {", - "margin-right: 0.5rem;", - "}", - "", - "${0}" - ], - "description": "space-x-reverse-2" - }, - "space-x-reverse-3": { - "prefix": "space-x-reverse-3", - "body": [ - ".${1:classname} > * + * {", - "margin-right: 0.75rem;", - "}", - "", - "${0}" - ], - "description": "space-x-reverse-3" - }, - "space-x-reverse-4": { - "prefix": "space-x-reverse-4", - "body": [ - ".${1:classname} > * + * {", - "margin-right: 1rem;", - "}", - "", - "${0}" - ], - "description": "space-x-reverse-4" - }, - "space-x-reverse-5": { - "prefix": "space-x-reverse-5", - "body": [ - ".${1:classname} > * + * {", - "margin-right: 1.25rem;", - "}", - "", - "${0}" - ], - "description": "space-x-reverse-5" - }, - "space-x-reverse-6": { - "prefix": "space-x-reverse-6", - "body": [ - ".${1:classname} > * + * {", - "margin-right: 1.5rem;", - "}", - "", - "${0}" - ], - "description": "space-x-reverse-6" - }, - "space-x-reverse-8": { - "prefix": "space-x-reverse-8", - "body": [ - ".${1:classname} > * + * {", - "margin-right: 2rem;", - "}", - "", - "${0}" - ], - "description": "space-x-reverse-8" - }, - "space-x-reverse-10": { - "prefix": "space-x-reverse-10", - "body": [ - ".${1:classname} > * + * {", - "margin-right: 2.5rem;", - "}", - "", - "${0}" - ], - "description": "space-x-reverse-10" - }, - "space-x-reverse-12": { - "prefix": "space-x-reverse-12", - "body": [ - ".${1:classname} > * + * {", - "margin-right: 3rem;", - "}", - "", - "${0}" - ], - "description": "space-x-reverse-12" - }, - "space-x-reverse-16": { - "prefix": "space-x-reverse-16", - "body": [ - ".${1:classname} > * + * {", - "margin-right: 4rem;", - "}", - "", - "${0}" - ], - "description": "space-x-reverse-16" - }, - "space-x-reverse-20": { - "prefix": "space-x-reverse-20", - "body": [ - ".${1:classname} > * + * {", - "margin-right: 5rem;", - "}", - "", - "${0}" - ], - "description": "space-x-reverse-20" - }, - "space-x-reverse-24": { - "prefix": "space-x-reverse-24", - "body": [ - ".${1:classname} > * + * {", - "margin-right: 6rem;", - "}", - "", - "${0}" - ], - "description": "space-x-reverse-24" - }, - "space-x-reverse-32": { - "prefix": "space-x-reverse-32", - "body": [ - ".${1:classname} > * + * {", - "margin-right: 8rem;", - "}", - "", - "${0}" - ], - "description": "space-x-reverse-32" - }, - "space-x-reverse-40": { - "prefix": "space-x-reverse-40", - "body": [ - ".${1:classname} > * + * {", - "margin-right: 10rem;", - "}", - "", - "${0}" - ], - "description": "space-x-reverse-40" - }, - "space-x-reverse-48": { - "prefix": "space-x-reverse-48", - "body": [ - ".${1:classname} > * + * {", - "margin-right: 12rem;", - "}", - "", - "${0}" - ], - "description": "space-x-reverse-48" - }, - "space-x-reverse-56": { - "prefix": "space-x-reverse-56", - "body": [ - ".${1:classname} > * + * {", - "margin-right: 14rem;", - "}", - "", - "${0}" - ], - "description": "space-x-reverse-56" - }, - "space-x-reverse-64": { - "prefix": "space-x-reverse-64", - "body": [ - ".${1:classname} > * + * {", - "margin-right: 16rem;", - "}", - "", - "${0}" - ], - "description": "space-x-reverse-64" - }, - - "-space-y-px": { - "prefix": "-space-y-px", - "body": [".${1:classname} > * + * {", "margin-top: -1px;", "}", "", "${0}"], - "description": "-space-y-px" - }, - "-space-y-1": { - "prefix": "-space-y-1", - "body": [ - ".${1:classname} > * + * {", - "margin-top: -0.25rem;", - "}", - "", - "${0}" - ], - "description": "-space-y-1" - }, - "-space-y-2": { - "prefix": "-space-y-2", - "body": [ - ".${1:classname} > * + * {", - "margin-top: -0.5rem;", - "}", - "", - "${0}" - ], - "description": "-space-y-2" - }, - "-space-y-3": { - "prefix": "-space-y-3", - "body": [ - ".${1:classname} > * + * {", - "margin-top: -0.75rem;", - "}", - "", - "${0}" - ], - "description": "-space-y-3" - }, - "-space-y-4": { - "prefix": "-space-y-4", - "body": [ - ".${1:classname} > * + * {", - "margin-top: -1rem;", - "}", - "", - "${0}" - ], - "description": "-space-y-4" - }, - "-space-y-5": { - "prefix": "-space-y-5", - "body": [ - ".${1:classname} > * + * {", - "margin-top: -1.25rem;", - "}", - "", - "${0}" - ], - "description": "-space-y-5" - }, - "-space-y-6": { - "prefix": "-space-y-6", - "body": [ - ".${1:classname} > * + * {", - "margin-top: -1.5rem;", - "}", - "", - "${0}" - ], - "description": "-space-y-6" - }, - "-space-y-8": { - "prefix": "-space-y-8", - "body": [ - ".${1:classname} > * + * {", - "margin-top: -2rem;", - "}", - "", - "${0}" - ], - "description": "-space-y-8" - }, - "-space-y-10": { - "prefix": "-space-y-10", - "body": [ - ".${1:classname} > * + * {", - "margin-top: -2.5rem;", - "}", - "", - "${0}" - ], - "description": "-space-y-10" - }, - "-space-y-12": { - "prefix": "-space-y-12", - "body": [ - ".${1:classname} > * + * {", - "margin-top: -3rem;", - "}", - "", - "${0}" - ], - "description": "-space-y-12" - }, - "-space-y-16": { - "prefix": "-space-y-16", - "body": [ - ".${1:classname} > * + * {", - "margin-top: -4rem;", - "}", - "", - "${0}" - ], - "description": "-space-y-16" - }, - "-space-y-20": { - "prefix": "-space-y-20", - "body": [ - ".${1:classname} > * + * {", - "margin-top: -5rem;", - "}", - "", - "${0}" - ], - "description": "-space-y-20" - }, - "-space-y-24": { - "prefix": "-space-y-24", - "body": [ - ".${1:classname} > * + * {", - "margin-top: -6rem;", - "}", - "", - "${0}" - ], - "description": "-space-y-24" - }, - "-space-y-32": { - "prefix": "-space-y-32", - "body": [ - ".${1:classname} > * + * {", - "margin-top: -8rem;", - "}", - "", - "${0}" - ], - "description": "-space-y-32" - }, - "-space-y-40": { - "prefix": "-space-y-40", - "body": [ - ".${1:classname} > * + * {", - "margin-top: -10rem;", - "}", - "", - "${0}" - ], - "description": "-space-y-40" - }, - "-space-y-48": { - "prefix": "-space-y-48", - "body": [ - ".${1:classname} > * + * {", - "margin-top: -12rem;", - "}", - "", - "${0}" - ], - "description": "-space-y-48" - }, - "-space-y-56": { - "prefix": "-space-y-56", - "body": [ - ".${1:classname} > * + * {", - "margin-top: -14rem;", - "}", - "", - "${0}" - ], - "description": "-space-y-56" - }, - "-space-y-64": { - "prefix": "-space-y-64", - "body": [ - ".${1:classname} > * + * {", - "margin-top: -16rem;", - "}", - "", - "${0}" - ], - "description": "-space-y-64" - }, - - "-space-x-px": { - "prefix": "-space-x-px", - "body": [ - ".${1:classname} > * + * {", - "margin-left: -1px;", - "}", - "", - "${0}" - ], - "description": "-space-x-px" - }, - "-space-x-1": { - "prefix": "-space-x-1", - "body": [ - ".${1:classname} > * + * {", - "margin-left: -0.25rem;", - "}", - "", - "${0}" - ], - "description": "-space-x-1" - }, - "-space-x-2": { - "prefix": "-space-x-2", - "body": [ - ".${1:classname} > * + * {", - "margin-left: -0.5rem;", - "}", - "", - "${0}" - ], - "description": "-space-x-2" - }, - "-space-x-3": { - "prefix": "-space-x-3", - "body": [ - ".${1:classname} > * + * {", - "margin-left: -0.75rem;", - "}", - "", - "${0}" - ], - "description": "-space-x-3" - }, - "-space-x-4": { - "prefix": "-space-x-4", - "body": [ - ".${1:classname} > * + * {", - "margin-left: -1rem;", - "}", - "", - "${0}" - ], - "description": "-space-x-4" - }, - "-space-x-5": { - "prefix": "-space-x-5", - "body": [ - ".${1:classname} > * + * {", - "margin-left: -1.25rem;", - "}", - "", - "${0}" - ], - "description": "-space-x-5" - }, - "-space-x-6": { - "prefix": "-space-x-6", - "body": [ - ".${1:classname} > * + * {", - "margin-left: -1.5rem;", - "}", - "", - "${0}" - ], - "description": "-space-x-6" - }, - "-space-x-8": { - "prefix": "-space-x-8", - "body": [ - ".${1:classname} > * + * {", - "margin-left: -2rem;", - "}", - "", - "${0}" - ], - "description": "-space-x-8" - }, - "-space-x-10": { - "prefix": "-space-x-10", - "body": [ - ".${1:classname} > * + * {", - "margin-left: -2.5rem;", - "}", - "", - "${0}" - ], - "description": "-space-x-10" - }, - "-space-x-12": { - "prefix": "-space-x-12", - "body": [ - ".${1:classname} > * + * {", - "margin-left: -3rem;", - "}", - "", - "${0}" - ], - "description": "-space-x-12" - }, - "-space-x-16": { - "prefix": "-space-x-16", - "body": [ - ".${1:classname} > * + * {", - "margin-left: -4rem;", - "}", - "", - "${0}" - ], - "description": "-space-x-16" - }, - "-space-x-20": { - "prefix": "-space-x-20", - "body": [ - ".${1:classname} > * + * {", - "margin-left: -5rem;", - "}", - "", - "${0}" - ], - "description": "-space-x-20" - }, - "-space-x-24": { - "prefix": "-space-x-24", - "body": [ - ".${1:classname} > * + * {", - "margin-left: -6rem;", - "}", - "", - "${0}" - ], - "description": "-space-x-24" - }, - "-space-x-32": { - "prefix": "-space-x-32", - "body": [ - ".${1:classname} > * + * {", - "margin-left: -8rem;", - "}", - "", - "${0}" - ], - "description": "-space-x-32" - }, - "-space-x-40": { - "prefix": "-space-x-40", - "body": [ - ".${1:classname} > * + * {", - "margin-left: -10rem;", - "}", - "", - "${0}" - ], - "description": "-space-x-40" - }, - "-space-x-48": { - "prefix": "-space-x-48", - "body": [ - ".${1:classname} > * + * {", - "margin-left: -12rem;", - "}", - "", - "${0}" - ], - "description": "-space-x-48" - }, - "-space-x-56": { - "prefix": "-space-x-56", - "body": [ - ".${1:classname} > * + * {", - "margin-left: -14rem;", - "}", - "", - "${0}" - ], - "description": "-space-x-56" - }, - "-space-x-64": { - "prefix": "-space-x-64", - "body": [ - ".${1:classname} > * + * {", - "margin-left: -16rem;", - "}", - "", - "${0}" - ], - "description": "-space-x-64" - }, - - "space-y-px": { - "prefix": "space-y-px", - "body": [".${1:classname} > * + * {", "margin-top: 1px;", "}", "", "${0}"], - "description": "space-y-px" - }, - "space-y-0": { - "prefix": "space-y-0", - "body": [".${1:classname} > * + * {", "margin-top: 0;", "}", "", "${0}"], - "description": "space-y-0" - }, - "space-y-1": { - "prefix": "space-y-1", - "body": [ - ".${1:classname} > * + * {", - "margin-top: 0.25rem;", - "}", - "", - "${0}" - ], - "description": "space-y-1" - }, - "space-y-2": { - "prefix": "space-y-2", - "body": [ - ".${1:classname} > * + * {", - "margin-top: 0.5rem;", - "}", - "", - "${0}" - ], - "description": "space-y-2" - }, - "space-y-3": { - "prefix": "space-y-3", - "body": [ - ".${1:classname} > * + * {", - "margin-top: 0.75rem;", - "}", - "", - "${0}" - ], - "description": "space-y-3" - }, - "space-y-4": { - "prefix": "space-y-4", - "body": [".${1:classname} > * + * {", "margin-top: 1rem;", "}", "", "${0}"], - "description": "space-y-4" - }, - "space-y-5": { - "prefix": "space-y-5", - "body": [ - ".${1:classname} > * + * {", - "margin-top: 1.25rem;", - "}", - "", - "${0}" - ], - "description": "space-y-5" - }, - "space-y-6": { - "prefix": "space-y-6", - "body": [ - ".${1:classname} > * + * {", - "margin-top: 1.5rem;", - "}", - "", - "${0}" - ], - "description": "space-y-6" - }, - "space-y-8": { - "prefix": "space-y-8", - "body": [".${1:classname} > * + * {", "margin-top: 2rem;", "}", "", "${0}"], - "description": "space-y-8" - }, - "space-y-10": { - "prefix": "space-y-10", - "body": [ - ".${1:classname} > * + * {", - "margin-top: 2.5rem;", - "}", - "", - "${0}" - ], - "description": "space-y-10" - }, - "space-y-12": { - "prefix": "space-y-12", - "body": [".${1:classname} > * + * {", "margin-top: 3rem;", "}", "", "${0}"], - "description": "space-y-12" - }, - "space-y-16": { - "prefix": "space-y-16", - "body": [".${1:classname} > * + * {", "margin-top: 4rem;", "}", "", "${0}"], - "description": "space-y-16" - }, - "space-y-20": { - "prefix": "space-y-20", - "body": [".${1:classname} > * + * {", "margin-top: 5rem;", "}", "", "${0}"], - "description": "space-y-20" - }, - "space-y-24": { - "prefix": "space-y-24", - "body": [".${1:classname} > * + * {", "margin-top: 6rem;", "}", "", "${0}"], - "description": "space-y-24" - }, - "space-y-32": { - "prefix": "space-y-32", - "body": [".${1:classname} > * + * {", "margin-top: 8rem;", "}", "", "${0}"], - "description": "space-y-32" - }, - "space-y-40": { - "prefix": "space-y-40", - "body": [ - ".${1:classname} > * + * {", - "margin-top: 10rem;", - "}", - "", - "${0}" - ], - "description": "space-y-40" - }, - "space-y-48": { - "prefix": "space-y-48", - "body": [ - ".${1:classname} > * + * {", - "margin-top: 12rem;", - "}", - "", - "${0}" - ], - "description": "space-y-48" - }, - "space-y-56": { - "prefix": "space-y-56", - "body": [ - ".${1:classname} > * + * {", - "margin-top: 14rem;", - "}", - "", - "${0}" - ], - "description": "space-y-56" - }, - "space-y-64": { - "prefix": "space-y-64", - "body": [ - ".${1:classname} > * + * {", - "margin-top: 16rem;", - "}", - "", - "${0}" - ], - "description": "space-y-64" - }, - - "space-x-px": { - "prefix": "space-x-px", - "body": [".${1:classname} > * + * {", "margin-left: 1px;", "}", "", "${0}"], - "description": "space-x-px" - }, - "space-x-0": { - "prefix": "space-x-0", - "body": [".${1:classname} > * + * {", "margin-left: 0;", "}", "", "${0}"], - "description": "space-x-0" - }, - "space-x-1": { - "prefix": "space-x-1", - "body": [ - ".${1:classname} > * + * {", - "margin-left: 0.25rem;", - "}", - "", - "${0}" - ], - "description": "space-x-1" - }, - "space-x-2": { - "prefix": "space-x-2", - "body": [ - ".${1:classname} > * + * {", - "margin-left: 0.5rem;", - "}", - "", - "${0}" - ], - "description": "space-x-2" - }, - "space-x-3": { - "prefix": "space-x-3", - "body": [ - ".${1:classname} > * + * {", - "margin-left: 0.75rem;", - "}", - "", - "${0}" - ], - "description": "space-x-3" - }, - "space-x-4": { - "prefix": "space-x-4", - "body": [ - ".${1:classname} > * + * {", - "margin-left: 1rem;", - "}", - "", - "${0}" - ], - "description": "space-x-4" - }, - "space-x-5": { - "prefix": "space-x-5", - "body": [ - ".${1:classname} > * + * {", - "margin-left: 1.25rem;", - "}", - "", - "${0}" - ], - "description": "space-x-5" - }, - "space-x-6": { - "prefix": "space-x-6", - "body": [ - ".${1:classname} > * + * {", - "margin-left: 1.5rem;", - "}", - "", - "${0}" - ], - "description": "space-x-6" - }, - "space-x-8": { - "prefix": "space-x-8", - "body": [ - ".${1:classname} > * + * {", - "margin-left: 2rem;", - "}", - "", - "${0}" - ], - "description": "space-x-8" - }, - "space-x-10": { - "prefix": "space-x-10", - "body": [ - ".${1:classname} > * + * {", - "margin-left: 2.5rem;", - "}", - "", - "${0}" - ], - "description": "space-x-10" - }, - "space-x-12": { - "prefix": "space-x-12", - "body": [ - ".${1:classname} > * + * {", - "margin-left: 3rem;", - "}", - "", - "${0}" - ], - "description": "space-x-12" - }, - "space-x-16": { - "prefix": "space-x-16", - "body": [ - ".${1:classname} > * + * {", - "margin-left: 4rem;", - "}", - "", - "${0}" - ], - "description": "space-x-16" - }, - "space-x-20": { - "prefix": "space-x-20", - "body": [ - ".${1:classname} > * + * {", - "margin-left: 5rem;", - "}", - "", - "${0}" - ], - "description": "space-x-20" - }, - "space-x-24": { - "prefix": "space-x-24", - "body": [ - ".${1:classname} > * + * {", - "margin-left: 6rem;", - "}", - "", - "${0}" - ], - "description": "space-x-24" - }, - "space-x-32": { - "prefix": "space-x-32", - "body": [ - ".${1:classname} > * + * {", - "margin-left: 8rem;", - "}", - "", - "${0}" - ], - "description": "space-x-32" - }, - "space-x-40": { - "prefix": "space-x-40", - "body": [ - ".${1:classname} > * + * {", - "margin-left: 10rem;", - "}", - "", - "${0}" - ], - "description": "space-x-40" - }, - "space-x-48": { - "prefix": "space-x-48", - "body": [ - ".${1:classname} > * + * {", - "margin-left: 12rem;", - "}", - "", - "${0}" - ], - "description": "space-x-48" - }, - "space-x-56": { - "prefix": "space-x-56", - "body": [ - ".${1:classname} > * + * {", - "margin-left: 14rem;", - "}", - "", - "${0}" - ], - "description": "space-x-56" - }, - "space-x-64": { - "prefix": "space-x-64", - "body": [ - ".${1:classname} > * + * {", - "margin-left: 16rem;", - "}", - "", - "${0}" - ], - "description": "space-x-64" - }, - - "py-px": { - "prefix": "py-px", - "body": ["padding-top: 1px;", "padding-bottom: 1px;", ""], - "description": "py-px" - }, - "py-0": { - "prefix": "py-0", - "body": ["padding-top: 0;", "padding-bottom: 0;", ""], - "description": "py-0" - }, - "py-1": { - "prefix": "py-1", - "body": ["padding-top: 0.25rem;", "padding-bottom: 0.25rem;", ""], - "description": "py-1" - }, - "py-2": { - "prefix": "py-2", - "body": ["padding-top: 0.5rem;", "padding-bottom: 0.5rem;", ""], - "description": "py-2" - }, - "py-3": { - "prefix": "py-3", - "body": ["padding-top: 0.75rem;", "padding-bottom: 0.75rem;", ""], - "description": "py-3" - }, - "py-4": { - "prefix": "py-4", - "body": ["padding-top: 1rem;", "padding-bottom: 1rem;", ""], - "description": "py-4" - }, - "py-5": { - "prefix": "py-5", - "body": ["padding-top: 1.25rem;", "padding-bottom: 1.25rem;", ""], - "description": "py-5" - }, - "py-6": { - "prefix": "py-6", - "body": ["padding-top: 1.5rem;", "padding-bottom: 1.5rem;", ""], - "description": "py-6" - }, - "py-8": { - "prefix": "py-8", - "body": ["padding-top: 2rem;", "padding-bottom: 2rem;", ""], - "description": "py-8" - }, - "py-10": { - "prefix": "py-10", - "body": ["padding-top: 2.5rem;", "padding-bottom: 2.5rem;", ""], - "description": "py-10" - }, - "py-12": { - "prefix": "py-12", - "body": ["padding-top: 3rem;", "padding-bottom: 3rem;", ""], - "description": "py-12" - }, - "py-16": { - "prefix": "py-16", - "body": ["padding-top: 4rem;", "padding-bottom: 4rem;", ""], - "description": "py-16" - }, - "py-20": { - "prefix": "py-20", - "body": ["padding-top: 5rem;", "padding-bottom: 5rem;", ""], - "description": "py-20" - }, - "py-24": { - "prefix": "py-24", - "body": ["padding-top: 6rem;", "padding-bottom: 6rem;", ""], - "description": "py-24" - }, - "py-32": { - "prefix": "py-32", - "body": ["padding-top: 8rem;", "padding-bottom: 8rem;", ""], - "description": "py-32" - }, - "py-40": { - "prefix": "py-40", - "body": ["padding-top: 10rem;", "padding-bottom: 10rem;", ""], - "description": "py-40" - }, - "py-48": { - "prefix": "py-48", - "body": ["padding-top: 12rem;", "padding-bottom: 12rem;", ""], - "description": "py-48" - }, - "py-56": { - "prefix": "py-56", - "body": ["padding-top: 14rem;", "padding-bottom: 14rem;", ""], - "description": "py-56" - }, - "py-64": { - "prefix": "py-64", - "body": ["padding-top: 16rem;", "padding-bottom: 16rem;", ""], - "description": "py-64" - }, - - "px-px": { - "prefix": "px-px", - "body": ["padding-right: 1px;", "padding-left: 1px;", ""], - "description": "px-px" - }, - "px-0": { - "prefix": "px-0", - "body": ["padding-right: 0;", "padding-left: 0;", ""], - "description": "px-0" - }, - "px-1": { - "prefix": "px-1", - "body": ["padding-right: 0.25rem;", "padding-left: 0.25rem;", ""], - "description": "px-1" - }, - "px-2": { - "prefix": "px-2", - "body": ["padding-right: 0.5rem;", "padding-left: 0.5rem;", ""], - "description": "px-2" - }, - "px-3": { - "prefix": "px-3", - "body": ["padding-right: 0.75rem;", "padding-left: 0.75rem;", ""], - "description": "px-3" - }, - "px-4": { - "prefix": "px-4", - "body": ["padding-right: 1rem;", "padding-left: 1rem;", ""], - "description": "px-4" - }, - "px-5": { - "prefix": "px-5", - "body": ["padding-right: 1.25rem;", "padding-left: 1.25rem;", ""], - "description": "px-5" - }, - "px-6": { - "prefix": "px-6", - "body": ["padding-right: 1.5rem;", "padding-left: 1.5rem;", ""], - "description": "px-6" - }, - "px-8": { - "prefix": "px-8", - "body": ["padding-right: 2rem;", "padding-left: 2rem;", ""], - "description": "px-8" - }, - "px-10": { - "prefix": "px-10", - "body": ["padding-right: 2.5rem;", "padding-left: 2.5rem;", ""], - "description": "px-10" - }, - "px-12": { - "prefix": "px-12", - "body": ["padding-right: 3rem;", "padding-left: 3rem;", ""], - "description": "px-12" - }, - "px-16": { - "prefix": "px-16", - "body": ["padding-right: 4rem;", "padding-left: 4rem;", ""], - "description": "px-16" - }, - "px-20": { - "prefix": "px-20", - "body": ["padding-right: 5rem;", "padding-left: 5rem;", ""], - "description": "px-20" - }, - "px-24": { - "prefix": "px-24", - "body": ["padding-right: 6rem;", "padding-left: 6rem;", ""], - "description": "px-24" - }, - "px-32": { - "prefix": "px-32", - "body": ["padding-right: 8rem;", "padding-left: 8rem;", ""], - "description": "px-32" - }, - "px-40": { - "prefix": "px-40", - "body": ["padding-right: 10rem;", "padding-left: 10rem;", ""], - "description": "px-40" - }, - "px-48": { - "prefix": "px-48", - "body": ["padding-right: 12rem;", "padding-left: 12rem;", ""], - "description": "px-48" - }, - "px-56": { - "prefix": "px-56", - "body": ["padding-right: 14rem;", "padding-left: 14rem;", ""], - "description": "px-56" - }, - "px-64": { - "prefix": "px-64", - "body": ["padding-right: 16rem;", "padding-left: 16rem;", ""], - "description": "px-64" - }, - - "pb-px": { - "prefix": "pb-px", - "body": ["padding-bottom: 1px;", ""], - "description": "pb-px" - }, - "pb-0": { - "prefix": "pb-0", - "body": ["padding-bottom: 0;", ""], - "description": "pb-0" - }, - "pb-1": { - "prefix": "pb-1", - "body": ["padding-bottom: 0.25rem;", ""], - "description": "pb-1" - }, - "pb-2": { - "prefix": "pb-2", - "body": ["padding-bottom: 0.5rem;", ""], - "description": "pb-2" - }, - "pb-3": { - "prefix": "pb-3", - "body": ["padding-bottom: 0.75rem;", ""], - "description": "pb-3" - }, - "pb-4": { - "prefix": "pb-4", - "body": ["padding-bottom: 1rem;", ""], - "description": "pb-4" - }, - "pb-5": { - "prefix": "pb-5", - "body": ["padding-bottom: 1.25rem;", ""], - "description": "pb-5" - }, - "pb-6": { - "prefix": "pb-6", - "body": ["padding-bottom: 1.5rem;", ""], - "description": "pb-6" - }, - "pb-8": { - "prefix": "pb-8", - "body": ["padding-bottom: 2rem;", ""], - "description": "pb-8" - }, - "pb-10": { - "prefix": "pb-10", - "body": ["padding-bottom: 2.5rem;", ""], - "description": "pb-10" - }, - "pb-12": { - "prefix": "pb-12", - "body": ["padding-bottom: 3rem;", ""], - "description": "pb-12" - }, - "pb-16": { - "prefix": "pb-16", - "body": ["padding-bottom: 4rem;", ""], - "description": "pb-16" - }, - "pb-20": { - "prefix": "pb-20", - "body": ["padding-bottom: 5rem;", ""], - "description": "pb-20" - }, - "pb-24": { - "prefix": "pb-24", - "body": ["padding-bottom: 6rem;", ""], - "description": "pb-24" - }, - "pb-32": { - "prefix": "pb-32", - "body": ["padding-bottom: 8rem;", ""], - "description": "pb-32" - }, - "pb-40": { - "prefix": "pb-40", - "body": ["padding-bottom: 10rem;", ""], - "description": "pb-40" - }, - "pb-48": { - "prefix": "pb-48", - "body": ["padding-bottom: 12rem;", ""], - "description": "pb-48" - }, - "pb-56": { - "prefix": "pb-56", - "body": ["padding-bottom: 14rem;", ""], - "description": "pb-56" - }, - "pb-64": { - "prefix": "pb-64", - "body": ["padding-bottom: 16rem;", ""], - "description": "pb-64" - }, - - "pt-px": { - "prefix": "pt-px", - "body": ["padding-top: 1px;", ""], - "description": "pt-px" - }, - "pt-0": { - "prefix": "pt-0", - "body": ["padding-top: 0;", ""], - "description": "pt-0" - }, - "pt-1": { - "prefix": "pt-1", - "body": ["padding-top: 0.25rem;", ""], - "description": "pt-1" - }, - "pt-2": { - "prefix": "pt-2", - "body": ["padding-top: 0.5rem;", ""], - "description": "pt-2" - }, - "pt-3": { - "prefix": "pt-3", - "body": ["padding-top: 0.75rem;", ""], - "description": "pt-3" - }, - "pt-4": { - "prefix": "pt-4", - "body": ["padding-top: 1rem;", ""], - "description": "pt-4" - }, - "pt-5": { - "prefix": "pt-5", - "body": ["padding-top: 1.25rem;", ""], - "description": "pt-5" - }, - "pt-6": { - "prefix": "pt-6", - "body": ["padding-top: 1.5rem;", ""], - "description": "pt-6" - }, - "pt-8": { - "prefix": "pt-8", - "body": ["padding-top: 2rem;", ""], - "description": "pt-8" - }, - "pt-10": { - "prefix": "pt-10", - "body": ["padding-top: 2.5rem;", ""], - "description": "pt-10" - }, - "pt-12": { - "prefix": "pt-12", - "body": ["padding-top: 3rem;", ""], - "description": "pt-12" - }, - "pt-16": { - "prefix": "pt-16", - "body": ["padding-top: 4rem;", ""], - "description": "pt-16" - }, - "pt-20": { - "prefix": "pt-20", - "body": ["padding-top: 5rem;", ""], - "description": "pt-20" - }, - "pt-24": { - "prefix": "pt-24", - "body": ["padding-top: 6rem;", ""], - "description": "pt-24" - }, - "pt-32": { - "prefix": "pt-32", - "body": ["padding-top: 8rem;", ""], - "description": "pt-32" - }, - "pt-40": { - "prefix": "pt-40", - "body": ["padding-top: 10rem;", ""], - "description": "pt-40" - }, - "pt-48": { - "prefix": "pt-48", - "body": ["padding-top: 12rem;", ""], - "description": "pt-48" - }, - "pt-56": { - "prefix": "pt-56", - "body": ["padding-top: 14rem;", ""], - "description": "pt-56" - }, - "pt-64": { - "prefix": "pt-64", - "body": ["padding-top: 16rem;", ""], - "description": "pt-64" - }, - - "pr-px": { - "prefix": "pr-px", - "body": ["padding-right: 1px;", ""], - "description": "pr-px" - }, - "pr-0": { - "prefix": "pr-0", - "body": ["padding-right: 0;", ""], - "description": "pr-0" - }, - "pr-1": { - "prefix": "pr-1", - "body": ["padding-right: 0.25rem;", ""], - "description": "pr-1" - }, - "pr-2": { - "prefix": "pr-2", - "body": ["padding-right: 0.5rem;", ""], - "description": "pr-2" - }, - "pr-3": { - "prefix": "pr-3", - "body": ["padding-right: 0.75rem;", ""], - "description": "pr-3" - }, - "pr-4": { - "prefix": "pr-4", - "body": ["padding-right: 1rem;", ""], - "description": "pr-4" - }, - "pr-5": { - "prefix": "pr-5", - "body": ["padding-right: 1.25rem;", ""], - "description": "pr-5" - }, - "pr-6": { - "prefix": "pr-6", - "body": ["padding-right: 1.5rem;", ""], - "description": "pr-6" - }, - "pr-8": { - "prefix": "pr-8", - "body": ["padding-right: 2rem;", ""], - "description": "pr-8" - }, - "pr-10": { - "prefix": "pr-10", - "body": ["padding-right: 2.5rem;", ""], - "description": "pr-10" - }, - "pr-12": { - "prefix": "pr-12", - "body": ["padding-right: 3rem;", ""], - "description": "pr-12" - }, - "pr-16": { - "prefix": "pr-16", - "body": ["padding-right: 4rem;", ""], - "description": "pr-16" - }, - "pr-20": { - "prefix": "pr-20", - "body": ["padding-right: 5rem;", ""], - "description": "pr-20" - }, - "pr-24": { - "prefix": "pr-24", - "body": ["padding-right: 6rem;", ""], - "description": "pr-24" - }, - "pr-32": { - "prefix": "pr-32", - "body": ["padding-right: 8rem;", ""], - "description": "pr-32" - }, - "pr-40": { - "prefix": "pr-40", - "body": ["padding-right: 10rem;", ""], - "description": "pr-40" - }, - "pr-48": { - "prefix": "pr-48", - "body": ["padding-right: 12rem;", ""], - "description": "pr-48" - }, - "pr-56": { - "prefix": "pr-56", - "body": ["padding-right: 14rem;", ""], - "description": "pr-56" - }, - "pr-64": { - "prefix": "pr-64", - "body": ["padding-right: 16rem;", ""], - "description": "pr-64" - }, - - "pl-px": { - "prefix": "pl-px", - "body": ["padding-left: 1px;", ""], - "description": "pl-px" - }, - "pl-0": { - "prefix": "pl-0", - "body": ["padding-left: 0;", ""], - "description": "pl-0" - }, - "pl-1": { - "prefix": "pl-1", - "body": ["padding-left: 0.25rem;", ""], - "description": "pl-1" - }, - "pl-2": { - "prefix": "pl-2", - "body": ["padding-left: 0.5rem;", ""], - "description": "pl-2" - }, - "pl-3": { - "prefix": "pl-3", - "body": ["padding-left: 0.75rem;", ""], - "description": "pl-3" - }, - "pl-4": { - "prefix": "pl-4", - "body": ["padding-left: 1rem;", ""], - "description": "pl-4" - }, - "pl-5": { - "prefix": "pl-5", - "body": ["padding-left: 1.25rem;", ""], - "description": "pl-5" - }, - "pl-6": { - "prefix": "pl-6", - "body": ["padding-left: 1.5rem;", ""], - "description": "pl-6" - }, - "pl-8": { - "prefix": "pl-8", - "body": ["padding-left: 2rem;", ""], - "description": "pl-8" - }, - "pl-10": { - "prefix": "pl-10", - "body": ["padding-left: 2.5rem;", ""], - "description": "pl-10" - }, - "pl-12": { - "prefix": "pl-12", - "body": ["padding-left: 3rem;", ""], - "description": "pl-12" - }, - "pl-16": { - "prefix": "pl-16", - "body": ["padding-left: 4rem;", ""], - "description": "pl-16" - }, - "pl-20": { - "prefix": "pl-20", - "body": ["padding-left: 5rem;", ""], - "description": "pl-20" - }, - "pl-24": { - "prefix": "pl-24", - "body": ["padding-left: 6rem;", ""], - "description": "pl-24" - }, - "pl-32": { - "prefix": "pl-32", - "body": ["padding-left: 8rem;", ""], - "description": "pl-32" - }, - "pl-40": { - "prefix": "pl-40", - "body": ["padding-left: 10rem;", ""], - "description": "pl-40" - }, - "pl-48": { - "prefix": "pl-48", - "body": ["padding-left: 12rem;", ""], - "description": "pl-48" - }, - "pl-56": { - "prefix": "pl-56", - "body": ["padding-left: 14rem;", ""], - "description": "pl-56" - }, - "pl-64": { - "prefix": "pl-64", - "body": ["padding-left: 16rem;", ""], - "description": "pl-64" - }, - - "p-px": { - "prefix": "p-px", - "body": ["padding: 1px;", ""], - "description": "p-px" - }, - "p-0": { - "prefix": "p-0", - "body": ["padding: 0;", ""], - "description": "p-0" - }, - "p-1": { - "prefix": "p-1", - "body": ["padding: 0.25rem;", ""], - "description": "p-1" - }, - "p-2": { - "prefix": "p-2", - "body": ["padding: 0.5rem;", ""], - "description": "p-2" - }, - "p-3": { - "prefix": "p-3", - "body": ["padding: 0.75rem;", ""], - "description": "p-3" - }, - "p-4": { - "prefix": "p-4", - "body": ["padding: 1rem;", ""], - "description": "p-4" - }, - "p-5": { - "prefix": "p-5", - "body": ["padding: 1.25rem;", ""], - "description": "p-5" - }, - "p-6": { - "prefix": "p-6", - "body": ["padding: 1.5rem;", ""], - "description": "p-6" - }, - "p-8": { - "prefix": "p-8", - "body": ["padding: 2rem;", ""], - "description": "p-8" - }, - "p-10": { - "prefix": "p-10", - "body": ["padding: 2.5rem;", ""], - "description": "p-10" - }, - "p-12": { - "prefix": "p-12", - "body": ["padding: 3rem;", ""], - "description": "p-12" - }, - "p-16": { - "prefix": "p-16", - "body": ["padding: 4rem;", ""], - "description": "p-16" - }, - "p-20": { - "prefix": "p-20", - "body": ["padding: 5rem;", ""], - "description": "p-20" - }, - "p-24": { - "prefix": "p-24", - "body": ["padding: 6rem;", ""], - "description": "p-24" - }, - "p-32": { - "prefix": "p-32", - "body": ["padding: 8rem;", ""], - "description": "p-32" - }, - "p-40": { - "prefix": "p-40", - "body": ["padding: 10rem;", ""], - "description": "p-40" - }, - "p-48": { - "prefix": "p-48", - "body": ["padding: 12rem;", ""], - "description": "p-48" - }, - "p-56": { - "prefix": "p-56", - "body": ["padding: 14rem;", ""], - "description": "p-56" - }, - "p-64": { - "prefix": "p-64", - "body": ["padding: 16rem;", ""], - "description": "p-64" - }, - - "my-px": { - "prefix": "my-px", - "body": ["margin-top: 1px;", "margin-bottom: 1px;", ""], - "description": "my-px" - }, - "my-0": { - "prefix": "my-0", - "body": ["margin-top: 0;", "margin-bottom: 0;", ""], - "description": "my-0" - }, - "my-1": { - "prefix": "my-1", - "body": ["margin-top: 0.25rem;", "margin-bottom: 0.25rem;", ""], - "description": "my-1" - }, - "my-2": { - "prefix": "my-2", - "body": ["margin-top: 0.5rem;", "margin-bottom: 0.5rem;", ""], - "description": "my-2" - }, - "my-3": { - "prefix": "my-3", - "body": ["margin-top: 0.75rem;", "margin-bottom: 0.75rem;", ""], - "description": "my-3" - }, - "my-4": { - "prefix": "my-4", - "body": ["margin-top: 1rem;", "margin-bottom: 1rem;", ""], - "description": "my-4" - }, - "my-5": { - "prefix": "my-5", - "body": ["margin-top: 1.25rem;", "margin-bottom: 1.25rem;", ""], - "description": "my-5" - }, - "my-6": { - "prefix": "my-6", - "body": ["margin-top: 1.5rem;", "margin-bottom: 1.5rem;", ""], - "description": "my-6" - }, - "my-8": { - "prefix": "my-8", - "body": ["margin-top: 2rem;", "margin-bottom: 2rem;", ""], - "description": "my-8" - }, - "my-10": { - "prefix": "my-10", - "body": ["margin-top: 2.5rem;", "margin-bottom: 2.5rem;", ""], - "description": "my-10" - }, - "my-12": { - "prefix": "my-12", - "body": ["margin-top: 3rem;", "margin-bottom: 3rem;", ""], - "description": "my-12" - }, - "my-16": { - "prefix": "my-16", - "body": ["margin-top: 4rem;", "margin-bottom: 4rem;", ""], - "description": "my-16" - }, - "my-20": { - "prefix": "my-20", - "body": ["margin-top: 5rem;", "margin-bottom: 5rem;", ""], - "description": "my-20" - }, - "my-24": { - "prefix": "my-24", - "body": ["margin-top: 6rem;", "margin-bottom: 6rem;", ""], - "description": "my-24" - }, - "my-32": { - "prefix": "my-32", - "body": ["margin-top: 8rem;", "margin-bottom: 8rem;", ""], - "description": "my-32" - }, - "my-40": { - "prefix": "my-40", - "body": ["margin-top: 10rem;", "margin-bottom: 10rem;", ""], - "description": "my-40" - }, - "my-48": { - "prefix": "my-48", - "body": ["margin-top: 12rem;", "margin-bottom: 12rem;", ""], - "description": "my-48" - }, - "my-56": { - "prefix": "my-56", - "body": ["margin-top: 14rem;", "margin-bottom: 14rem;", ""], - "description": "my-56" - }, - "my-64": { - "prefix": "my-64", - "body": ["margin-top: 16rem;", "margin-bottom: 16rem;", ""], - "description": "my-64" - }, - - "mx-px": { - "prefix": "mx-px", - "body": ["margin-right: 1px;", "margin-left: 1px;", ""], - "description": "mx-px" - }, - "mx-0": { - "prefix": "mx-0", - "body": ["margin-right: 0;", "margin-left: 0;", ""], - "description": "mx-0" - }, - "mx-1": { - "prefix": "mx-1", - "body": ["margin-right: 0.25rem;", "margin-left: 0.25rem;", ""], - "description": "mx-1" - }, - "mx-2": { - "prefix": "mx-2", - "body": ["margin-right: 0.5rem;", "margin-left: 0.5rem;", ""], - "description": "mx-2" - }, - "mx-3": { - "prefix": "mx-3", - "body": ["margin-right: 0.75rem;", "margin-left: 0.75rem;", ""], - "description": "mx-3" - }, - "mx-4": { - "prefix": "mx-4", - "body": ["margin-right: 1rem;", "margin-left: 1rem;", ""], - "description": "mx-4" - }, - "mx-5": { - "prefix": "mx-5", - "body": ["margin-right: 1.25rem;", "margin-left: 1.25rem;", ""], - "description": "mx-5" - }, - "mx-6": { - "prefix": "mx-6", - "body": ["margin-right: 1.5rem;", "margin-left: 1.5rem;", ""], - "description": "mx-6" - }, - "mx-8": { - "prefix": "mx-8", - "body": ["margin-right: 2rem;", "margin-left: 2rem;", ""], - "description": "mx-8" - }, - "mx-10": { - "prefix": "mx-10", - "body": ["margin-right: 2.5rem;", "margin-left: 2.5rem;", ""], - "description": "mx-10" - }, - "mx-12": { - "prefix": "mx-12", - "body": ["margin-right: 3rem;", "margin-left: 3rem;", ""], - "description": "mx-12" - }, - "mx-16": { - "prefix": "mx-16", - "body": ["margin-right: 4rem;", "margin-left: 4rem;", ""], - "description": "mx-16" - }, - "mx-20": { - "prefix": "mx-20", - "body": ["margin-right: 5rem;", "margin-left: 5rem;", ""], - "description": "mx-20" - }, - "mx-24": { - "prefix": "mx-24", - "body": ["margin-right: 6rem;", "margin-left: 6rem;", ""], - "description": "mx-24" - }, - "mx-32": { - "prefix": "mx-32", - "body": ["margin-right: 8rem;", "margin-left: 8rem;", ""], - "description": "mx-32" - }, - "mx-40": { - "prefix": "mx-40", - "body": ["margin-right: 10rem;", "margin-left: 10rem;", ""], - "description": "mx-40" - }, - "mx-48": { - "prefix": "mx-48", - "body": ["margin-right: 12rem;", "margin-left: 12rem;", ""], - "description": "mx-48" - }, - "mx-56": { - "prefix": "mx-56", - "body": ["margin-right: 14rem;", "margin-left: 14rem;", ""], - "description": "mx-56" - }, - "mx-64": { - "prefix": "mx-64", - "body": ["margin-right: 16rem;", "margin-left: 16rem;", ""], - "description": "mx-64" - }, - - "mb-px": { - "prefix": "mb-px", - "body": ["margin-bottom: 1px;", ""], - "description": "mb-px" - }, - "mb-0": { - "prefix": "mb-0", - "body": ["margin-bottom: 0;", ""], - "description": "mb-0" - }, - "mb-1": { - "prefix": "mb-1", - "body": ["margin-bottom: 0.25rem;", ""], - "description": "mb-1" - }, - "mb-2": { - "prefix": "mb-2", - "body": ["margin-bottom: 0.5rem;", ""], - "description": "mb-2" - }, - "mb-3": { - "prefix": "mb-3", - "body": ["margin-bottom: 0.75rem;", ""], - "description": "mb-3" - }, - "mb-4": { - "prefix": "mb-4", - "body": ["margin-bottom: 1rem;", ""], - "description": "mb-4" - }, - "mb-5": { - "prefix": "mb-5", - "body": ["margin-bottom: 1.25rem;", ""], - "description": "mb-5" - }, - "mb-6": { - "prefix": "mb-6", - "body": ["margin-bottom: 1.5rem;", ""], - "description": "mb-6" - }, - "mb-8": { - "prefix": "mb-8", - "body": ["margin-bottom: 2rem;", ""], - "description": "mb-8" - }, - "mb-10": { - "prefix": "mb-10", - "body": ["margin-bottom: 2.5rem;", ""], - "description": "mb-10" - }, - "mb-12": { - "prefix": "mb-12", - "body": ["margin-bottom: 3rem;", ""], - "description": "mb-12" - }, - "mb-16": { - "prefix": "mb-16", - "body": ["margin-bottom: 4rem;", ""], - "description": "mb-16" - }, - "mb-20": { - "prefix": "mb-20", - "body": ["margin-bottom: 5rem;", ""], - "description": "mb-20" - }, - "mb-24": { - "prefix": "mb-24", - "body": ["margin-bottom: 6rem;", ""], - "description": "mb-24" - }, - "mb-32": { - "prefix": "mb-32", - "body": ["margin-bottom: 8rem;", ""], - "description": "mb-32" - }, - "mb-40": { - "prefix": "mb-40", - "body": ["margin-bottom: 10rem;", ""], - "description": "mb-40" - }, - "mb-48": { - "prefix": "mb-48", - "body": ["margin-bottom: 12rem;", ""], - "description": "mb-48" - }, - "mb-56": { - "prefix": "mb-56", - "body": ["margin-bottom: 14rem;", ""], - "description": "mb-56" - }, - "mb-64": { - "prefix": "mb-64", - "body": ["margin-bottom: 16rem;", ""], - "description": "mb-64" - }, - - "mt-px": { - "prefix": "mt-px", - "body": ["margin-top: 1px;", ""], - "description": "mt-px" - }, - "mt-0": { - "prefix": "mt-0", - "body": ["margin-top: 0;", ""], - "description": "mt-0" - }, - "mt-1": { - "prefix": "mt-1", - "body": ["margin-top: 0.25rem;", ""], - "description": "mt-1" - }, - "mt-2": { - "prefix": "mt-2", - "body": ["margin-top: 0.5rem;", ""], - "description": "mt-2" - }, - "mt-3": { - "prefix": "mt-3", - "body": ["margin-top: 0.75rem;", ""], - "description": "mt-3" - }, - "mt-4": { - "prefix": "mt-4", - "body": ["margin-top: 1rem;", ""], - "description": "mt-4" - }, - "mt-5": { - "prefix": "mt-5", - "body": ["margin-top: 1.25rem;", ""], - "description": "mt-5" - }, - "mt-6": { - "prefix": "mt-6", - "body": ["margin-top: 1.5rem;", ""], - "description": "mt-6" - }, - "mt-8": { - "prefix": "mt-8", - "body": ["margin-top: 2rem;", ""], - "description": "mt-8" - }, - "mt-10": { - "prefix": "mt-10", - "body": ["margin-top: 2.5rem;", ""], - "description": "mt-10" - }, - "mt-12": { - "prefix": "mt-12", - "body": ["margin-top: 3rem;", ""], - "description": "mt-12" - }, - "mt-16": { - "prefix": "mt-16", - "body": ["margin-top: 4rem;", ""], - "description": "mt-16" - }, - "mt-20": { - "prefix": "mt-20", - "body": ["margin-top: 5rem;", ""], - "description": "mt-20" - }, - "mt-24": { - "prefix": "mt-24", - "body": ["margin-top: 6rem;", ""], - "description": "mt-24" - }, - "mt-32": { - "prefix": "mt-32", - "body": ["margin-top: 8rem;", ""], - "description": "mt-32" - }, - "mt-40": { - "prefix": "mt-40", - "body": ["margin-top: 10rem;", ""], - "description": "mt-40" - }, - "mt-48": { - "prefix": "mt-48", - "body": ["margin-top: 12rem;", ""], - "description": "mt-48" - }, - "mt-56": { - "prefix": "mt-56", - "body": ["margin-top: 14rem;", ""], - "description": "mt-56" - }, - "mt-64": { - "prefix": "mt-64", - "body": ["margin-top: 16rem;", ""], - "description": "mt-64" - }, - - "mr-px": { - "prefix": "mr-px", - "body": ["margin-right: 1px;", ""], - "description": "mr-px" - }, - "mr-0": { - "prefix": "mr-0", - "body": ["margin-right: 0;", ""], - "description": "mr-0" - }, - "mr-1": { - "prefix": "mr-1", - "body": ["margin-right: 0.25rem;", ""], - "description": "mr-1" - }, - "mr-2": { - "prefix": "mr-2", - "body": ["margin-right: 0.5rem;", ""], - "description": "mr-2" - }, - "mr-3": { - "prefix": "mr-3", - "body": ["margin-right: 0.75rem;", ""], - "description": "mr-3" - }, - "mr-4": { - "prefix": "mr-4", - "body": ["margin-right: 1rem;", ""], - "description": "mr-4" - }, - "mr-5": { - "prefix": "mr-5", - "body": ["margin-right: 1.25rem;", ""], - "description": "mr-5" - }, - "mr-6": { - "prefix": "mr-6", - "body": ["margin-right: 1.5rem;", ""], - "description": "mr-6" - }, - "mr-8": { - "prefix": "mr-8", - "body": ["margin-right: 2rem;", ""], - "description": "mr-8" - }, - "mr-10": { - "prefix": "mr-10", - "body": ["margin-right: 2.5rem;", ""], - "description": "mr-10" - }, - "mr-12": { - "prefix": "mr-12", - "body": ["margin-right: 3rem;", ""], - "description": "mr-12" - }, - "mr-16": { - "prefix": "mr-16", - "body": ["margin-right: 4rem;", ""], - "description": "mr-16" - }, - "mr-20": { - "prefix": "mr-20", - "body": ["margin-right: 5rem;", ""], - "description": "mr-20" - }, - "mr-24": { - "prefix": "mr-24", - "body": ["margin-right: 6rem;", ""], - "description": "mr-24" - }, - "mr-32": { - "prefix": "mr-32", - "body": ["margin-right: 8rem;", ""], - "description": "mr-32" - }, - "mr-40": { - "prefix": "mr-40", - "body": ["margin-right: 10rem;", ""], - "description": "mr-40" - }, - "mr-48": { - "prefix": "mr-48", - "body": ["margin-right: 12rem;", ""], - "description": "mr-48" - }, - "mr-56": { - "prefix": "mr-56", - "body": ["margin-right: 14rem;", ""], - "description": "mr-56" - }, - "mr-64": { - "prefix": "mr-64", - "body": ["margin-right: 16rem;", ""], - "description": "mr-64" - }, - - "ml-px": { - "prefix": "ml-px", - "body": ["margin-left: 1px;", ""], - "description": "ml-px" - }, - "ml-0": { - "prefix": "ml-0", - "body": ["margin-left: 0;", ""], - "description": "ml-0" - }, - "ml-1": { - "prefix": "ml-1", - "body": ["margin-left: 0.25rem;", ""], - "description": "ml-1" - }, - "ml-2": { - "prefix": "ml-2", - "body": ["margin-left: 0.5rem;", ""], - "description": "ml-2" - }, - "ml-3": { - "prefix": "ml-3", - "body": ["margin-left: 0.75rem;", ""], - "description": "ml-3" - }, - "ml-4": { - "prefix": "ml-4", - "body": ["margin-left: 1rem;", ""], - "description": "ml-4" - }, - "ml-5": { - "prefix": "ml-5", - "body": ["margin-left: 1.25rem;", ""], - "description": "ml-5" - }, - "ml-6": { - "prefix": "ml-6", - "body": ["margin-left: 1.5rem;", ""], - "description": "ml-6" - }, - "ml-8": { - "prefix": "ml-8", - "body": ["margin-left: 2rem;", ""], - "description": "ml-8" - }, - "ml-10": { - "prefix": "ml-10", - "body": ["margin-left: 2.5rem;", ""], - "description": "ml-10" - }, - "ml-12": { - "prefix": "ml-12", - "body": ["margin-left: 3rem;", ""], - "description": "ml-12" - }, - "ml-16": { - "prefix": "ml-16", - "body": ["margin-left: 4rem;", ""], - "description": "ml-16" - }, - "ml-20": { - "prefix": "ml-20", - "body": ["margin-left: 5rem;", ""], - "description": "ml-20" - }, - "ml-24": { - "prefix": "ml-24", - "body": ["margin-left: 6rem;", ""], - "description": "ml-24" - }, - "ml-32": { - "prefix": "ml-32", - "body": ["margin-left: 8rem;", ""], - "description": "ml-32" - }, - "ml-40": { - "prefix": "ml-40", - "body": ["margin-left: 10rem;", ""], - "description": "ml-40" - }, - "ml-48": { - "prefix": "ml-48", - "body": ["margin-left: 12rem;", ""], - "description": "ml-48" - }, - "ml-56": { - "prefix": "ml-56", - "body": ["margin-left: 14rem;", ""], - "description": "ml-56" - }, - "ml-64": { - "prefix": "ml-64", - "body": ["margin-left: 16rem;", ""], - "description": "ml-64" - }, - - "m-px": { - "prefix": "m-px", - "body": ["margin: 1px;", ""], - "description": "m-px" - }, - "m-0": { - "prefix": "m-0", - "body": ["margin: 0;", ""], - "description": "m-0" - }, - "m-1": { - "prefix": "m-1", - "body": ["margin: 0.25rem;", ""], - "description": "m-1" - }, - "m-2": { - "prefix": "m-2", - "body": ["margin: 0.5rem;", ""], - "description": "m-2" - }, - "m-3": { - "prefix": "m-3", - "body": ["margin: 0.75rem;", ""], - "description": "m-3" - }, - "m-4": { - "prefix": "m-4", - "body": ["margin: 1rem;", ""], - "description": "m-4" - }, - "m-5": { - "prefix": "m-5", - "body": ["margin: 1.25rem;", ""], - "description": "m-5" - }, - "m-6": { - "prefix": "m-6", - "body": ["margin: 1.5rem;", ""], - "description": "m-6" - }, - "m-8": { - "prefix": "m-8", - "body": ["margin: 2rem;", ""], - "description": "m-8" - }, - "m-10": { - "prefix": "m-10", - "body": ["margin: 2.5rem;", ""], - "description": "m-10" - }, - "m-12": { - "prefix": "m-12", - "body": ["margin: 3rem;", ""], - "description": "m-12" - }, - "m-16": { - "prefix": "m-16", - "body": ["margin: 4rem;", ""], - "description": "m-16" - }, - "m-20": { - "prefix": "m-20", - "body": ["margin: 5rem;", ""], - "description": "m-20" - }, - "m-24": { - "prefix": "m-24", - "body": ["margin: 6rem;", ""], - "description": "m-24" - }, - "m-32": { - "prefix": "m-32", - "body": ["margin: 8rem;", ""], - "description": "m-32" - }, - "m-40": { - "prefix": "m-40", - "body": ["margin: 10rem;", ""], - "description": "m-40" - }, - "m-48": { - "prefix": "m-48", - "body": ["margin: 12rem;", ""], - "description": "m-48" - }, - "m-56": { - "prefix": "m-56", - "body": ["margin: 14rem;", ""], - "description": "m-56" - }, - "m-64": { - "prefix": "m-64", - "body": ["margin: 16rem;", ""], - "description": "m-64" - }, - - "-my-px": { - "prefix": "-my-px", - "body": ["margin-top: -1px;", "margin-bottom: -1px;", ""], - "description": "-my-px" - }, - "-my-1": { - "prefix": "-my-1", - "body": ["margin-top: -0.25rem;", "margin-bottom: -0.25rem;", ""], - "description": "-my-1" - }, - "-my-2": { - "prefix": "-my-2", - "body": ["margin-top: -0.5rem;", "margin-bottom: -0.5rem;", ""], - "description": "-my-2" - }, - "-my-3": { - "prefix": "-my-3", - "body": ["margin-top: -0.75rem;", "margin-bottom: -0.75rem;", ""], - "description": "-my-3" - }, - "-my-4": { - "prefix": "-my-4", - "body": ["margin-top: -1rem;", "margin-bottom: -1rem;", ""], - "description": "-my-4" - }, - "-my-5": { - "prefix": "-my-5", - "body": ["margin-top: -1.25rem;", "margin-bottom: -1.25rem;", ""], - "description": "-my-5" - }, - "-my-6": { - "prefix": "-my-6", - "body": ["margin-top: -1.5rem;", "margin-bottom: -1.5rem;", ""], - "description": "-my-6" - }, - "-my-8": { - "prefix": "-my-8", - "body": ["margin-top: -2rem;", "margin-bottom: -2rem;", ""], - "description": "-my-8" - }, - "-my-10": { - "prefix": "-my-10", - "body": ["margin-top: -2.5rem;", "margin-bottom: -2.5rem;", ""], - "description": "-my-10" - }, - "-my-12": { - "prefix": "-my-12", - "body": ["margin-top: -3rem;", "margin-bottom: -3rem;", ""], - "description": "-my-12" - }, - "-my-16": { - "prefix": "-my-16", - "body": ["margin-top: -4rem;", "margin-bottom: -4rem;", ""], - "description": "-my-16" - }, - "-my-20": { - "prefix": "-my-20", - "body": ["margin-top: -5rem;", "margin-bottom: -5rem;", ""], - "description": "-my-20" - }, - "-my-24": { - "prefix": "-my-24", - "body": ["margin-top: -6rem;", "margin-bottom: -6rem;", ""], - "description": "-my-24" - }, - "-my-32": { - "prefix": "-my-32", - "body": ["margin-top: -8rem;", "margin-bottom: -8rem;", ""], - "description": "-my-32" - }, - "-my-40": { - "prefix": "-my-40", - "body": ["margin-top: -10rem;", "margin-bottom: -10rem;", ""], - "description": "-my-40" - }, - "-my-48": { - "prefix": "-my-48", - "body": ["margin-top: -12rem;", "margin-bottom: -12rem;", ""], - "description": "-my-48" - }, - "-my-56": { - "prefix": "-my-56", - "body": ["margin-top: -14rem;", "margin-bottom: -14rem;", ""], - "description": "-my-56" - }, - "-my-64": { - "prefix": "-my-64", - "body": ["margin-top: -16rem;", "margin-bottom: -16rem;", ""], - "description": "-my-64" - }, - - "-mx-px": { - "prefix": "-mx-px", - "body": ["margin-right: -1px;", "margin-left: -1px;", ""], - "description": "-mx-px" - }, - "-mx-1": { - "prefix": "-mx-1", - "body": ["margin-right: -0.25rem;", "margin-left: -0.25rem;", ""], - "description": "-mx-1" - }, - "-mx-2": { - "prefix": "-mx-2", - "body": ["margin-right: -0.5rem;", "margin-left: -0.5rem;", ""], - "description": "-mx-2" - }, - "-mx-3": { - "prefix": "-mx-3", - "body": ["margin-right: -0.75rem;", "margin-left: -0.75rem;", ""], - "description": "-mx-3" - }, - "-mx-4": { - "prefix": "-mx-4", - "body": ["margin-right: -1rem;", "margin-left: -1rem;", ""], - "description": "-mx-4" - }, - "-mx-5": { - "prefix": "-mx-5", - "body": ["margin-right: -1.25rem;", "margin-left: -1.25rem;", ""], - "description": "-mx-5" - }, - "-mx-6": { - "prefix": "-mx-6", - "body": ["margin-right: -1.5rem;", "margin-left: -1.5rem;", ""], - "description": "-mx-6" - }, - "-mx-8": { - "prefix": "-mx-8", - "body": ["margin-right: -2rem;", "margin-left: -2rem;", ""], - "description": "-mx-8" - }, - "-mx-10": { - "prefix": "-mx-10", - "body": ["margin-right: -2.5rem;", "margin-left: -2.5rem;", ""], - "description": "-mx-10" - }, - "-mx-12": { - "prefix": "-mx-12", - "body": ["margin-right: -3rem;", "margin-left: -3rem;", ""], - "description": "-mx-12" - }, - "-mx-16": { - "prefix": "-mx-16", - "body": ["margin-right: -4rem;", "margin-left: -4rem;", ""], - "description": "-mx-16" - }, - "-mx-20": { - "prefix": "-mx-20", - "body": ["margin-right: -5rem;", "margin-left: -5rem;", ""], - "description": "-mx-20" - }, - "-mx-24": { - "prefix": "-mx-24", - "body": ["margin-right: -6rem;", "margin-left: -6rem;", ""], - "description": "-mx-24" - }, - "-mx-32": { - "prefix": "-mx-32", - "body": ["margin-right: -8rem;", "margin-left: -8rem;", ""], - "description": "-mx-32" - }, - "-mx-40": { - "prefix": "-mx-40", - "body": ["margin-right: -10rem;", "margin-left: -10rem;", ""], - "description": "-mx-40" - }, - "-mx-48": { - "prefix": "-mx-48", - "body": ["margin-right: -12rem;", "margin-left: -12rem;", ""], - "description": "-mx-48" - }, - "-mx-56": { - "prefix": "-mx-56", - "body": ["margin-right: -14rem;", "margin-left: -14rem;", ""], - "description": "-mx-56" - }, - "-mx-64": { - "prefix": "-mx-64", - "body": ["margin-right: -16rem;", "margin-left: -16rem;", ""], - "description": "-mx-64" - }, - - "-mb-px": { - "prefix": "-mb-px", - "body": ["margin-bottom: -1px;", ""], - "description": "-mb-px" - }, - "-mb-1": { - "prefix": "-mb-1", - "body": ["margin-bottom: -0.25rem;", ""], - "description": "-mb-1" - }, - "-mb-2": { - "prefix": "-mb-2", - "body": ["margin-bottom: -0.5rem;", ""], - "description": "-mb-2" - }, - "-mb-3": { - "prefix": "-mb-3", - "body": ["margin-bottom: -0.75rem;", ""], - "description": "-mb-3" - }, - "-mb-4": { - "prefix": "-mb-4", - "body": ["margin-bottom: -1rem;", ""], - "description": "-mb-4" - }, - "-mb-5": { - "prefix": "-mb-5", - "body": ["margin-bottom: -1.25rem;", ""], - "description": "-mb-5" - }, - "-mb-6": { - "prefix": "-mb-6", - "body": ["margin-bottom: -1.5rem;", ""], - "description": "-mb-6" - }, - "-mb-8": { - "prefix": "-mb-8", - "body": ["margin-bottom: -2rem;", ""], - "description": "-mb-8" - }, - "-mb-10": { - "prefix": "-mb-10", - "body": ["margin-bottom: -2.5rem;", ""], - "description": "-mb-10" - }, - "-mb-12": { - "prefix": "-mb-12", - "body": ["margin-bottom: -3rem;", ""], - "description": "-mb-12" - }, - "-mb-16": { - "prefix": "-mb-16", - "body": ["margin-bottom: -4rem;", ""], - "description": "-mb-16" - }, - "-mb-20": { - "prefix": "-mb-20", - "body": ["margin-bottom: -5rem;", ""], - "description": "-mb-20" - }, - "-mb-24": { - "prefix": "-mb-24", - "body": ["margin-bottom: -6rem;", ""], - "description": "-mb-24" - }, - "-mb-32": { - "prefix": "-mb-32", - "body": ["margin-bottom: -8rem;", ""], - "description": "-mb-32" - }, - "-mb-40": { - "prefix": "-mb-40", - "body": ["margin-bottom: -10rem;", ""], - "description": "-mb-40" - }, - "-mb-48": { - "prefix": "-mb-48", - "body": ["margin-bottom: -12rem;", ""], - "description": "-mb-48" - }, - "-mb-56": { - "prefix": "-mb-56", - "body": ["margin-bottom: -14rem;", ""], - "description": "-mb-56" - }, - "-mb-64": { - "prefix": "-mb-64", - "body": ["margin-bottom: -16rem;", ""], - "description": "-mb-64" - }, - - "-mt-px": { - "prefix": "-mt-px", - "body": ["margin-top: -1px;", ""], - "description": "-mt-px" - }, - "-mt-1": { - "prefix": "-mt-1", - "body": ["margin-top: -0.25rem;", ""], - "description": "-mt-1" - }, - "-mt-2": { - "prefix": "-mt-2", - "body": ["margin-top: -0.5rem;", ""], - "description": "-mt-2" - }, - "-mt-3": { - "prefix": "-mt-3", - "body": ["margin-top: -0.75rem;", ""], - "description": "-mt-3" - }, - "-mt-4": { - "prefix": "-mt-4", - "body": ["margin-top: -1rem;", ""], - "description": "-mt-4" - }, - "-mt-5": { - "prefix": "-mt-5", - "body": ["margin-top: -1.25rem;", ""], - "description": "-mt-5" - }, - "-mt-6": { - "prefix": "-mt-6", - "body": ["margin-top: -1.5rem;", ""], - "description": "-mt-6" - }, - "-mt-8": { - "prefix": "-mt-8", - "body": ["margin-top: -2rem;", ""], - "description": "-mt-8" - }, - "-mt-10": { - "prefix": "-mt-10", - "body": ["margin-top: -2.5rem;", ""], - "description": "-mt-10" - }, - "-mt-12": { - "prefix": "-mt-12", - "body": ["margin-top: -3rem;", ""], - "description": "-mt-12" - }, - "-mt-16": { - "prefix": "-mt-16", - "body": ["margin-top: -4rem;", ""], - "description": "-mt-16" - }, - "-mt-20": { - "prefix": "-mt-20", - "body": ["margin-top: -5rem;", ""], - "description": "-mt-20" - }, - "-mt-24": { - "prefix": "-mt-24", - "body": ["margin-top: -6rem;", ""], - "description": "-mt-24" - }, - "-mt-32": { - "prefix": "-mt-32", - "body": ["margin-top: -8rem;", ""], - "description": "-mt-32" - }, - "-mt-40": { - "prefix": "-mt-40", - "body": ["margin-top: -10rem;", ""], - "description": "-mt-40" - }, - "-mt-48": { - "prefix": "-mt-48", - "body": ["margin-top: -12rem;", ""], - "description": "-mt-48" - }, - "-mt-56": { - "prefix": "-mt-56", - "body": ["margin-top: -14rem;", ""], - "description": "-mt-56" - }, - "-mt-64": { - "prefix": "-mt-64", - "body": ["margin-top: -16rem;", ""], - "description": "-mt-64" - }, - - "-mr-px": { - "prefix": "-mr-px", - "body": ["margin-right: -1px;", ""], - "description": "-mr-px" - }, - "-mr-1": { - "prefix": "-mr-1", - "body": ["margin-right: -0.25rem;", ""], - "description": "-mr-1" - }, - "-mr-2": { - "prefix": "-mr-2", - "body": ["margin-right: -0.5rem;", ""], - "description": "-mr-2" - }, - "-mr-3": { - "prefix": "-mr-3", - "body": ["margin-right: -0.75rem;", ""], - "description": "-mr-3" - }, - "-mr-4": { - "prefix": "-mr-4", - "body": ["margin-right: -1rem;", ""], - "description": "-mr-4" - }, - "-mr-5": { - "prefix": "-mr-5", - "body": ["margin-right: -1.25rem;", ""], - "description": "-mr-5" - }, - "-mr-6": { - "prefix": "-mr-6", - "body": ["margin-right: -1.5rem;", ""], - "description": "-mr-6" - }, - "-mr-8": { - "prefix": "-mr-8", - "body": ["margin-right: -2rem;", ""], - "description": "-mr-8" - }, - "-mr-10": { - "prefix": "-mr-10", - "body": ["margin-right: -2.5rem;", ""], - "description": "-mr-10" - }, - "-mr-12": { - "prefix": "-mr-12", - "body": ["margin-right: -3rem;", ""], - "description": "-mr-12" - }, - "-mr-16": { - "prefix": "-mr-16", - "body": ["margin-right: -4rem;", ""], - "description": "-mr-16" - }, - "-mr-20": { - "prefix": "-mr-20", - "body": ["margin-right: -5rem;", ""], - "description": "-mr-20" - }, - "-mr-24": { - "prefix": "-mr-24", - "body": ["margin-right: -6rem;", ""], - "description": "-mr-24" - }, - "-mr-32": { - "prefix": "-mr-32", - "body": ["margin-right: -8rem;", ""], - "description": "-mr-32" - }, - "-mr-40": { - "prefix": "-mr-40", - "body": ["margin-right: -10rem;", ""], - "description": "-mr-40" - }, - "-mr-48": { - "prefix": "-mr-48", - "body": ["margin-right: -12rem;", ""], - "description": "-mr-48" - }, - "-mr-56": { - "prefix": "-mr-56", - "body": ["margin-right: -14rem;", ""], - "description": "-mr-56" - }, - "-mr-64": { - "prefix": "-mr-64", - "body": ["margin-right: -16rem;", ""], - "description": "-mr-64" - }, - - "-ml-px": { - "prefix": "-ml-px", - "body": ["margin-left: -1px;", ""], - "description": "-ml-px" - }, - "-ml-1": { - "prefix": "-ml-1", - "body": ["margin-left: -0.25rem;", ""], - "description": "-ml-1" - }, - "-ml-2": { - "prefix": "-ml-2", - "body": ["margin-left: -0.5rem;", ""], - "description": "-ml-2" - }, - "-ml-3": { - "prefix": "-ml-3", - "body": ["margin-left: -0.75rem;", ""], - "description": "-ml-3" - }, - "-ml-4": { - "prefix": "-ml-4", - "body": ["margin-left: -1rem;", ""], - "description": "-ml-4" - }, - "-ml-5": { - "prefix": "-ml-5", - "body": ["margin-left: -1.25rem;", ""], - "description": "-ml-5" - }, - "-ml-6": { - "prefix": "-ml-6", - "body": ["margin-left: -1.5rem;", ""], - "description": "-ml-6" - }, - "-ml-8": { - "prefix": "-ml-8", - "body": ["margin-left: -2rem;", ""], - "description": "-ml-8" - }, - "-ml-10": { - "prefix": "-ml-10", - "body": ["margin-left: -2.5rem;", ""], - "description": "-ml-10" - }, - "-ml-12": { - "prefix": "-ml-12", - "body": ["margin-left: -3rem;", ""], - "description": "-ml-12" - }, - "-ml-16": { - "prefix": "-ml-16", - "body": ["margin-left: -4rem;", ""], - "description": "-ml-16" - }, - "-ml-20": { - "prefix": "-ml-20", - "body": ["margin-left: -5rem;", ""], - "description": "-ml-20" - }, - "-ml-24": { - "prefix": "-ml-24", - "body": ["margin-left: -6rem;", ""], - "description": "-ml-24" - }, - "-ml-32": { - "prefix": "-ml-32", - "body": ["margin-left: -8rem;", ""], - "description": "-ml-32" - }, - "-ml-40": { - "prefix": "-ml-40", - "body": ["margin-left: -10rem;", ""], - "description": "-ml-40" - }, - "-ml-48": { - "prefix": "-ml-48", - "body": ["margin-left: -12rem;", ""], - "description": "-ml-48" - }, - "-ml-56": { - "prefix": "-ml-56", - "body": ["margin-left: -14rem;", ""], - "description": "-ml-56" - }, - "-ml-64": { - "prefix": "-ml-64", - "body": ["margin-left: -16rem;", ""], - "description": "-ml-64" - }, - - "-m-px": { - "prefix": "-m-px", - "body": ["margin: 1px;", ""], - "description": "-m-px" - }, - "-m-1": { - "prefix": "-m-1", - "body": ["margin: 0.25rem;", ""], - "description": "-m-1" - }, - "-m-2": { - "prefix": "-m-2", - "body": ["margin: 0.5rem;", ""], - "description": "-m-2" - }, - "-m-3": { - "prefix": "-m-3", - "body": ["margin: 0.75rem;", ""], - "description": "-m-3" - }, - "-m-4": { - "prefix": "-m-4", - "body": ["margin: 1rem;", ""], - "description": "-m-4" - }, - "-m-5": { - "prefix": "-m-5", - "body": ["margin: 1.25rem;", ""], - "description": "-m-5" - }, - "-m-6": { - "prefix": "-m-6", - "body": ["margin: 1.5rem;", ""], - "description": "-m-6" - }, - "-m-8": { - "prefix": "-m-8", - "body": ["margin: 2rem;", ""], - "description": "-m-8" - }, - "-m-10": { - "prefix": "-m-10", - "body": ["margin: 2.5rem;", ""], - "description": "-m-10" - }, - "-m-12": { - "prefix": "-m-12", - "body": ["margin: 3rem;", ""], - "description": "-m-12" - }, - "-m-16": { - "prefix": "-m-16", - "body": ["margin: 4rem;", ""], - "description": "-m-16" - }, - "-m-20": { - "prefix": "-m-20", - "body": ["margin: 5rem;", ""], - "description": "-m-20" - }, - "-m-24": { - "prefix": "-m-24", - "body": ["margin: 6rem;", ""], - "description": "-m-24" - }, - "-m-32": { - "prefix": "-m-32", - "body": ["margin: 8rem;", ""], - "description": "-m-32" - }, - "-m-40": { - "prefix": "-m-40", - "body": ["margin: 10rem;", ""], - "description": "-m-40" - }, - "-m-48": { - "prefix": "-m-48", - "body": ["margin: 12rem;", ""], - "description": "-m-48" - }, - "-m-56": { - "prefix": "-m-56", - "body": ["margin: 14rem;", ""], - "description": "-m-56" - }, - "-m-64": { - "prefix": "-m-64", - "body": ["margin: 16rem;", ""], - "description": "-m-64" - }, - "my-auto": { - "prefix": "my-auto", - "body": ["margin-top: auto;", "margin-bottom: auto;", ""], - "description": "my-auto" - }, - "mx-auto": { - "prefix": "mx-auto", - "body": ["margin-right: auto;", "margin-left: auto;", ""], - "description": "mx-auto" - }, - "mt-auto": { - "prefix": "mt-auto", - "body": ["margin-top: auto;", ""], - "description": "mt-auto" - }, - "mr-auto": { - "prefix": "mr-auto", - "body": ["margin-right: auto;", ""], - "description": "mr-auto" - }, - "mb-auto": { - "prefix": "mb-auto", - "body": ["margin-bottom: auto;", ""], - "description": "mb-auto" - }, - "ml-auto": { - "prefix": "ml-auto", - "body": ["margin-left: auto;", ""], - "description": "ml-auto" - }, - "m-auto": { - "prefix": "m-auto", - "body": ["margin: auto;", ""], - "description": "m-auto" - } -} diff --git a/snippets/tailwind/spacing/margin.json b/snippets/tailwind/spacing/margin.json new file mode 100644 index 0000000..3219d57 --- /dev/null +++ b/snippets/tailwind/spacing/margin.json @@ -0,0 +1,1345 @@ +{ + "m-0": { + "prefix": "m-0", + "body": ["margin: 0;", ""], + "description": "m-0" + }, + "m-1": { + "prefix": "m-1", + "body": ["margin: 0.25rem;", ""], + "description": "m-1" + }, + "m-2": { + "prefix": "m-2", + "body": ["margin: 0.5rem;", ""], + "description": "m-2" + }, + "m-3": { + "prefix": "m-3", + "body": ["margin: 0.75rem;", ""], + "description": "m-3" + }, + "m-4": { + "prefix": "m-4", + "body": ["margin: 1rem;", ""], + "description": "m-4" + }, + "m-5": { + "prefix": "m-5", + "body": ["margin: 1.25rem;", ""], + "description": "m-5" + }, + "m-6": { + "prefix": "m-6", + "body": ["margin: 1.5rem;", ""], + "description": "m-6" + }, + "m-8": { + "prefix": "m-8", + "body": ["margin: 2rem;", ""], + "description": "m-8" + }, + "m-10": { + "prefix": "m-10", + "body": ["margin: 2.5rem;", ""], + "description": "m-10" + }, + "m-12": { + "prefix": "m-12", + "body": ["margin: 3rem;", ""], + "description": "m-12" + }, + "m-16": { + "prefix": "m-16", + "body": ["margin: 4rem;", ""], + "description": "m-16" + }, + "m-20": { + "prefix": "m-20", + "body": ["margin: 5rem;", ""], + "description": "m-20" + }, + "m-24": { + "prefix": "m-24", + "body": ["margin: 6rem;", ""], + "description": "m-24" + }, + "m-32": { + "prefix": "m-32", + "body": ["margin: 8rem;", ""], + "description": "m-32" + }, + "m-40": { + "prefix": "m-40", + "body": ["margin: 10rem;", ""], + "description": "m-40" + }, + "m-48": { + "prefix": "m-48", + "body": ["margin: 12rem;", ""], + "description": "m-48" + }, + "m-56": { + "prefix": "m-56", + "body": ["margin: 14rem;", ""], + "description": "m-56" + }, + "m-64": { + "prefix": "m-64", + "body": ["margin: 16rem;", ""], + "description": "m-64" + }, + "m-auto": { + "prefix": "m-auto", + "body": ["margin: auto;", ""], + "description": "m-auto" + }, + "m-px": { + "prefix": "m-px", + "body": ["margin: 1px;", ""], + "description": "m-px" + }, + + "-m-1": { + "prefix": "-m-1", + "body": ["margin: -0.25rem;", ""], + "description": "-m-1" + }, + "-m-2": { + "prefix": "-m-2", + "body": ["margin: -0.5rem;", ""], + "description": "-m-2" + }, + "-m-3": { + "prefix": "-m-3", + "body": ["margin: -0.75rem;", ""], + "description": "-m-3" + }, + "-m-4": { + "prefix": "-m-4", + "body": ["margin: -1rem;", ""], + "description": "-m-4" + }, + "-m-5": { + "prefix": "-m-5", + "body": ["margin: -1.25rem;", ""], + "description": "-m-5" + }, + "-m-6": { + "prefix": "-m-6", + "body": ["margin: -1.5rem;", ""], + "description": "-m-6" + }, + "-m-8": { + "prefix": "-m-8", + "body": ["margin: -2rem;", ""], + "description": "-m-8" + }, + "-m-10": { + "prefix": "-m-10", + "body": ["margin: -2.5rem;", ""], + "description": "-m-10" + }, + "-m-12": { + "prefix": "-m-12", + "body": ["margin: -3rem;", ""], + "description": "-m-12" + }, + "-m-16": { + "prefix": "-m-16", + "body": ["margin: -4rem;", ""], + "description": "-m-16" + }, + "-m-20": { + "prefix": "-m-20", + "body": ["margin: -5rem;", ""], + "description": "-m-20" + }, + "-m-24": { + "prefix": "-m-24", + "body": ["margin: -6rem;", ""], + "description": "-m-24" + }, + "-m-32": { + "prefix": "-m-32", + "body": ["margin: -8rem;", ""], + "description": "-m-32" + }, + "-m-40": { + "prefix": "-m-40", + "body": ["margin: -10rem;", ""], + "description": "-m-40" + }, + "-m-48": { + "prefix": "-m-48", + "body": ["margin: -12rem;", ""], + "description": "-m-48" + }, + "-m-56": { + "prefix": "-m-56", + "body": ["margin: -14rem;", ""], + "description": "-m-56" + }, + "-m-64": { + "prefix": "-m-64", + "body": ["margin: -16rem;", ""], + "description": "-m-64" + }, + "-m-px": { + "prefix": "-m-px", + "body": ["margin: -1px;", ""], + "description": "-m-px" + }, + + "mt-0": { + "prefix": "mt-0", + "body": ["margin-top: 0;", ""], + "description": "mt-0" + }, + "mt-1": { + "prefix": "mt-1", + "body": ["margin-top: 0.25rem;", ""], + "description": "mt-1" + }, + "mt-2": { + "prefix": "mt-2", + "body": ["margin-top: 0.5rem;", ""], + "description": "mt-2" + }, + "mt-3": { + "prefix": "mt-3", + "body": ["margin-top: 0.75rem;", ""], + "description": "mt-3" + }, + "mt-4": { + "prefix": "mt-4", + "body": ["margin-top: 1rem;", ""], + "description": "mt-4" + }, + "mt-5": { + "prefix": "mt-5", + "body": ["margin-top: 1.25rem;", ""], + "description": "mt-5" + }, + "mt-6": { + "prefix": "mt-6", + "body": ["margin-top: 1.5rem;", ""], + "description": "mt-6" + }, + "mt-8": { + "prefix": "mt-8", + "body": ["margin-top: 2rem;", ""], + "description": "mt-8" + }, + "mt-10": { + "prefix": "mt-10", + "body": ["margin-top: 2.5rem;", ""], + "description": "mt-10" + }, + "mt-12": { + "prefix": "mt-12", + "body": ["margin-top: 3rem;", ""], + "description": "mt-12" + }, + "mt-16": { + "prefix": "mt-16", + "body": ["margin-top: 4rem;", ""], + "description": "mt-16" + }, + "mt-20": { + "prefix": "mt-20", + "body": ["margin-top: 5rem;", ""], + "description": "mt-20" + }, + "mt-24": { + "prefix": "mt-24", + "body": ["margin-top: 6rem;", ""], + "description": "mt-24" + }, + "mt-32": { + "prefix": "mt-32", + "body": ["margin-top: 8rem;", ""], + "description": "mt-32" + }, + "mt-40": { + "prefix": "mt-40", + "body": ["margin-top: 10rem;", ""], + "description": "mt-40" + }, + "mt-48": { + "prefix": "mt-48", + "body": ["margin-top: 12rem;", ""], + "description": "mt-48" + }, + "mt-56": { + "prefix": "mt-56", + "body": ["margin-top: 14rem;", ""], + "description": "mt-56" + }, + "mt-64": { + "prefix": "mt-64", + "body": ["margin-top: 16rem;", ""], + "description": "mt-64" + }, + "mt-auto": { + "prefix": "mt-auto", + "body": ["margin-top: auto;", ""], + "description": "mt-auto" + }, + "mt-px": { + "prefix": "mt-px", + "body": ["margin-top: 1px;", ""], + "description": "mt-px" + }, + + "-mt-1": { + "prefix": "-mt-1", + "body": ["margin-top: -0.25rem;", ""], + "description": "-mt-1" + }, + "-mt-2": { + "prefix": "-mt-2", + "body": ["margin-top: -0.5rem;", ""], + "description": "-mt-2" + }, + "-mt-3": { + "prefix": "-mt-3", + "body": ["margin-top: -0.75rem;", ""], + "description": "-mt-3" + }, + "-mt-4": { + "prefix": "-mt-4", + "body": ["margin-top: -1rem;", ""], + "description": "-mt-4" + }, + "-mt-5": { + "prefix": "-mt-5", + "body": ["margin-top: -1.25rem;", ""], + "description": "-mt-5" + }, + "-mt-6": { + "prefix": "-mt-6", + "body": ["margin-top: -1.5rem;", ""], + "description": "-mt-6" + }, + "-mt-8": { + "prefix": "-mt-8", + "body": ["margin-top: -2rem;", ""], + "description": "-mt-8" + }, + "-mt-10": { + "prefix": "-mt-10", + "body": ["margin-top: -2.5rem;", ""], + "description": "-mt-10" + }, + "-mt-12": { + "prefix": "-mt-12", + "body": ["margin-top: -3rem;", ""], + "description": "-mt-12" + }, + "-mt-16": { + "prefix": "-mt-16", + "body": ["margin-top: -4rem;", ""], + "description": "-mt-16" + }, + "-mt-20": { + "prefix": "-mt-20", + "body": ["margin-top: -5rem;", ""], + "description": "-mt-20" + }, + "-mt-24": { + "prefix": "-mt-24", + "body": ["margin-top: -6rem;", ""], + "description": "-mt-24" + }, + "-mt-32": { + "prefix": "-mt-32", + "body": ["margin-top: -8rem;", ""], + "description": "-mt-32" + }, + "-mt-40": { + "prefix": "-mt-40", + "body": ["margin-top: -10rem;", ""], + "description": "-mt-40" + }, + "-mt-48": { + "prefix": "-mt-48", + "body": ["margin-top: -12rem;", ""], + "description": "-mt-48" + }, + "-mt-56": { + "prefix": "-mt-56", + "body": ["margin-top: -14rem;", ""], + "description": "-mt-56" + }, + "-mt-64": { + "prefix": "-mt-64", + "body": ["margin-top: -16rem;", ""], + "description": "-mt-64" + }, + "-mt-px": { + "prefix": "-mt-px", + "body": ["margin-top: -1px;", ""], + "description": "-mt-px" + }, + + "mr-0": { + "prefix": "mr-0", + "body": ["margin-right: 0;", ""], + "description": "mr-0" + }, + "mr-1": { + "prefix": "mr-1", + "body": ["margin-right: 0.25rem;", ""], + "description": "mr-1" + }, + "mr-2": { + "prefix": "mr-2", + "body": ["margin-right: 0.5rem;", ""], + "description": "mr-2" + }, + "mr-3": { + "prefix": "mr-3", + "body": ["margin-right: 0.75rem;", ""], + "description": "mr-3" + }, + "mr-4": { + "prefix": "mr-4", + "body": ["margin-right: 1rem;", ""], + "description": "mr-4" + }, + "mr-5": { + "prefix": "mr-5", + "body": ["margin-right: 1.25rem;", ""], + "description": "mr-5" + }, + "mr-6": { + "prefix": "mr-6", + "body": ["margin-right: 1.5rem;", ""], + "description": "mr-6" + }, + "mr-8": { + "prefix": "mr-8", + "body": ["margin-right: 2rem;", ""], + "description": "mr-8" + }, + "mr-10": { + "prefix": "mr-10", + "body": ["margin-right: 2.5rem;", ""], + "description": "mr-10" + }, + "mr-12": { + "prefix": "mr-12", + "body": ["margin-right: 3rem;", ""], + "description": "mr-12" + }, + "mr-16": { + "prefix": "mr-16", + "body": ["margin-right: 4rem;", ""], + "description": "mr-16" + }, + "mr-20": { + "prefix": "mr-20", + "body": ["margin-right: 5rem;", ""], + "description": "mr-20" + }, + "mr-24": { + "prefix": "mr-24", + "body": ["margin-right: 6rem;", ""], + "description": "mr-24" + }, + "mr-32": { + "prefix": "mr-32", + "body": ["margin-right: 8rem;", ""], + "description": "mr-32" + }, + "mr-40": { + "prefix": "mr-40", + "body": ["margin-right: 10rem;", ""], + "description": "mr-40" + }, + "mr-48": { + "prefix": "mr-48", + "body": ["margin-right: 12rem;", ""], + "description": "mr-48" + }, + "mr-56": { + "prefix": "mr-56", + "body": ["margin-right: 14rem;", ""], + "description": "mr-56" + }, + "mr-64": { + "prefix": "mr-64", + "body": ["margin-right: 16rem;", ""], + "description": "mr-64" + }, + "mr-auto": { + "prefix": "mr-auto", + "body": ["margin-right: auto;", ""], + "description": "mr-auto" + }, + "mr-px": { + "prefix": "mr-px", + "body": ["margin-right: 1px;", ""], + "description": "mr-px" + }, + + "-mr-1": { + "prefix": "-mr-1", + "body": ["margin-right: -0.25rem;", ""], + "description": "-mr-1" + }, + "-mr-2": { + "prefix": "-mr-2", + "body": ["margin-right: -0.5rem;", ""], + "description": "-mr-2" + }, + "-mr-3": { + "prefix": "-mr-3", + "body": ["margin-right: -0.75rem;", ""], + "description": "-mr-3" + }, + "-mr-4": { + "prefix": "-mr-4", + "body": ["margin-right: -1rem;", ""], + "description": "-mr-4" + }, + "-mr-5": { + "prefix": "-mr-5", + "body": ["margin-right: -1.25rem;", ""], + "description": "-mr-5" + }, + "-mr-6": { + "prefix": "-mr-6", + "body": ["margin-right: -1.5rem;", ""], + "description": "-mr-6" + }, + "-mr-8": { + "prefix": "-mr-8", + "body": ["margin-right: -2rem;", ""], + "description": "-mr-8" + }, + "-mr-10": { + "prefix": "-mr-10", + "body": ["margin-right: -2.5rem;", ""], + "description": "-mr-10" + }, + "-mr-12": { + "prefix": "-mr-12", + "body": ["margin-right: -3rem;", ""], + "description": "-mr-12" + }, + "-mr-16": { + "prefix": "-mr-16", + "body": ["margin-right: -4rem;", ""], + "description": "-mr-16" + }, + "-mr-20": { + "prefix": "-mr-20", + "body": ["margin-right: -5rem;", ""], + "description": "-mr-20" + }, + "-mr-24": { + "prefix": "-mr-24", + "body": ["margin-right: -6rem;", ""], + "description": "-mr-24" + }, + "-mr-32": { + "prefix": "-mr-32", + "body": ["margin-right: -8rem;", ""], + "description": "-mr-32" + }, + "-mr-40": { + "prefix": "-mr-40", + "body": ["margin-right: -10rem;", ""], + "description": "-mr-40" + }, + "-mr-48": { + "prefix": "-mr-48", + "body": ["margin-right: -12rem;", ""], + "description": "-mr-48" + }, + "-mr-56": { + "prefix": "-mr-56", + "body": ["margin-right: -14rem;", ""], + "description": "-mr-56" + }, + "-mr-64": { + "prefix": "-mr-64", + "body": ["margin-right: -16rem;", ""], + "description": "-mr-64" + }, + "-mr-px": { + "prefix": "-mr-px", + "body": ["margin-right: -1px;", ""], + "description": "-mr-px" + }, + + "mb-0": { + "prefix": "mb-0", + "body": ["margin-bottom: 0;", ""], + "description": "mb-0" + }, + "mb-1": { + "prefix": "mb-1", + "body": ["margin-bottom: 0.25rem;", ""], + "description": "mb-1" + }, + "mb-2": { + "prefix": "mb-2", + "body": ["margin-bottom: 0.5rem;", ""], + "description": "mb-2" + }, + "mb-3": { + "prefix": "mb-3", + "body": ["margin-bottom: 0.75rem;", ""], + "description": "mb-3" + }, + "mb-4": { + "prefix": "mb-4", + "body": ["margin-bottom: 1rem;", ""], + "description": "mb-4" + }, + "mb-5": { + "prefix": "mb-5", + "body": ["margin-bottom: 1.25rem;", ""], + "description": "mb-5" + }, + "mb-6": { + "prefix": "mb-6", + "body": ["margin-bottom: 1.5rem;", ""], + "description": "mb-6" + }, + "mb-8": { + "prefix": "mb-8", + "body": ["margin-bottom: 2rem;", ""], + "description": "mb-8" + }, + "mb-10": { + "prefix": "mb-10", + "body": ["margin-bottom: 2.5rem;", ""], + "description": "mb-10" + }, + "mb-12": { + "prefix": "mb-12", + "body": ["margin-bottom: 3rem;", ""], + "description": "mb-12" + }, + "mb-16": { + "prefix": "mb-16", + "body": ["margin-bottom: 4rem;", ""], + "description": "mb-16" + }, + "mb-20": { + "prefix": "mb-20", + "body": ["margin-bottom: 5rem;", ""], + "description": "mb-20" + }, + "mb-24": { + "prefix": "mb-24", + "body": ["margin-bottom: 6rem;", ""], + "description": "mb-24" + }, + "mb-32": { + "prefix": "mb-32", + "body": ["margin-bottom: 8rem;", ""], + "description": "mb-32" + }, + "mb-40": { + "prefix": "mb-40", + "body": ["margin-bottom: 10rem;", ""], + "description": "mb-40" + }, + "mb-48": { + "prefix": "mb-48", + "body": ["margin-bottom: 12rem;", ""], + "description": "mb-48" + }, + "mb-56": { + "prefix": "mb-56", + "body": ["margin-bottom: 14rem;", ""], + "description": "mb-56" + }, + "mb-64": { + "prefix": "mb-64", + "body": ["margin-bottom: 16rem;", ""], + "description": "mb-64" + }, + "mb-auto": { + "prefix": "mb-auto", + "body": ["margin-bottom: auto;", ""], + "description": "mb-auto" + }, + "mb-px": { + "prefix": "mb-px", + "body": ["margin-bottom: 1px;", ""], + "description": "mb-px" + }, + + "-mb-1": { + "prefix": "-mb-1", + "body": ["margin-bottom: -0.25rem;", ""], + "description": "-mb-1" + }, + "-mb-2": { + "prefix": "-mb-2", + "body": ["margin-bottom: -0.5rem;", ""], + "description": "-mb-2" + }, + "-mb-3": { + "prefix": "-mb-3", + "body": ["margin-bottom: -0.75rem;", ""], + "description": "-mb-3" + }, + "-mb-4": { + "prefix": "-mb-4", + "body": ["margin-bottom: -1rem;", ""], + "description": "-mb-4" + }, + "-mb-5": { + "prefix": "-mb-5", + "body": ["margin-bottom: -1.25rem;", ""], + "description": "-mb-5" + }, + "-mb-6": { + "prefix": "-mb-6", + "body": ["margin-bottom: -1.5rem;", ""], + "description": "-mb-6" + }, + "-mb-8": { + "prefix": "-mb-8", + "body": ["margin-bottom: -2rem;", ""], + "description": "-mb-8" + }, + "-mb-10": { + "prefix": "-mb-10", + "body": ["margin-bottom: -2.5rem;", ""], + "description": "-mb-10" + }, + "-mb-12": { + "prefix": "-mb-12", + "body": ["margin-bottom: -3rem;", ""], + "description": "-mb-12" + }, + "-mb-16": { + "prefix": "-mb-16", + "body": ["margin-bottom: -4rem;", ""], + "description": "-mb-16" + }, + "-mb-20": { + "prefix": "-mb-20", + "body": ["margin-bottom: -5rem;", ""], + "description": "-mb-20" + }, + "-mb-24": { + "prefix": "-mb-24", + "body": ["margin-bottom: -6rem;", ""], + "description": "-mb-24" + }, + "-mb-32": { + "prefix": "-mb-32", + "body": ["margin-bottom: -8rem;", ""], + "description": "-mb-32" + }, + "-mb-40": { + "prefix": "-mb-40", + "body": ["margin-bottom: -10rem;", ""], + "description": "-mb-40" + }, + "-mb-48": { + "prefix": "-mb-48", + "body": ["margin-bottom: -12rem;", ""], + "description": "-mb-48" + }, + "-mb-56": { + "prefix": "-mb-56", + "body": ["margin-bottom: -14rem;", ""], + "description": "-mb-56" + }, + "-mb-64": { + "prefix": "-mb-64", + "body": ["margin-bottom: -16rem;", ""], + "description": "-mb-64" + }, + "-mb-px": { + "prefix": "-mb-px", + "body": ["margin-bottom: -1px;", ""], + "description": "-mb-px" + }, + + "ml-0": { + "prefix": "ml-0", + "body": ["margin-left: 0;", ""], + "description": "ml-0" + }, + "ml-1": { + "prefix": "ml-1", + "body": ["margin-left: 0.25rem;", ""], + "description": "ml-1" + }, + "ml-2": { + "prefix": "ml-2", + "body": ["margin-left: 0.5rem;", ""], + "description": "ml-2" + }, + "ml-3": { + "prefix": "ml-3", + "body": ["margin-left: 0.75rem;", ""], + "description": "ml-3" + }, + "ml-4": { + "prefix": "ml-4", + "body": ["margin-left: 1rem;", ""], + "description": "ml-4" + }, + "ml-5": { + "prefix": "ml-5", + "body": ["margin-left: 1.25rem;", ""], + "description": "ml-5" + }, + "ml-6": { + "prefix": "ml-6", + "body": ["margin-left: 1.5rem;", ""], + "description": "ml-6" + }, + "ml-8": { + "prefix": "ml-8", + "body": ["margin-left: 2rem;", ""], + "description": "ml-8" + }, + "ml-10": { + "prefix": "ml-10", + "body": ["margin-left: 2.5rem;", ""], + "description": "ml-10" + }, + "ml-12": { + "prefix": "ml-12", + "body": ["margin-left: 3rem;", ""], + "description": "ml-12" + }, + "ml-16": { + "prefix": "ml-16", + "body": ["margin-left: 4rem;", ""], + "description": "ml-16" + }, + "ml-20": { + "prefix": "ml-20", + "body": ["margin-left: 5rem;", ""], + "description": "ml-20" + }, + "ml-24": { + "prefix": "ml-24", + "body": ["margin-left: 6rem;", ""], + "description": "ml-24" + }, + "ml-32": { + "prefix": "ml-32", + "body": ["margin-left: 8rem;", ""], + "description": "ml-32" + }, + "ml-40": { + "prefix": "ml-40", + "body": ["margin-left: 10rem;", ""], + "description": "ml-40" + }, + "ml-48": { + "prefix": "ml-48", + "body": ["margin-left: 12rem;", ""], + "description": "ml-48" + }, + "ml-56": { + "prefix": "ml-56", + "body": ["margin-left: 14rem;", ""], + "description": "ml-56" + }, + "ml-64": { + "prefix": "ml-64", + "body": ["margin-left: 16rem;", ""], + "description": "ml-64" + }, + "ml-auto": { + "prefix": "ml-auto", + "body": ["margin-left: auto;", ""], + "description": "ml-auto" + }, + "ml-px": { + "prefix": "ml-px", + "body": ["margin-left: 1px;", ""], + "description": "ml-px" + }, + + "-ml-1": { + "prefix": "-ml-1", + "body": ["margin-left: -0.25rem;", ""], + "description": "-ml-1" + }, + "-ml-2": { + "prefix": "-ml-2", + "body": ["margin-left: -0.5rem;", ""], + "description": "-ml-2" + }, + "-ml-3": { + "prefix": "-ml-3", + "body": ["margin-left: -0.75rem;", ""], + "description": "-ml-3" + }, + "-ml-4": { + "prefix": "-ml-4", + "body": ["margin-left: -1rem;", ""], + "description": "-ml-4" + }, + "-ml-5": { + "prefix": "-ml-5", + "body": ["margin-left: -1.25rem;", ""], + "description": "-ml-5" + }, + "-ml-6": { + "prefix": "-ml-6", + "body": ["margin-left: -1.5rem;", ""], + "description": "-ml-6" + }, + "-ml-8": { + "prefix": "-ml-8", + "body": ["margin-left: -2rem;", ""], + "description": "-ml-8" + }, + "-ml-10": { + "prefix": "-ml-10", + "body": ["margin-left: -2.5rem;", ""], + "description": "-ml-10" + }, + "-ml-12": { + "prefix": "-ml-12", + "body": ["margin-left: -3rem;", ""], + "description": "-ml-12" + }, + "-ml-16": { + "prefix": "-ml-16", + "body": ["margin-left: -4rem;", ""], + "description": "-ml-16" + }, + "-ml-20": { + "prefix": "-ml-20", + "body": ["margin-left: -5rem;", ""], + "description": "-ml-20" + }, + "-ml-24": { + "prefix": "-ml-24", + "body": ["margin-left: -6rem;", ""], + "description": "-ml-24" + }, + "-ml-32": { + "prefix": "-ml-32", + "body": ["margin-left: -8rem;", ""], + "description": "-ml-32" + }, + "-ml-40": { + "prefix": "-ml-40", + "body": ["margin-left: -10rem;", ""], + "description": "-ml-40" + }, + "-ml-48": { + "prefix": "-ml-48", + "body": ["margin-left: -12rem;", ""], + "description": "-ml-48" + }, + "-ml-56": { + "prefix": "-ml-56", + "body": ["margin-left: -14rem;", ""], + "description": "-ml-56" + }, + "-ml-64": { + "prefix": "-ml-64", + "body": ["margin-left: -16rem;", ""], + "description": "-ml-64" + }, + "-ml-px": { + "prefix": "-ml-px", + "body": ["margin-left: -1px;", ""], + "description": "-ml-px" + }, + + "my-0": { + "prefix": "my-0", + "body": ["margin-top: 0;", "margin-bottom: 0;", ""], + "description": "my-0" + }, + "my-1": { + "prefix": "my-1", + "body": ["margin-top: 0.25rem;", "margin-bottom: 0.25rem;", ""], + "description": "my-1" + }, + "my-2": { + "prefix": "my-2", + "body": ["margin-top: 0.5rem;", "margin-bottom: 0.5rem;", ""], + "description": "my-2" + }, + "my-3": { + "prefix": "my-3", + "body": ["margin-top: 0.75rem;", "margin-bottom: 0.75rem;", ""], + "description": "my-3" + }, + "my-4": { + "prefix": "my-4", + "body": ["margin-top: 1rem;", "margin-bottom: 1rem;", ""], + "description": "my-4" + }, + "my-5": { + "prefix": "my-5", + "body": ["margin-top: 1.25rem;", "margin-bottom: 1.25rem;", ""], + "description": "my-5" + }, + "my-6": { + "prefix": "my-6", + "body": ["margin-top: 1.5rem;", "margin-bottom: 1.5rem;", ""], + "description": "my-6" + }, + "my-8": { + "prefix": "my-8", + "body": ["margin-top: 2rem;", "margin-bottom: 2rem;", ""], + "description": "my-8" + }, + "my-10": { + "prefix": "my-10", + "body": ["margin-top: 2.5rem;", "margin-bottom: 2.5rem;", ""], + "description": "my-10" + }, + "my-12": { + "prefix": "my-12", + "body": ["margin-top: 3rem;", "margin-bottom: 3rem;", ""], + "description": "my-12" + }, + "my-16": { + "prefix": "my-16", + "body": ["margin-top: 4rem;", "margin-bottom: 4rem;", ""], + "description": "my-16" + }, + "my-20": { + "prefix": "my-20", + "body": ["margin-top: 5rem;", "margin-bottom: 5rem;", ""], + "description": "my-20" + }, + "my-24": { + "prefix": "my-24", + "body": ["margin-top: 6rem;", "margin-bottom: 6rem;", ""], + "description": "my-24" + }, + "my-32": { + "prefix": "my-32", + "body": ["margin-top: 8rem;", "margin-bottom: 8rem;", ""], + "description": "my-32" + }, + "my-40": { + "prefix": "my-40", + "body": ["margin-top: 10rem;", "margin-bottom: 10rem;", ""], + "description": "my-40" + }, + "my-48": { + "prefix": "my-48", + "body": ["margin-top: 12rem;", "margin-bottom: 12rem;", ""], + "description": "my-48" + }, + "my-56": { + "prefix": "my-56", + "body": ["margin-top: 14rem;", "margin-bottom: 14rem;", ""], + "description": "my-56" + }, + "my-64": { + "prefix": "my-64", + "body": ["margin-top: 16rem;", "margin-bottom: 16rem;", ""], + "description": "my-64" + }, + "my-auto": { + "prefix": "my-auto", + "body": ["margin-top: auto;", "margin-bottom: auto;", ""], + "description": "my-auto" + }, + "my-px": { + "prefix": "my-px", + "body": ["margin-top: 1px;", "margin-bottom: 1px;", ""], + "description": "my-px" + }, + + "-my-1": { + "prefix": "-my-1", + "body": ["margin-top: -0.25rem;", "margin-bottom: -0.25rem;", ""], + "description": "-my-1" + }, + "-my-2": { + "prefix": "-my-2", + "body": ["margin-top: -0.5rem;", "margin-bottom: -0.5rem;", ""], + "description": "-my-2" + }, + "-my-3": { + "prefix": "-my-3", + "body": ["margin-top: -0.75rem;", "margin-bottom: -0.75rem;", ""], + "description": "-my-3" + }, + "-my-4": { + "prefix": "-my-4", + "body": ["margin-top: -1rem;", "margin-bottom: -1rem;", ""], + "description": "-my-4" + }, + "-my-5": { + "prefix": "-my-5", + "body": ["margin-top: -1.25rem;", "margin-bottom: -1.25rem;", ""], + "description": "-my-5" + }, + "-my-6": { + "prefix": "-my-6", + "body": ["margin-top: -1.5rem;", "margin-bottom: -1.5rem;", ""], + "description": "-my-6" + }, + "-my-8": { + "prefix": "-my-8", + "body": ["margin-top: -2rem;", "margin-bottom: -2rem;", ""], + "description": "-my-8" + }, + "-my-10": { + "prefix": "-my-10", + "body": ["margin-top: -2.5rem;", "margin-bottom: -2.5rem;", ""], + "description": "-my-10" + }, + "-my-12": { + "prefix": "-my-12", + "body": ["margin-top: -3rem;", "margin-bottom: -3rem;", ""], + "description": "-my-12" + }, + "-my-16": { + "prefix": "-my-16", + "body": ["margin-top: -4rem;", "margin-bottom: -4rem;", ""], + "description": "-my-16" + }, + "-my-20": { + "prefix": "-my-20", + "body": ["margin-top: -5rem;", "margin-bottom: -5rem;", ""], + "description": "-my-20" + }, + "-my-24": { + "prefix": "-my-24", + "body": ["margin-top: -6rem;", "margin-bottom: -6rem;", ""], + "description": "-my-24" + }, + "-my-32": { + "prefix": "-my-32", + "body": ["margin-top: -8rem;", "margin-bottom: -8rem;", ""], + "description": "-my-32" + }, + "-my-40": { + "prefix": "-my-40", + "body": ["margin-top: -10rem;", "margin-bottom: -10rem;", ""], + "description": "-my-40" + }, + "-my-48": { + "prefix": "-my-48", + "body": ["margin-top: -12rem;", "margin-bottom: -12rem;", ""], + "description": "-my-48" + }, + "-my-56": { + "prefix": "-my-56", + "body": ["margin-top: -14rem;", "margin-bottom: -14rem;", ""], + "description": "-my-56" + }, + "-my-64": { + "prefix": "-my-64", + "body": ["margin-top: -16rem;", "margin-bottom: -16rem;", ""], + "description": "-my-64" + }, + "-my-px": { + "prefix": "-my-px", + "body": ["margin-top: -1px;", "margin-bottom: -1px;", ""], + "description": "-my-px" + }, + + "mx-0": { + "prefix": "mx-0", + "body": ["margin-right: 0;", "margin-left: 0;", ""], + "description": "mx-0" + }, + "mx-1": { + "prefix": "mx-1", + "body": ["margin-right: 0.25rem;", "margin-left: 0.25rem;", ""], + "description": "mx-1" + }, + "mx-2": { + "prefix": "mx-2", + "body": ["margin-right: 0.5rem;", "margin-left: 0.5rem;", ""], + "description": "mx-2" + }, + "mx-3": { + "prefix": "mx-3", + "body": ["margin-right: 0.75rem;", "margin-left: 0.75rem;", ""], + "description": "mx-3" + }, + "mx-4": { + "prefix": "mx-4", + "body": ["margin-right: 1rem;", "margin-left: 1rem;", ""], + "description": "mx-4" + }, + "mx-5": { + "prefix": "mx-5", + "body": ["margin-right: 1.25rem;", "margin-left: 1.25rem;", ""], + "description": "mx-5" + }, + "mx-6": { + "prefix": "mx-6", + "body": ["margin-right: 1.5rem;", "margin-left: 1.5rem;", ""], + "description": "mx-6" + }, + "mx-8": { + "prefix": "mx-8", + "body": ["margin-right: 2rem;", "margin-left: 2rem;", ""], + "description": "mx-8" + }, + "mx-10": { + "prefix": "mx-10", + "body": ["margin-right: 2.5rem;", "margin-left: 2.5rem;", ""], + "description": "mx-10" + }, + "mx-12": { + "prefix": "mx-12", + "body": ["margin-right: 3rem;", "margin-left: 3rem;", ""], + "description": "mx-12" + }, + "mx-16": { + "prefix": "mx-16", + "body": ["margin-right: 4rem;", "margin-left: 4rem;", ""], + "description": "mx-16" + }, + "mx-20": { + "prefix": "mx-20", + "body": ["margin-right: 5rem;", "margin-left: 5rem;", ""], + "description": "mx-20" + }, + "mx-24": { + "prefix": "mx-24", + "body": ["margin-right: 6rem;", "margin-left: 6rem;", ""], + "description": "mx-24" + }, + "mx-32": { + "prefix": "mx-32", + "body": ["margin-right: 8rem;", "margin-left: 8rem;", ""], + "description": "mx-32" + }, + "mx-40": { + "prefix": "mx-40", + "body": ["margin-right: 10rem;", "margin-left: 10rem;", ""], + "description": "mx-40" + }, + "mx-48": { + "prefix": "mx-48", + "body": ["margin-right: 12rem;", "margin-left: 12rem;", ""], + "description": "mx-48" + }, + "mx-56": { + "prefix": "mx-56", + "body": ["margin-right: 14rem;", "margin-left: 14rem;", ""], + "description": "mx-56" + }, + "mx-64": { + "prefix": "mx-64", + "body": ["margin-right: 16rem;", "margin-left: 16rem;", ""], + "description": "mx-64" + }, + "mx-auto": { + "prefix": "mx-auto", + "body": ["margin-right: auto;", "margin-left: auto;", ""], + "description": "mx-auto" + }, + "mx-px": { + "prefix": "mx-px", + "body": ["margin-right: 1px;", "margin-left: 1px;", ""], + "description": "mx-px" + }, + + "-mx-1": { + "prefix": "-mx-1", + "body": ["margin-right: -0.25rem;", "margin-left: -0.25rem;", ""], + "description": "-mx-1" + }, + "-mx-2": { + "prefix": "-mx-2", + "body": ["margin-right: -0.5rem;", "margin-left: -0.5rem;", ""], + "description": "-mx-2" + }, + "-mx-3": { + "prefix": "-mx-3", + "body": ["margin-right: -0.75rem;", "margin-left: -0.75rem;", ""], + "description": "-mx-3" + }, + "-mx-4": { + "prefix": "-mx-4", + "body": ["margin-right: -1rem;", "margin-left: -1rem;", ""], + "description": "-mx-4" + }, + "-mx-5": { + "prefix": "-mx-5", + "body": ["margin-right: -1.25rem;", "margin-left: -1.25rem;", ""], + "description": "-mx-5" + }, + "-mx-6": { + "prefix": "-mx-6", + "body": ["margin-right: -1.5rem;", "margin-left: -1.5rem;", ""], + "description": "-mx-6" + }, + "-mx-8": { + "prefix": "-mx-8", + "body": ["margin-right: -2rem;", "margin-left: -2rem;", ""], + "description": "-mx-8" + }, + "-mx-10": { + "prefix": "-mx-10", + "body": ["margin-right: -2.5rem;", "margin-left: -2.5rem;", ""], + "description": "-mx-10" + }, + "-mx-12": { + "prefix": "-mx-12", + "body": ["margin-right: -3rem;", "margin-left: -3rem;", ""], + "description": "-mx-12" + }, + "-mx-16": { + "prefix": "-mx-16", + "body": ["margin-right: -4rem;", "margin-left: -4rem;", ""], + "description": "-mx-16" + }, + "-mx-20": { + "prefix": "-mx-20", + "body": ["margin-right: -5rem;", "margin-left: -5rem;", ""], + "description": "-mx-20" + }, + "-mx-24": { + "prefix": "-mx-24", + "body": ["margin-right: -6rem;", "margin-left: -6rem;", ""], + "description": "-mx-24" + }, + "-mx-32": { + "prefix": "-mx-32", + "body": ["margin-right: -8rem;", "margin-left: -8rem;", ""], + "description": "-mx-32" + }, + "-mx-40": { + "prefix": "-mx-40", + "body": ["margin-right: -10rem;", "margin-left: -10rem;", ""], + "description": "-mx-40" + }, + "-mx-48": { + "prefix": "-mx-48", + "body": ["margin-right: -12rem;", "margin-left: -12rem;", ""], + "description": "-mx-48" + }, + "-mx-56": { + "prefix": "-mx-56", + "body": ["margin-right: -14rem;", "margin-left: -14rem;", ""], + "description": "-mx-56" + }, + "-mx-64": { + "prefix": "-mx-64", + "body": ["margin-right: -16rem;", "margin-left: -16rem;", ""], + "description": "-mx-64" + }, + "-mx-px": { + "prefix": "-mx-px", + "body": ["margin-right: -1px;", "margin-left: -1px;", ""], + "description": "-mx-px" + } +} diff --git a/snippets/tailwind/spacing/padding.json b/snippets/tailwind/spacing/padding.json new file mode 100644 index 0000000..fa03061 --- /dev/null +++ b/snippets/tailwind/spacing/padding.json @@ -0,0 +1,673 @@ +{ + "p-0": { + "prefix": "p-0", + "body": ["padding: 0;", ""], + "description": "p-0" + }, + "p-1": { + "prefix": "p-1", + "body": ["padding: 0.25rem;", ""], + "description": "p-1" + }, + "p-2": { + "prefix": "p-2", + "body": ["padding: 0.5rem;", ""], + "description": "p-2" + }, + "p-3": { + "prefix": "p-3", + "body": ["padding: 0.75rem;", ""], + "description": "p-3" + }, + "p-4": { + "prefix": "p-4", + "body": ["padding: 1rem;", ""], + "description": "p-4" + }, + "p-5": { + "prefix": "p-5", + "body": ["padding: 1.25rem;", ""], + "description": "p-5" + }, + "p-6": { + "prefix": "p-6", + "body": ["padding: 1.5rem;", ""], + "description": "p-6" + }, + "p-8": { + "prefix": "p-8", + "body": ["padding: 2rem;", ""], + "description": "p-8" + }, + "p-10": { + "prefix": "p-10", + "body": ["padding: 2.5rem;", ""], + "description": "p-10" + }, + "p-12": { + "prefix": "p-12", + "body": ["padding: 3rem;", ""], + "description": "p-12" + }, + "p-16": { + "prefix": "p-16", + "body": ["padding: 4rem;", ""], + "description": "p-16" + }, + "p-20": { + "prefix": "p-20", + "body": ["padding: 5rem;", ""], + "description": "p-20" + }, + "p-24": { + "prefix": "p-24", + "body": ["padding: 6rem;", ""], + "description": "p-24" + }, + "p-32": { + "prefix": "p-32", + "body": ["padding: 8rem;", ""], + "description": "p-32" + }, + "p-40": { + "prefix": "p-40", + "body": ["padding: 10rem;", ""], + "description": "p-40" + }, + "p-48": { + "prefix": "p-48", + "body": ["padding: 12rem;", ""], + "description": "p-48" + }, + "p-56": { + "prefix": "p-56", + "body": ["padding: 14rem;", ""], + "description": "p-56" + }, + "p-64": { + "prefix": "p-64", + "body": ["padding: 16rem;", ""], + "description": "p-64" + }, + "p-px": { + "prefix": "p-px", + "body": ["padding: 1px;", ""], + "description": "p-px" + }, + + "pr-0": { + "prefix": "pr-0", + "body": ["padding-right: 0;", ""], + "description": "pr-0" + }, + "pr-1": { + "prefix": "pr-1", + "body": ["padding-right: 0.25rem;", ""], + "description": "pr-1" + }, + "pr-2": { + "prefix": "pr-2", + "body": ["padding-right: 0.5rem;", ""], + "description": "pr-2" + }, + "pr-3": { + "prefix": "pr-3", + "body": ["padding-right: 0.75rem;", ""], + "description": "pr-3" + }, + "pr-4": { + "prefix": "pr-4", + "body": ["padding-right: 1rem;", ""], + "description": "pr-4" + }, + "pr-5": { + "prefix": "pr-5", + "body": ["padding-right: 1.25rem;", ""], + "description": "pr-5" + }, + "pr-6": { + "prefix": "pr-6", + "body": ["padding-right: 1.5rem;", ""], + "description": "pr-6" + }, + "pr-8": { + "prefix": "pr-8", + "body": ["padding-right: 2rem;", ""], + "description": "pr-8" + }, + "pr-10": { + "prefix": "pr-10", + "body": ["padding-right: 2.5rem;", ""], + "description": "pr-10" + }, + "pr-12": { + "prefix": "pr-12", + "body": ["padding-right: 3rem;", ""], + "description": "pr-12" + }, + "pr-16": { + "prefix": "pr-16", + "body": ["padding-right: 4rem;", ""], + "description": "pr-16" + }, + "pr-20": { + "prefix": "pr-20", + "body": ["padding-right: 5rem;", ""], + "description": "pr-20" + }, + "pr-24": { + "prefix": "pr-24", + "body": ["padding-right: 6rem;", ""], + "description": "pr-24" + }, + "pr-32": { + "prefix": "pr-32", + "body": ["padding-right: 8rem;", ""], + "description": "pr-32" + }, + "pr-40": { + "prefix": "pr-40", + "body": ["padding-right: 10rem;", ""], + "description": "pr-40" + }, + "pr-48": { + "prefix": "pr-48", + "body": ["padding-right: 12rem;", ""], + "description": "pr-48" + }, + "pr-56": { + "prefix": "pr-56", + "body": ["padding-right: 14rem;", ""], + "description": "pr-56" + }, + "pr-64": { + "prefix": "pr-64", + "body": ["padding-right: 16rem;", ""], + "description": "pr-64" + }, + "pr-px": { + "prefix": "pr-px", + "body": ["padding-right: 1px;", ""], + "description": "pr-px" + }, + + "pb-0": { + "prefix": "pb-0", + "body": ["padding-bottom: 0;", ""], + "description": "pb-0" + }, + "pb-1": { + "prefix": "pb-1", + "body": ["padding-bottom: 0.25rem;", ""], + "description": "pb-1" + }, + "pb-2": { + "prefix": "pb-2", + "body": ["padding-bottom: 0.5rem;", ""], + "description": "pb-2" + }, + "pb-3": { + "prefix": "pb-3", + "body": ["padding-bottom: 0.75rem;", ""], + "description": "pb-3" + }, + "pb-4": { + "prefix": "pb-4", + "body": ["padding-bottom: 1rem;", ""], + "description": "pb-4" + }, + "pb-5": { + "prefix": "pb-5", + "body": ["padding-bottom: 1.25rem;", ""], + "description": "pb-5" + }, + "pb-6": { + "prefix": "pb-6", + "body": ["padding-bottom: 1.5rem;", ""], + "description": "pb-6" + }, + "pb-8": { + "prefix": "pb-8", + "body": ["padding-bottom: 2rem;", ""], + "description": "pb-8" + }, + "pb-10": { + "prefix": "pb-10", + "body": ["padding-bottom: 2.5rem;", ""], + "description": "pb-10" + }, + "pb-12": { + "prefix": "pb-12", + "body": ["padding-bottom: 3rem;", ""], + "description": "pb-12" + }, + "pb-16": { + "prefix": "pb-16", + "body": ["padding-bottom: 4rem;", ""], + "description": "pb-16" + }, + "pb-20": { + "prefix": "pb-20", + "body": ["padding-bottom: 5rem;", ""], + "description": "pb-20" + }, + "pb-24": { + "prefix": "pb-24", + "body": ["padding-bottom: 6rem;", ""], + "description": "pb-24" + }, + "pb-32": { + "prefix": "pb-32", + "body": ["padding-bottom: 8rem;", ""], + "description": "pb-32" + }, + "pb-40": { + "prefix": "pb-40", + "body": ["padding-bottom: 10rem;", ""], + "description": "pb-40" + }, + "pb-48": { + "prefix": "pb-48", + "body": ["padding-bottom: 12rem;", ""], + "description": "pb-48" + }, + "pb-56": { + "prefix": "pb-56", + "body": ["padding-bottom: 14rem;", ""], + "description": "pb-56" + }, + "pb-64": { + "prefix": "pb-64", + "body": ["padding-bottom: 16rem;", ""], + "description": "pb-64" + }, + "pb-px": { + "prefix": "pb-px", + "body": ["padding-bottom: 1px;", ""], + "description": "pb-px" + }, + + "pt-0": { + "prefix": "pt-0", + "body": ["padding-top: 0;", ""], + "description": "pt-0" + }, + "pt-1": { + "prefix": "pt-1", + "body": ["padding-top: 0.25rem;", ""], + "description": "pt-1" + }, + "pt-2": { + "prefix": "pt-2", + "body": ["padding-top: 0.5rem;", ""], + "description": "pt-2" + }, + "pt-3": { + "prefix": "pt-3", + "body": ["padding-top: 0.75rem;", ""], + "description": "pt-3" + }, + "pt-4": { + "prefix": "pt-4", + "body": ["padding-top: 1rem;", ""], + "description": "pt-4" + }, + "pt-5": { + "prefix": "pt-5", + "body": ["padding-top: 1.25rem;", ""], + "description": "pt-5" + }, + "pt-6": { + "prefix": "pt-6", + "body": ["padding-top: 1.5rem;", ""], + "description": "pt-6" + }, + "pt-8": { + "prefix": "pt-8", + "body": ["padding-top: 2rem;", ""], + "description": "pt-8" + }, + "pt-10": { + "prefix": "pt-10", + "body": ["padding-top: 2.5rem;", ""], + "description": "pt-10" + }, + "pt-12": { + "prefix": "pt-12", + "body": ["padding-top: 3rem;", ""], + "description": "pt-12" + }, + "pt-16": { + "prefix": "pt-16", + "body": ["padding-top: 4rem;", ""], + "description": "pt-16" + }, + "pt-20": { + "prefix": "pt-20", + "body": ["padding-top: 5rem;", ""], + "description": "pt-20" + }, + "pt-24": { + "prefix": "pt-24", + "body": ["padding-top: 6rem;", ""], + "description": "pt-24" + }, + "pt-32": { + "prefix": "pt-32", + "body": ["padding-top: 8rem;", ""], + "description": "pt-32" + }, + "pt-40": { + "prefix": "pt-40", + "body": ["padding-top: 10rem;", ""], + "description": "pt-40" + }, + "pt-48": { + "prefix": "pt-48", + "body": ["padding-top: 12rem;", ""], + "description": "pt-48" + }, + "pt-56": { + "prefix": "pt-56", + "body": ["padding-top: 14rem;", ""], + "description": "pt-56" + }, + "pt-64": { + "prefix": "pt-64", + "body": ["padding-top: 16rem;", ""], + "description": "pt-64" + }, + "pt-px": { + "prefix": "pt-px", + "body": ["padding-top: 1px;", ""], + "description": "pt-px" + }, + + "pl-0": { + "prefix": "pl-0", + "body": ["padding-left: 0;", ""], + "description": "pl-0" + }, + "pl-1": { + "prefix": "pl-1", + "body": ["padding-left: 0.25rem;", ""], + "description": "pl-1" + }, + "pl-2": { + "prefix": "pl-2", + "body": ["padding-left: 0.5rem;", ""], + "description": "pl-2" + }, + "pl-3": { + "prefix": "pl-3", + "body": ["padding-left: 0.75rem;", ""], + "description": "pl-3" + }, + "pl-4": { + "prefix": "pl-4", + "body": ["padding-left: 1rem;", ""], + "description": "pl-4" + }, + "pl-5": { + "prefix": "pl-5", + "body": ["padding-left: 1.25rem;", ""], + "description": "pl-5" + }, + "pl-6": { + "prefix": "pl-6", + "body": ["padding-left: 1.5rem;", ""], + "description": "pl-6" + }, + "pl-8": { + "prefix": "pl-8", + "body": ["padding-left: 2rem;", ""], + "description": "pl-8" + }, + "pl-10": { + "prefix": "pl-10", + "body": ["padding-left: 2.5rem;", ""], + "description": "pl-10" + }, + "pl-12": { + "prefix": "pl-12", + "body": ["padding-left: 3rem;", ""], + "description": "pl-12" + }, + "pl-16": { + "prefix": "pl-16", + "body": ["padding-left: 4rem;", ""], + "description": "pl-16" + }, + "pl-20": { + "prefix": "pl-20", + "body": ["padding-left: 5rem;", ""], + "description": "pl-20" + }, + "pl-24": { + "prefix": "pl-24", + "body": ["padding-left: 6rem;", ""], + "description": "pl-24" + }, + "pl-32": { + "prefix": "pl-32", + "body": ["padding-left: 8rem;", ""], + "description": "pl-32" + }, + "pl-40": { + "prefix": "pl-40", + "body": ["padding-left: 10rem;", ""], + "description": "pl-40" + }, + "pl-48": { + "prefix": "pl-48", + "body": ["padding-left: 12rem;", ""], + "description": "pl-48" + }, + "pl-56": { + "prefix": "pl-56", + "body": ["padding-left: 14rem;", ""], + "description": "pl-56" + }, + "pl-64": { + "prefix": "pl-64", + "body": ["padding-left: 16rem;", ""], + "description": "pl-64" + }, + "pl-px": { + "prefix": "pl-px", + "body": ["padding-left: 1px;", ""], + "description": "pl-px" + }, + + "py-0": { + "prefix": "py-0", + "body": ["padding-top: 0;", "padding-bottom: 0;", ""], + "description": "py-0" + }, + "py-1": { + "prefix": "py-1", + "body": ["padding-top: 0.25rem;", "padding-bottom: 0.25rem;", ""], + "description": "py-1" + }, + "py-2": { + "prefix": "py-2", + "body": ["padding-top: 0.5rem;", "padding-bottom: 0.5rem;", ""], + "description": "py-2" + }, + "py-3": { + "prefix": "py-3", + "body": ["padding-top: 0.75rem;", "padding-bottom: 0.75rem;", ""], + "description": "py-3" + }, + "py-4": { + "prefix": "py-4", + "body": ["padding-top: 1rem;", "padding-bottom: 1rem;", ""], + "description": "py-4" + }, + "py-5": { + "prefix": "py-5", + "body": ["padding-top: 1.25rem;", "padding-bottom: 1.25rem;", ""], + "description": "py-5" + }, + "py-6": { + "prefix": "py-6", + "body": ["padding-top: 1.5rem;", "padding-bottom: 1.5rem;", ""], + "description": "py-6" + }, + "py-8": { + "prefix": "py-8", + "body": ["padding-top: 2rem;", "padding-bottom: 2rem;", ""], + "description": "py-8" + }, + "py-10": { + "prefix": "py-10", + "body": ["padding-top: 2.5rem;", "padding-bottom: 2.5rem;", ""], + "description": "py-10" + }, + "py-12": { + "prefix": "py-12", + "body": ["padding-top: 3rem;", "padding-bottom: 3rem;", ""], + "description": "py-12" + }, + "py-16": { + "prefix": "py-16", + "body": ["padding-top: 4rem;", "padding-bottom: 4rem;", ""], + "description": "py-16" + }, + "py-20": { + "prefix": "py-20", + "body": ["padding-top: 5rem;", "padding-bottom: 5rem;", ""], + "description": "py-20" + }, + "py-24": { + "prefix": "py-24", + "body": ["padding-top: 6rem;", "padding-bottom: 6rem;", ""], + "description": "py-24" + }, + "py-32": { + "prefix": "py-32", + "body": ["padding-top: 8rem;", "padding-bottom: 8rem;", ""], + "description": "py-32" + }, + "py-40": { + "prefix": "py-40", + "body": ["padding-top: 10rem;", "padding-bottom: 10rem;", ""], + "description": "py-40" + }, + "py-48": { + "prefix": "py-48", + "body": ["padding-top: 12rem;", "padding-bottom: 12rem;", ""], + "description": "py-48" + }, + "py-56": { + "prefix": "py-56", + "body": ["padding-top: 14rem;", "padding-bottom: 14rem;", ""], + "description": "py-56" + }, + "py-64": { + "prefix": "py-64", + "body": ["padding-top: 16rem;", "padding-bottom: 16rem;", ""], + "description": "py-64" + }, + "py-px": { + "prefix": "py-px", + "body": ["padding-top: 1px;", "padding-bottom: 1px;", ""], + "description": "py-px" + }, + + "px-0": { + "prefix": "px-0", + "body": ["padding-right: 0;", "padding-left: 0;", ""], + "description": "px-0" + }, + "px-1": { + "prefix": "px-1", + "body": ["padding-right: 0.25rem;", "padding-left: 0.25rem;", ""], + "description": "px-1" + }, + "px-2": { + "prefix": "px-2", + "body": ["padding-right: 0.5rem;", "padding-left: 0.5rem;", ""], + "description": "px-2" + }, + "px-3": { + "prefix": "px-3", + "body": ["padding-right: 0.75rem;", "padding-left: 0.75rem;", ""], + "description": "px-3" + }, + "px-4": { + "prefix": "px-4", + "body": ["padding-right: 1rem;", "padding-left: 1rem;", ""], + "description": "px-4" + }, + "px-5": { + "prefix": "px-5", + "body": ["padding-right: 1.25rem;", "padding-left: 1.25rem;", ""], + "description": "px-5" + }, + "px-6": { + "prefix": "px-6", + "body": ["padding-right: 1.5rem;", "padding-left: 1.5rem;", ""], + "description": "px-6" + }, + "px-8": { + "prefix": "px-8", + "body": ["padding-right: 2rem;", "padding-left: 2rem;", ""], + "description": "px-8" + }, + "px-10": { + "prefix": "px-10", + "body": ["padding-right: 2.5rem;", "padding-left: 2.5rem;", ""], + "description": "px-10" + }, + "px-12": { + "prefix": "px-12", + "body": ["padding-right: 3rem;", "padding-left: 3rem;", ""], + "description": "px-12" + }, + "px-16": { + "prefix": "px-16", + "body": ["padding-right: 4rem;", "padding-left: 4rem;", ""], + "description": "px-16" + }, + "px-20": { + "prefix": "px-20", + "body": ["padding-right: 5rem;", "padding-left: 5rem;", ""], + "description": "px-20" + }, + "px-24": { + "prefix": "px-24", + "body": ["padding-right: 6rem;", "padding-left: 6rem;", ""], + "description": "px-24" + }, + "px-32": { + "prefix": "px-32", + "body": ["padding-right: 8rem;", "padding-left: 8rem;", ""], + "description": "px-32" + }, + "px-40": { + "prefix": "px-40", + "body": ["padding-right: 10rem;", "padding-left: 10rem;", ""], + "description": "px-40" + }, + "px-48": { + "prefix": "px-48", + "body": ["padding-right: 12rem;", "padding-left: 12rem;", ""], + "description": "px-48" + }, + "px-56": { + "prefix": "px-56", + "body": ["padding-right: 14rem;", "padding-left: 14rem;", ""], + "description": "px-56" + }, + "px-64": { + "prefix": "px-64", + "body": ["padding-right: 16rem;", "padding-left: 16rem;", ""], + "description": "px-64" + }, + "px-px": { + "prefix": "px-px", + "body": ["padding-right: 1px;", "padding-left: 1px;", ""], + "description": "px-px" + } +} diff --git a/snippets/tailwind/spacing/space-between.json b/snippets/tailwind/spacing/space-between.json new file mode 100644 index 0000000..6565660 --- /dev/null +++ b/snippets/tailwind/spacing/space-between.json @@ -0,0 +1,1625 @@ +{ + "space-x-0": { + "prefix": "space-x-0", + "body": [".${1:classname} > * + * {", " margin-left: 0;", "}", "", "${0}"], + "description": "space-x-0" + }, + "space-x-1": { + "prefix": "space-x-1", + "body": [ + ".${1:classname} > * + * {", + " margin-left: 0.25rem;", + "}", + "", + "${0}" + ], + "description": "space-x-1" + }, + "space-x-2": { + "prefix": "space-x-2", + "body": [ + ".${1:classname} > * + * {", + " margin-left: 0.5rem;", + "}", + "", + "${0}" + ], + "description": "space-x-2" + }, + "space-x-3": { + "prefix": "space-x-3", + "body": [ + ".${1:classname} > * + * {", + " margin-left: 0.75rem;", + "}", + "", + "${0}" + ], + "description": "space-x-3" + }, + "space-x-4": { + "prefix": "space-x-4", + "body": [ + ".${1:classname} > * + * {", + " margin-left: 1rem;", + "}", + "", + "${0}" + ], + "description": "space-x-4" + }, + "space-x-5": { + "prefix": "space-x-5", + "body": [ + ".${1:classname} > * + * {", + " margin-left: 1.25rem;", + "}", + "", + "${0}" + ], + "description": "space-x-5" + }, + "space-x-6": { + "prefix": "space-x-6", + "body": [ + ".${1:classname} > * + * {", + " margin-left: 1.5rem;", + "}", + "", + "${0}" + ], + "description": "space-x-6" + }, + "space-x-8": { + "prefix": "space-x-8", + "body": [ + ".${1:classname} > * + * {", + " margin-left: 2rem;", + "}", + "", + "${0}" + ], + "description": "space-x-8" + }, + "space-x-10": { + "prefix": "space-x-10", + "body": [ + ".${1:classname} > * + * {", + " margin-left: 2.5rem;", + "}", + "", + "${0}" + ], + "description": "space-x-10" + }, + "space-x-12": { + "prefix": "space-x-12", + "body": [ + ".${1:classname} > * + * {", + " margin-left: 3rem;", + "}", + "", + "${0}" + ], + "description": "space-x-12" + }, + "space-x-16": { + "prefix": "space-x-16", + "body": [ + ".${1:classname} > * + * {", + " margin-left: 4rem;", + "}", + "", + "${0}" + ], + "description": "space-x-16" + }, + "space-x-20": { + "prefix": "space-x-20", + "body": [ + ".${1:classname} > * + * {", + " margin-left: 5rem;", + "}", + "", + "${0}" + ], + "description": "space-x-20" + }, + "space-x-24": { + "prefix": "space-x-24", + "body": [ + ".${1:classname} > * + * {", + " margin-left: 6rem;", + "}", + "", + "${0}" + ], + "description": "space-x-24" + }, + "space-x-32": { + "prefix": "space-x-32", + "body": [ + ".${1:classname} > * + * {", + " margin-left: 8rem;", + "}", + "", + "${0}" + ], + "description": "space-x-32" + }, + "space-x-40": { + "prefix": "space-x-40", + "body": [ + ".${1:classname} > * + * {", + " margin-left: 10rem;", + "}", + "", + "${0}" + ], + "description": "space-x-40" + }, + "space-x-48": { + "prefix": "space-x-48", + "body": [ + ".${1:classname} > * + * {", + " margin-left: 12rem;", + "}", + "", + "${0}" + ], + "description": "space-x-48" + }, + "space-x-56": { + "prefix": "space-x-56", + "body": [ + ".${1:classname} > * + * {", + " margin-left: 14rem;", + "}", + "", + "${0}" + ], + "description": "space-x-56" + }, + "space-x-64": { + "prefix": "space-x-64", + "body": [ + ".${1:classname} > * + * {", + " margin-left: 16rem;", + "}", + "", + "${0}" + ], + "description": "space-x-64" + }, + "space-x-px": { + "prefix": "space-x-px", + "body": [ + ".${1:classname} > * + * {", + " margin-left: 1px;", + "}", + "", + "${0}" + ], + "description": "space-x-px" + }, + + "-space-x-1": { + "prefix": "-space-x-1", + "body": [ + ".${1:classname} > * + * {", + " margin-left: -0.25rem;", + "}", + "", + "${0}" + ], + "description": "-space-x-1" + }, + "-space-x-2": { + "prefix": "-space-x-2", + "body": [ + ".${1:classname} > * + * {", + " margin-left: -0.5rem;", + "}", + "", + "${0}" + ], + "description": "-space-x-2" + }, + "-space-x-3": { + "prefix": "-space-x-3", + "body": [ + ".${1:classname} > * + * {", + " margin-left: -0.75rem;", + "}", + "", + "${0}" + ], + "description": "-space-x-3" + }, + "-space-x-4": { + "prefix": "-space-x-4", + "body": [ + ".${1:classname} > * + * {", + " margin-left: -1rem;", + "}", + "", + "${0}" + ], + "description": "-space-x-4" + }, + "-space-x-5": { + "prefix": "-space-x-5", + "body": [ + ".${1:classname} > * + * {", + " margin-left: -1.25rem;", + "}", + "", + "${0}" + ], + "description": "-space-x-5" + }, + "-space-x-6": { + "prefix": "-space-x-6", + "body": [ + ".${1:classname} > * + * {", + " margin-left: -1.5rem;", + "}", + "", + "${0}" + ], + "description": "-space-x-6" + }, + "-space-x-8": { + "prefix": "-space-x-8", + "body": [ + ".${1:classname} > * + * {", + " margin-left: -2rem;", + "}", + "", + "${0}" + ], + "description": "-space-x-8" + }, + "-space-x-10": { + "prefix": "-space-x-10", + "body": [ + ".${1:classname} > * + * {", + " margin-left: -2.5rem;", + "}", + "", + "${0}" + ], + "description": "-space-x-10" + }, + "-space-x-12": { + "prefix": "-space-x-12", + "body": [ + ".${1:classname} > * + * {", + " margin-left: -3rem;", + "}", + "", + "${0}" + ], + "description": "-space-x-12" + }, + "-space-x-16": { + "prefix": "-space-x-16", + "body": [ + ".${1:classname} > * + * {", + " margin-left: -4rem;", + "}", + "", + "${0}" + ], + "description": "-space-x-16" + }, + "-space-x-20": { + "prefix": "-space-x-20", + "body": [ + ".${1:classname} > * + * {", + " margin-left: -5rem;", + "}", + "", + "${0}" + ], + "description": "-space-x-20" + }, + "-space-x-24": { + "prefix": "-space-x-24", + "body": [ + ".${1:classname} > * + * {", + " margin-left: -6rem;", + "}", + "", + "${0}" + ], + "description": "-space-x-24" + }, + "-space-x-32": { + "prefix": "-space-x-32", + "body": [ + ".${1:classname} > * + * {", + " margin-left: -8rem;", + "}", + "", + "${0}" + ], + "description": "-space-x-32" + }, + "-space-x-40": { + "prefix": "-space-x-40", + "body": [ + ".${1:classname} > * + * {", + " margin-left: -10rem;", + "}", + "", + "${0}" + ], + "description": "-space-x-40" + }, + "-space-x-48": { + "prefix": "-space-x-48", + "body": [ + ".${1:classname} > * + * {", + " margin-left: -12rem;", + "}", + "", + "${0}" + ], + "description": "-space-x-48" + }, + "-space-x-56": { + "prefix": "-space-x-56", + "body": [ + ".${1:classname} > * + * {", + " margin-left: -14rem;", + "}", + "", + "${0}" + ], + "description": "-space-x-56" + }, + "-space-x-64": { + "prefix": "-space-x-64", + "body": [ + ".${1:classname} > * + * {", + " margin-left: -16rem;", + "}", + "", + "${0}" + ], + "description": "-space-x-64" + }, + "-space-x-px": { + "prefix": "-space-x-px", + "body": [ + ".${1:classname} > * + * {", + " margin-left: -1px;", + "}", + "", + "${0}" + ], + "description": "-space-x-px" + }, + + "space-y-0": { + "prefix": "space-y-0", + "body": [".${1:classname} > * + * {", " margin-top: 0;", "}", "", "${0}"], + "description": "space-y-0" + }, + "space-y-1": { + "prefix": "space-y-1", + "body": [ + ".${1:classname} > * + * {", + " margin-top: 0.25rem;", + "}", + "", + "${0}" + ], + "description": "space-y-1" + }, + "space-y-2": { + "prefix": "space-y-2", + "body": [ + ".${1:classname} > * + * {", + " margin-top: 0.5rem;", + "}", + "", + "${0}" + ], + "description": "space-y-2" + }, + "space-y-3": { + "prefix": "space-y-3", + "body": [ + ".${1:classname} > * + * {", + " margin-top: 0.75rem;", + "}", + "", + "${0}" + ], + "description": "space-y-3" + }, + "space-y-4": { + "prefix": "space-y-4", + "body": [ + ".${1:classname} > * + * {", + " margin-top: 1rem;", + "}", + "", + "${0}" + ], + "description": "space-y-4" + }, + "space-y-5": { + "prefix": "space-y-5", + "body": [ + ".${1:classname} > * + * {", + " margin-top: 1.25rem;", + "}", + "", + "${0}" + ], + "description": "space-y-5" + }, + "space-y-6": { + "prefix": "space-y-6", + "body": [ + ".${1:classname} > * + * {", + " margin-top: 1.5rem;", + "}", + "", + "${0}" + ], + "description": "space-y-6" + }, + "space-y-8": { + "prefix": "space-y-8", + "body": [ + ".${1:classname} > * + * {", + " margin-top: 2rem;", + "}", + "", + "${0}" + ], + "description": "space-y-8" + }, + "space-y-10": { + "prefix": "space-y-10", + "body": [ + ".${1:classname} > * + * {", + " margin-top: 2.5rem;", + "}", + "", + "${0}" + ], + "description": "space-y-10" + }, + "space-y-12": { + "prefix": "space-y-12", + "body": [ + ".${1:classname} > * + * {", + " margin-top: 3rem;", + "}", + "", + "${0}" + ], + "description": "space-y-12" + }, + "space-y-16": { + "prefix": "space-y-16", + "body": [ + ".${1:classname} > * + * {", + " margin-top: 4rem;", + "}", + "", + "${0}" + ], + "description": "space-y-16" + }, + "space-y-20": { + "prefix": "space-y-20", + "body": [ + ".${1:classname} > * + * {", + " margin-top: 5rem;", + "}", + "", + "${0}" + ], + "description": "space-y-20" + }, + "space-y-24": { + "prefix": "space-y-24", + "body": [ + ".${1:classname} > * + * {", + " margin-top: 6rem;", + "}", + "", + "${0}" + ], + "description": "space-y-24" + }, + "space-y-32": { + "prefix": "space-y-32", + "body": [ + ".${1:classname} > * + * {", + " margin-top: 8rem;", + "}", + "", + "${0}" + ], + "description": "space-y-32" + }, + "space-y-40": { + "prefix": "space-y-40", + "body": [ + ".${1:classname} > * + * {", + " margin-top: 10rem;", + "}", + "", + "${0}" + ], + "description": "space-y-40" + }, + "space-y-48": { + "prefix": "space-y-48", + "body": [ + ".${1:classname} > * + * {", + " margin-top: 12rem;", + "}", + "", + "${0}" + ], + "description": "space-y-48" + }, + "space-y-56": { + "prefix": "space-y-56", + "body": [ + ".${1:classname} > * + * {", + " margin-top: 14rem;", + "}", + "", + "${0}" + ], + "description": "space-y-56" + }, + "space-y-64": { + "prefix": "space-y-64", + "body": [ + ".${1:classname} > * + * {", + " margin-top: 16rem;", + "}", + "", + "${0}" + ], + "description": "space-y-64" + }, + "space-y-px": { + "prefix": "space-y-px", + "body": [ + ".${1:classname} > * + * {", + " margin-top: 1px;", + "}", + "", + "${0}" + ], + "description": "space-y-px" + }, + + "-space-y-1": { + "prefix": "-space-y-1", + "body": [ + ".${1:classname} > * + * {", + " margin-top: -0.25rem;", + "}", + "", + "${0}" + ], + "description": "-space-y-1" + }, + "-space-y-2": { + "prefix": "-space-y-2", + "body": [ + ".${1:classname} > * + * {", + " margin-top: -0.5rem;", + "}", + "", + "${0}" + ], + "description": "-space-y-2" + }, + "-space-y-3": { + "prefix": "-space-y-3", + "body": [ + ".${1:classname} > * + * {", + " margin-top: -0.75rem;", + "}", + "", + "${0}" + ], + "description": "-space-y-3" + }, + "-space-y-4": { + "prefix": "-space-y-4", + "body": [ + ".${1:classname} > * + * {", + " margin-top: -1rem;", + "}", + "", + "${0}" + ], + "description": "-space-y-4" + }, + "-space-y-5": { + "prefix": "-space-y-5", + "body": [ + ".${1:classname} > * + * {", + " margin-top: -1.25rem;", + "}", + "", + "${0}" + ], + "description": "-space-y-5" + }, + "-space-y-6": { + "prefix": "-space-y-6", + "body": [ + ".${1:classname} > * + * {", + " margin-top: -1.5rem;", + "}", + "", + "${0}" + ], + "description": "-space-y-6" + }, + "-space-y-8": { + "prefix": "-space-y-8", + "body": [ + ".${1:classname} > * + * {", + " margin-top: -2rem;", + "}", + "", + "${0}" + ], + "description": "-space-y-8" + }, + "-space-y-10": { + "prefix": "-space-y-10", + "body": [ + ".${1:classname} > * + * {", + " margin-top: -2.5rem;", + "}", + "", + "${0}" + ], + "description": "-space-y-10" + }, + "-space-y-12": { + "prefix": "-space-y-12", + "body": [ + ".${1:classname} > * + * {", + " margin-top: -3rem;", + "}", + "", + "${0}" + ], + "description": "-space-y-12" + }, + "-space-y-16": { + "prefix": "-space-y-16", + "body": [ + ".${1:classname} > * + * {", + " margin-top: -4rem;", + "}", + "", + "${0}" + ], + "description": "-space-y-16" + }, + "-space-y-20": { + "prefix": "-space-y-20", + "body": [ + ".${1:classname} > * + * {", + " margin-top: -5rem;", + "}", + "", + "${0}" + ], + "description": "-space-y-20" + }, + "-space-y-24": { + "prefix": "-space-y-24", + "body": [ + ".${1:classname} > * + * {", + " margin-top: -6rem;", + "}", + "", + "${0}" + ], + "description": "-space-y-24" + }, + "-space-y-32": { + "prefix": "-space-y-32", + "body": [ + ".${1:classname} > * + * {", + " margin-top: -8rem;", + "}", + "", + "${0}" + ], + "description": "-space-y-32" + }, + "-space-y-40": { + "prefix": "-space-y-40", + "body": [ + ".${1:classname} > * + * {", + " margin-top: -10rem;", + "}", + "", + "${0}" + ], + "description": "-space-y-40" + }, + "-space-y-48": { + "prefix": "-space-y-48", + "body": [ + ".${1:classname} > * + * {", + " margin-top: -12rem;", + "}", + "", + "${0}" + ], + "description": "-space-y-48" + }, + "-space-y-56": { + "prefix": "-space-y-56", + "body": [ + ".${1:classname} > * + * {", + " margin-top: -14rem;", + "}", + "", + "${0}" + ], + "description": "-space-y-56" + }, + "-space-y-64": { + "prefix": "-space-y-64", + "body": [ + ".${1:classname} > * + * {", + " margin-top: -16rem;", + "}", + "", + "${0}" + ], + "description": "-space-y-64" + }, + "-space-y-px": { + "prefix": "-space-y-px", + "body": [ + ".${1:classname} > * + * {", + " margin-top: -1px;", + "}", + "", + "${0}" + ], + "description": "-space-y-px" + }, + + "space-x-reverse-0": { + "prefix": "space-x-reverse-0", + "body": [ + ".${1:classname} > * + * {", + " margin-right: 0;", + "}", + "", + "${0}" + ], + "description": "space-x-reverse-0" + }, + "space-x-reverse-1": { + "prefix": "space-x-reverse-1", + "body": [ + ".${1:classname} > * + * {", + " margin-right: 0.25rem;", + "}", + "", + "${0}" + ], + "description": "space-x-reverse-1" + }, + "space-x-reverse-2": { + "prefix": "space-x-reverse-2", + "body": [ + ".${1:classname} > * + * {", + " margin-right: 0.5rem;", + "}", + "", + "${0}" + ], + "description": "space-x-reverse-2" + }, + "space-x-reverse-3": { + "prefix": "space-x-reverse-3", + "body": [ + ".${1:classname} > * + * {", + " margin-right: 0.75rem;", + "}", + "", + "${0}" + ], + "description": "space-x-reverse-3" + }, + "space-x-reverse-4": { + "prefix": "space-x-reverse-4", + "body": [ + ".${1:classname} > * + * {", + " margin-right: 1rem;", + "}", + "", + "${0}" + ], + "description": "space-x-reverse-4" + }, + "space-x-reverse-5": { + "prefix": "space-x-reverse-5", + "body": [ + ".${1:classname} > * + * {", + " margin-right: 1.25rem;", + "}", + "", + "${0}" + ], + "description": "space-x-reverse-5" + }, + "space-x-reverse-6": { + "prefix": "space-x-reverse-6", + "body": [ + ".${1:classname} > * + * {", + " margin-right: 1.5rem;", + "}", + "", + "${0}" + ], + "description": "space-x-reverse-6" + }, + "space-x-reverse-8": { + "prefix": "space-x-reverse-8", + "body": [ + ".${1:classname} > * + * {", + " margin-right: 2rem;", + "}", + "", + "${0}" + ], + "description": "space-x-reverse-8" + }, + "space-x-reverse-10": { + "prefix": "space-x-reverse-10", + "body": [ + ".${1:classname} > * + * {", + " margin-right: 2.5rem;", + "}", + "", + "${0}" + ], + "description": "space-x-reverse-10" + }, + "space-x-reverse-12": { + "prefix": "space-x-reverse-12", + "body": [ + ".${1:classname} > * + * {", + " margin-right: 3rem;", + "}", + "", + "${0}" + ], + "description": "space-x-reverse-12" + }, + "space-x-reverse-16": { + "prefix": "space-x-reverse-16", + "body": [ + ".${1:classname} > * + * {", + " margin-right: 4rem;", + "}", + "", + "${0}" + ], + "description": "space-x-reverse-16" + }, + "space-x-reverse-20": { + "prefix": "space-x-reverse-20", + "body": [ + ".${1:classname} > * + * {", + " margin-right: 5rem;", + "}", + "", + "${0}" + ], + "description": "space-x-reverse-20" + }, + "space-x-reverse-24": { + "prefix": "space-x-reverse-24", + "body": [ + ".${1:classname} > * + * {", + " margin-right: 6rem;", + "}", + "", + "${0}" + ], + "description": "space-x-reverse-24" + }, + "space-x-reverse-32": { + "prefix": "space-x-reverse-32", + "body": [ + ".${1:classname} > * + * {", + " margin-right: 8rem;", + "}", + "", + "${0}" + ], + "description": "space-x-reverse-32" + }, + "space-x-reverse-40": { + "prefix": "space-x-reverse-40", + "body": [ + ".${1:classname} > * + * {", + " margin-right: 10rem;", + "}", + "", + "${0}" + ], + "description": "space-x-reverse-40" + }, + "space-x-reverse-48": { + "prefix": "space-x-reverse-48", + "body": [ + ".${1:classname} > * + * {", + " margin-right: 12rem;", + "}", + "", + "${0}" + ], + "description": "space-x-reverse-48" + }, + "space-x-reverse-56": { + "prefix": "space-x-reverse-56", + "body": [ + ".${1:classname} > * + * {", + " margin-right: 14rem;", + "}", + "", + "${0}" + ], + "description": "space-x-reverse-56" + }, + "space-x-reverse-64": { + "prefix": "space-x-reverse-64", + "body": [ + ".${1:classname} > * + * {", + " margin-right: 16rem;", + "}", + "", + "${0}" + ], + "description": "space-x-reverse-64" + }, + "space-x-reverse-px": { + "prefix": "space-x-reverse-px", + "body": [ + ".${1:classname} > * + * {", + " margin-right: 1px;", + "}", + "", + "${0}" + ], + "description": "space-x-reverse-px" + }, + + "-space-x-reverse-1": { + "prefix": "-space-x-reverse-1", + "body": [ + ".${1:classname} > * + * {", + " margin-right: -0.25rem;", + "}", + "", + "${0}" + ], + "description": "-space-x-reverse-1" + }, + "-space-x-reverse-2": { + "prefix": "-space-x-reverse-2", + "body": [ + ".${1:classname} > * + * {", + " margin-right: -0.5rem;", + "}", + "", + "${0}" + ], + "description": "-space-x-reverse-2" + }, + "-space-x-reverse-3": { + "prefix": "-space-x-reverse-3", + "body": [ + ".${1:classname} > * + * {", + " margin-right: -0.75rem;", + "}", + "", + "${0}" + ], + "description": "-space-x-reverse-3" + }, + "-space-x-reverse-4": { + "prefix": "-space-x-reverse-4", + "body": [ + ".${1:classname} > * + * {", + " margin-right: -1rem;", + "}", + "", + "${0}" + ], + "description": "-space-x-reverse-4" + }, + "-space-x-reverse-5": { + "prefix": "-space-x-reverse-5", + "body": [ + ".${1:classname} > * + * {", + " margin-right: -1.25rem;", + "}", + "", + "${0}" + ], + "description": "-space-x-reverse-5" + }, + "-space-x-reverse-6": { + "prefix": "-space-x-reverse-6", + "body": [ + ".${1:classname} > * + * {", + " margin-right: -1.5rem;", + "}", + "", + "${0}" + ], + "description": "-space-x-reverse-6" + }, + "-space-x-reverse-8": { + "prefix": "-space-x-reverse-8", + "body": [ + ".${1:classname} > * + * {", + " margin-right: -2rem;", + "}", + "", + "${0}" + ], + "description": "-space-x-reverse-8" + }, + "-space-x-reverse-10": { + "prefix": "-space-x-reverse-10", + "body": [ + ".${1:classname} > * + * {", + " margin-right: -2.5rem;", + "}", + "", + "${0}" + ], + "description": "-space-x-reverse-10" + }, + "-space-x-reverse-12": { + "prefix": "-space-x-reverse-12", + "body": [ + ".${1:classname} > * + * {", + " margin-right: -3rem;", + "}", + "", + "${0}" + ], + "description": "-space-x-reverse-12" + }, + "-space-x-reverse-16": { + "prefix": "-space-x-reverse-16", + "body": [ + ".${1:classname} > * + * {", + " margin-right: -4rem;", + "}", + "", + "${0}" + ], + "description": "-space-x-reverse-16" + }, + "-space-x-reverse-20": { + "prefix": "-space-x-reverse-20", + "body": [ + ".${1:classname} > * + * {", + " margin-right: -5rem;", + "}", + "", + "${0}" + ], + "description": "-space-x-reverse-20" + }, + "-space-x-reverse-24": { + "prefix": "-space-x-reverse-24", + "body": [ + ".${1:classname} > * + * {", + " margin-right: -6rem;", + "}", + "", + "${0}" + ], + "description": "-space-x-reverse-24" + }, + "-space-x-reverse-32": { + "prefix": "-space-x-reverse-32", + "body": [ + ".${1:classname} > * + * {", + " margin-right: -8rem;", + "}", + "", + "${0}" + ], + "description": "-space-x-reverse-32" + }, + "-space-x-reverse-40": { + "prefix": "-space-x-reverse-40", + "body": [ + ".${1:classname} > * + * {", + " margin-right: -10rem;", + "}", + "", + "${0}" + ], + "description": "-space-x-reverse-40" + }, + "-space-x-reverse-48": { + "prefix": "-space-x-reverse-48", + "body": [ + ".${1:classname} > * + * {", + " margin-right: -12rem;", + "}", + "", + "${0}" + ], + "description": "-space-x-reverse-48" + }, + "-space-x-reverse-56": { + "prefix": "-space-x-reverse-56", + "body": [ + ".${1:classname} > * + * {", + " margin-right: -14rem;", + "}", + "", + "${0}" + ], + "description": "-space-x-reverse-56" + }, + "-space-x-reverse-64": { + "prefix": "-space-x-reverse-64", + "body": [ + ".${1:classname} > * + * {", + " margin-right: -16rem;", + "}", + "", + "${0}" + ], + "description": "-space-x-reverse-64" + }, + "-space-x-reverse-px": { + "prefix": "-space-x-reverse-px", + "body": [ + ".${1:classname} > * + * {", + " margin-right: -1px;", + "}", + "", + "${0}" + ], + "description": "-space-x-reverse-px" + }, + + "space-y-reverse-0": { + "prefix": "space-y-reverse-0", + "body": [ + ".${1:classname} > * + * {", + " margin-bottom: 0;", + "}", + "", + "${0}" + ], + "description": "space-y-reverse-0" + }, + "space-y-reverse-1": { + "prefix": "space-y-reverse-1", + "body": [ + ".${1:classname} > * + * {", + " margin-bottom: 0.25rem;", + "}", + "", + "${0}" + ], + "description": "space-y-reverse-1" + }, + "space-y-reverse-2": { + "prefix": "space-y-reverse-2", + "body": [ + ".${1:classname} > * + * {", + " margin-bottom: 0.5rem;", + "}", + "", + "${0}" + ], + "description": "space-y-reverse-2" + }, + "space-y-reverse-3": { + "prefix": "space-y-reverse-3", + "body": [ + ".${1:classname} > * + * {", + " margin-bottom: 0.75rem;", + "}", + "", + "${0}" + ], + "description": "space-y-reverse-3" + }, + "space-y-reverse-4": { + "prefix": "space-y-reverse-4", + "body": [ + ".${1:classname} > * + * {", + " margin-bottom: 1rem;", + "}", + "", + "${0}" + ], + "description": "space-y-reverse-4" + }, + "space-y-reverse-5": { + "prefix": "space-y-reverse-5", + "body": [ + ".${1:classname} > * + * {", + " margin-bottom: 1.25rem;", + "}", + "", + "${0}" + ], + "description": "space-y-reverse-5" + }, + "space-y-reverse-6": { + "prefix": "space-y-reverse-6", + "body": [ + ".${1:classname} > * + * {", + " margin-bottom: 1.5rem;", + "}", + "", + "${0}" + ], + "description": "space-y-reverse-6" + }, + "space-y-reverse-8": { + "prefix": "space-y-reverse-8", + "body": [ + ".${1:classname} > * + * {", + " margin-bottom: 2rem;", + "}", + "", + "${0}" + ], + "description": "space-y-reverse-8" + }, + "space-y-reverse-10": { + "prefix": "space-y-reverse-10", + "body": [ + ".${1:classname} > * + * {", + " margin-bottom: 2.5rem;", + "}", + "", + "${0}" + ], + "description": "space-y-reverse-10" + }, + "space-y-reverse-12": { + "prefix": "space-y-reverse-12", + "body": [ + ".${1:classname} > * + * {", + " margin-bottom: 3rem;", + "}", + "", + "${0}" + ], + "description": "space-y-reverse-12" + }, + "space-y-reverse-16": { + "prefix": "space-y-reverse-16", + "body": [ + ".${1:classname} > * + * {", + " margin-bottom: 4rem;", + "}", + "", + "${0}" + ], + "description": "space-y-reverse-16" + }, + "space-y-reverse-20": { + "prefix": "space-y-reverse-20", + "body": [ + ".${1:classname} > * + * {", + " margin-bottom: 5rem;", + "}", + "", + "${0}" + ], + "description": "space-y-reverse-20" + }, + "space-y-reverse-24": { + "prefix": "space-y-reverse-24", + "body": [ + ".${1:classname} > * + * {", + " margin-bottom: 6rem;", + "}", + "", + "${0}" + ], + "description": "space-y-reverse-24" + }, + "space-y-reverse-32": { + "prefix": "space-y-reverse-32", + "body": [ + ".${1:classname} > * + * {", + " margin-bottom: 8rem;", + "}", + "", + "${0}" + ], + "description": "space-y-reverse-32" + }, + "space-y-reverse-40": { + "prefix": "space-y-reverse-40", + "body": [ + ".${1:classname} > * + * {", + " margin-bottom: 10rem;", + "}", + "", + "${0}" + ], + "description": "space-y-reverse-40" + }, + "space-y-reverse-48": { + "prefix": "space-y-reverse-48", + "body": [ + ".${1:classname} > * + * {", + " margin-bottom: 12rem;", + "}", + "", + "${0}" + ], + "description": "space-y-reverse-48" + }, + "space-y-reverse-56": { + "prefix": "space-y-reverse-56", + "body": [ + ".${1:classname} > * + * {", + " margin-bottom: 14rem;", + "}", + "", + "${0}" + ], + "description": "space-y-reverse-56" + }, + "space-y-reverse-64": { + "prefix": "space-y-reverse-64", + "body": [ + ".${1:classname} > * + * {", + " margin-bottom: 16rem;", + "}", + "", + "${0}" + ], + "description": "space-y-reverse-64" + }, + "space-y-reverse-px": { + "prefix": "space-y-reverse-px", + "body": [ + ".${1:classname} > * + * {", + " margin-bottom: 1px;", + "}", + "", + "${0}" + ], + "description": "space-y-reverse-px" + }, + + "-space-y-reverse-1": { + "prefix": "-space-y-reverse-1", + "body": [ + ".${1:classname} > * + * {", + " margin-bottom: -0.25rem;", + "}", + "", + "${0}" + ], + "description": "-space-y-reverse-1" + }, + "-space-y-reverse-2": { + "prefix": "-space-y-reverse-2", + "body": [ + ".${1:classname} > * + * {", + " margin-bottom: -0.5rem;", + "}", + "", + "${0}" + ], + "description": "-space-y-reverse-2" + }, + "-space-y-reverse-3": { + "prefix": "-space-y-reverse-3", + "body": [ + ".${1:classname} > * + * {", + " margin-bottom: -0.75rem;", + "}", + "", + "${0}" + ], + "description": "-space-y-reverse-3" + }, + "-space-y-reverse-4": { + "prefix": "-space-y-reverse-4", + "body": [ + ".${1:classname} > * + * {", + " margin-bottom: -1rem;", + "}", + "", + "${0}" + ], + "description": "-space-y-reverse-4" + }, + "-space-y-reverse-5": { + "prefix": "-space-y-reverse-5", + "body": [ + ".${1:classname} > * + * {", + " margin-bottom: -1.25rem;", + "}", + "", + "${0}" + ], + "description": "-space-y-reverse-5" + }, + "-space-y-reverse-6": { + "prefix": "-space-y-reverse-6", + "body": [ + ".${1:classname} > * + * {", + " margin-bottom: -1.5rem;", + "}", + "", + "${0}" + ], + "description": "-space-y-reverse-6" + }, + "-space-y-reverse-8": { + "prefix": "-space-y-reverse-8", + "body": [ + ".${1:classname} > * + * {", + " margin-bottom: -2rem;", + "}", + "", + "${0}" + ], + "description": "-space-y-reverse-8" + }, + "-space-y-reverse-10": { + "prefix": "-space-y-reverse-10", + "body": [ + ".${1:classname} > * + * {", + " margin-bottom: -2.5rem;", + "}", + "", + "${0}" + ], + "description": "-space-y-reverse-10" + }, + "-space-y-reverse-12": { + "prefix": "-space-y-reverse-12", + "body": [ + ".${1:classname} > * + * {", + " margin-bottom: -3rem;", + "}", + "", + "${0}" + ], + "description": "-space-y-reverse-12" + }, + "-space-y-reverse-16": { + "prefix": "-space-y-reverse-16", + "body": [ + ".${1:classname} > * + * {", + " margin-bottom: -4rem;", + "}", + "", + "${0}" + ], + "description": "-space-y-reverse-16" + }, + "-space-y-reverse-20": { + "prefix": "-space-y-reverse-20", + "body": [ + ".${1:classname} > * + * {", + " margin-bottom: -5rem;", + "}", + "", + "${0}" + ], + "description": "-space-y-reverse-20" + }, + "-space-y-reverse-24": { + "prefix": "-space-y-reverse-24", + "body": [ + ".${1:classname} > * + * {", + " margin-bottom: -6rem;", + "}", + "", + "${0}" + ], + "description": "-space-y-reverse-24" + }, + "-space-y-reverse-32": { + "prefix": "-space-y-reverse-32", + "body": [ + ".${1:classname} > * + * {", + " margin-bottom: -8rem;", + "}", + "", + "${0}" + ], + "description": "-space-y-reverse-32" + }, + "-space-y-reverse-40": { + "prefix": "-space-y-reverse-40", + "body": [ + ".${1:classname} > * + * {", + " margin-bottom: -10rem;", + "}", + "", + "${0}" + ], + "description": "-space-y-reverse-40" + }, + "-space-y-reverse-48": { + "prefix": "-space-y-reverse-48", + "body": [ + ".${1:classname} > * + * {", + " margin-bottom: -12rem;", + "}", + "", + "${0}" + ], + "description": "-space-y-reverse-48" + }, + "-space-y-reverse-56": { + "prefix": "-space-y-reverse-56", + "body": [ + ".${1:classname} > * + * {", + " margin-bottom: -14rem;", + "}", + "", + "${0}" + ], + "description": "-space-y-reverse-56" + }, + "-space-y-reverse-64": { + "prefix": "-space-y-reverse-64", + "body": [ + ".${1:classname} > * + * {", + " margin-bottom: -16rem;", + "}", + "", + "${0}" + ], + "description": "-space-y-reverse-64" + }, + "-space-y-reverse-px": { + "prefix": "-space-y-reverse-px", + "body": [ + ".${1:classname} > * + * {", + " margin-bottom: -1px;", + "}", + "", + "${0}" + ], + "description": "-space-y-reverse-px" + } +}