check in the generated css with instructions

This commit is contained in:
Torsten 2022-12-07 21:25:04 +02:00
parent ca19287463
commit 756afe77b8
2 changed files with 27 additions and 9 deletions

View File

@ -106,10 +106,24 @@ If Merged served the root:
root "merged/view#view" , id: 'index' root "merged/view#view" , id: 'index'
``` ```
Add to your stylesheet to the asset pipeline, last. Merged switches tailwind preflight off and assumes you use tailwind in your app or otherwise reset. Include merged stylesheet to your asset
```application.css pipeline. Merged switches tailwind preflight off and assumes you
*= require merged/merged.css use tailwind in your app or otherwise reset.
``` ```
*= require merged/merged
```
This also means means you should have the tailwind include
tag before the application in your layout.
```
= stylesheet_link_tag "tailwind" , "inter-font", "data-turbo-track": "reload"
= stylesheet_link_tag "application"
```
If you use tailwind with the basic install, you must change the
order of stylesheet loaded in your application layout
## Contributing ## Contributing
Ask first. Ask first.

View File

@ -313,6 +313,10 @@ select {
margin: 0.5rem; margin: 0.5rem;
} }
.m-16 {
margin: 4rem;
}
.m-10 { .m-10 {
margin: 2.5rem; margin: 2.5rem;
} }
@ -406,12 +410,8 @@ select {
height: 4rem; height: 4rem;
} }
.h-8 { .h-10 {
height: 2rem; height: 2.5rem;
}
.h-20 {
height: 5rem;
} }
.h-5 { .h-5 {
@ -550,6 +550,10 @@ select {
gap: 2rem; gap: 2rem;
} }
.gap-16 {
gap: 4rem;
}
.gap-1 { .gap-1 {
gap: 0.25rem; gap: 0.25rem;
} }