# Tailwind and SCSS

Launch Stack uses the tailwind css 3 as the default to build all the components, in addiction support SCSS, then you can add your custom SCSS codes.

The style main file it's:

```
/resources/css/app.scss
```

And it's imported on:

```
/resources/js/app.js
```

**Live Reloading**

It's out-of-the-box on LaunchStack, after you save chances on any javascript or scss file, the server will refresh the content.

**Colors**

LaunchStack comes with all default colors provided by the tailwindcss library. You can add more and change the colors inside the tailwind.config.js file that you modify with your own brand colors.

**Font**

The Launch Stack uses the Inter Font as default, but you can modify it by changing the CDN on app.blade.php and on tailwind.config.js

**Help**

If you're new to TailwindCSS and need more help, please check the [TailwindCSS docs](https://tailwindcss.com/).


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.launchstack.app/frontend/tailwind-and-scss.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
