Skip to content

Commit

Permalink
Revise text
Browse files Browse the repository at this point in the history
  • Loading branch information
kodeFant committed Oct 6, 2023
1 parent f0d0bdf commit eaf2eba
Showing 1 changed file with 5 additions and 24 deletions.
29 changes: 5 additions & 24 deletions Guide/tailwindcss.markdown
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,8 @@ Yes, while bootstrap is the default CSS framework in IHP, you can also use IHP t

### Adding package to flake.nix

While it's possible to have `nodejs` installed via nix, and then have npm install TailwindCSS, we can skip that part and have nix install the tailwindcss CLI itself.
While it's possible to have `nodejs` installed via nix, and then have npm install Tailwind CSS, we can skip that part and have nix install the CLI directly.

In the `flake.nix`, add the `tailwindcss` package bundled with the most common official plugins.

```nix
Expand All @@ -37,33 +38,13 @@ packages = with pkgs; [
Rebuild your development environment to fetch the added package:

```bash
nix flake update
direnv allow
```

After that, you should be able to verify that `tailwindcss` CLI is available in your project directory. Note that the version you will see is the latest release.
After that, you should be able to verify that `tailwindcss` CLI is available in your project directory by executing it from your shell.

```
$ tailwindcss
tailwindcss v3.2.7
Usage:
tailwindcss [--input input.css] [--output output.css] [--watch] [options...]
tailwindcss init [--full] [--postcss] [options...]
Commands:
init [options]
Options:
-i, --input Input file
-o, --output Output file
-w, --watch Watch for changes and rebuild as needed
-p, --poll Use polling instead of filesystem events when watching
--content Content paths to use for removing unused classes
--postcss Load custom PostCSS configuration
-m, --minify Minify the output
-c, --config Path to a custom config file
--no-autoprefixer Disable autoprefixer
-h, --help Display usage information
tailwindcss
```

### Configuring Tailwind
Expand Down

0 comments on commit eaf2eba

Please sign in to comment.