Skip to content

Instantly share code, notes, and snippets.

@dskvr
Last active January 26, 2023 12:00
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save dskvr/e4d34bc5c7e96fd34f62d947aa3939b7 to your computer and use it in GitHub Desktop.
Save dskvr/e4d34bc5c7e96fd34f62d947aa3939b7 to your computer and use it in GitHub Desktop.
CSS classes for tailwindcss height/margin-top if extend/spacing is not working (default spacing)
/*TODO: Apply fix? https://github.com/tailwindlabs/tailwindcss/issues/10418*/
.mt-4 { margin-top: 1rem }
.mt-5 { margin-top: 1.25rem }
.mt-6 { margin-top: 1.5rem }
.mt-7 { margin-top: 1.75rem }
.mt-9 { margin-top: 2.25rem }
.mt-11 { margin-top: 2.75rem }
.mt-13 { margin-top: 3.25rem }
.mt-14 { margin-top: 3.5rem }
.mt-15 { margin-top: 3.75rem }
.mt-16 { margin-top: 4rem }
.mt-17 { margin-top: 4.25rem }
.mt-18 { margin-top: 4.5rem }
.mt-19 { margin-top: 4.75rem }
.mt-20 { margin-top: 5rem }
.mt-21 { margin-top: 5.25rem }
.mt-22 { margin-top: 5.5rem }
.mt-23 { margin-top: 5.75rem }
.mt-25 { margin-top: 6.25rem }
.mt-26 { margin-top: 6.5rem }
.mt-27 { margin-top: 6.75rem }
.mt-28 { margin-top: 7rem }
.mt-29 { margin-top: 7.25rem }
.mt-30 { margin-top: 7.5rem }
.mt-31 { margin-top: 7.75rem }
.h-4 { height: 1rem }
.h-5 { height: 1.25rem }
.h-6 { height: 1.5rem }
.h-7 { height: 1.75rem }
.h-9 { height: 2.25rem }
.h-11 { height: 2.75rem }
.h-13 { height: 3.25rem }
.h-14 { height: 3.5rem }
.h-15 { height: 3.75rem }
.h-16 { height: 4rem }
.h-17 { height: 4.25rem }
.h-18 { height: 4.5rem }
.h-19 { height: 4.75rem }
.h-20 { height: 5rem }
.h-21 { height: 5.25rem }
.h-22 { height: 5.5rem }
.h-23 { height: 5.75rem }
.h-25 { height: 6.25rem }
.h-26 { height: 6.5rem }
.h-27 { height: 6.75rem }
.h-28 { height: 7rem }
.h-29 { height: 7.25rem }
.h-30 { height: 7.5rem }
.h-31 { height: 7.75rem }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment