Skip to content
This repository was archived by the owner on May 8, 2021. It is now read-only.

Commit 638c2f6

Browse files
committed
Add installation, setup instructions.
1 parent 17bcc06 commit 638c2f6

File tree

1 file changed

+63
-72
lines changed

1 file changed

+63
-72
lines changed

examples/laravel/readme.md

Lines changed: 63 additions & 72 deletions
Original file line numberDiff line numberDiff line change
@@ -1,72 +1,63 @@
1-
<p align="center"><img src="https://laravel.com/assets/img/components/logo-laravel.svg"></p>
2-
3-
<p align="center">
4-
<a href="https://travis-ci.org/laravel/framework"><img src="https://travis-ci.org/laravel/framework.svg" alt="Build Status"></a>
5-
<a href="https://packagist.org/packages/laravel/framework"><img src="https://poser.pugx.org/laravel/framework/d/total.svg" alt="Total Downloads"></a>
6-
<a href="https://packagist.org/packages/laravel/framework"><img src="https://poser.pugx.org/laravel/framework/v/stable.svg" alt="Latest Stable Version"></a>
7-
<a href="https://packagist.org/packages/laravel/framework"><img src="https://poser.pugx.org/laravel/framework/license.svg" alt="License"></a>
8-
</p>
9-
10-
## About Laravel
11-
12-
Laravel is a web application framework with expressive, elegant syntax. We believe development must be an enjoyable and creative experience to be truly fulfilling. Laravel takes the pain out of development by easing common tasks used in many web projects, such as:
13-
14-
- [Simple, fast routing engine](https://laravel.com/docs/routing).
15-
- [Powerful dependency injection container](https://laravel.com/docs/container).
16-
- Multiple back-ends for [session](https://laravel.com/docs/session) and [cache](https://laravel.com/docs/cache) storage.
17-
- Expressive, intuitive [database ORM](https://laravel.com/docs/eloquent).
18-
- Database agnostic [schema migrations](https://laravel.com/docs/migrations).
19-
- [Robust background job processing](https://laravel.com/docs/queues).
20-
- [Real-time event broadcasting](https://laravel.com/docs/broadcasting).
21-
22-
Laravel is accessible, powerful, and provides tools required for large, robust applications.
23-
24-
## Learning Laravel
25-
26-
Laravel has the most extensive and thorough [documentation](https://laravel.com/docs) and video tutorial library of all modern web application frameworks, making it a breeze to get started with the framework.
27-
28-
If you don't feel like reading, [Laracasts](https://laracasts.com) can help. Laracasts contains over 1400 video tutorials on a range of topics including Laravel, modern PHP, unit testing, and JavaScript. Boost your skills by digging into our comprehensive video library.
29-
30-
## Laravel Sponsors
31-
32-
We would like to extend our thanks to the following sponsors for funding Laravel development. If you are interested in becoming a sponsor, please visit the Laravel [Patreon page](https://patreon.com/taylorotwell).
33-
34-
- **[Vehikl](https://vehikl.com/)**
35-
- **[Tighten Co.](https://tighten.co)**
36-
- **[Kirschbaum Development Group](https://kirschbaumdevelopment.com)**
37-
- **[64 Robots](https://64robots.com)**
38-
- **[Cubet Techno Labs](https://cubettech.com)**
39-
- **[Cyber-Duck](https://cyber-duck.co.uk)**
40-
- **[British Software Development](https://www.britishsoftware.co)**
41-
- **[Webdock, Fast VPS Hosting](https://www.webdock.io/en)**
42-
- **[DevSquad](https://devsquad.com)**
43-
- [UserInsights](https://userinsights.com)
44-
- [Fragrantica](https://www.fragrantica.com)
45-
- [SOFTonSOFA](https://softonsofa.com/)
46-
- [User10](https://user10.com)
47-
- [Soumettre.fr](https://soumettre.fr/)
48-
- [CodeBrisk](https://codebrisk.com)
49-
- [1Forge](https://1forge.com)
50-
- [TECPRESSO](https://tecpresso.co.jp/)
51-
- [Runtime Converter](http://runtimeconverter.com/)
52-
- [WebL'Agence](https://weblagence.com/)
53-
- [Invoice Ninja](https://www.invoiceninja.com)
54-
- [iMi digital](https://www.imi-digital.de/)
55-
- [Earthlink](https://www.earthlink.ro/)
56-
- [Steadfast Collective](https://steadfastcollective.com/)
57-
- [We Are The Robots Inc.](https://watr.mx/)
58-
- [Understand.io](https://www.understand.io/)
59-
- [Abdel Elrafa](https://abdelelrafa.com)
60-
- [Hyper Host](https://hyper.host)
61-
62-
## Contributing
63-
64-
Thank you for considering contributing to the Laravel framework! The contribution guide can be found in the [Laravel documentation](https://laravel.com/docs/contributions).
65-
66-
## Security Vulnerabilities
67-
68-
If you discover a security vulnerability within Laravel, please send an e-mail to Taylor Otwell via [[email protected]](mailto:[email protected]). All security vulnerabilities will be promptly addressed.
69-
70-
## License
71-
72-
The Laravel framework is open-source software licensed under the [MIT license](https://opensource.org/licenses/MIT).
1+
Setup Tailwind for Laravel Application
2+
--
3+
4+
**Prerequisites**
5+
6+
Node: [v8+](https://github.com/tailwindcss/tailwindcss/issues/839)
7+
8+
[Install Tailwind via NPM](https://tailwindcss.com/docs/installation/#1-install-tailwind-via-npm)
9+
10+
`npm install tailwindcss --save-dev`
11+
12+
[Create a Tailwind config file](https://tailwindcss.com/docs/installation#2-create-a-tailwind-config-file)
13+
14+
`./node_modules/.bin/tailwind init tailwind.js`
15+
16+
Rename `tailwind.js` to `tailwind.config.js`
17+
18+
[Use Tailwind in your css](https://tailwindcss.com/docs/installation/#2-add-tailwind-to-your-css)
19+
20+
`vim resources/css/tailwind.css`
21+
22+
Or; if you want `SCSS`
23+
24+
`vim resources/scss/tailwind.scss`
25+
26+
```css
27+
@tailwind base;
28+
@tailwind components;
29+
@tailwind utilities;
30+
```
31+
32+
[Process your CSS with Tailwind](https://tailwindcss.com/docs/installation/#laravel-mix)
33+
34+
Using **Laravel Mix** `webpack.mix.js`
35+
36+
```js
37+
const mix = require('laravel-mix');
38+
39+
let tailwindcss = require('tailwindcss');
40+
41+
mix.js('resources/js/app.js', 'public/js');
42+
mix.postCss('resources/css/tailwind.css', 'public/css/app.css', [
43+
require('tailwindcss'),
44+
]);
45+
46+
/*
47+
* Use tailwind as SASS
48+
mix.js('resources/js/app.js', 'public/js')
49+
.sass('resources/sass/tailwind.scss', 'public/css/app.css')
50+
.options({
51+
processCssUrls: false,
52+
postCss: [
53+
tailwindcss('./tailwind.config.js')
54+
],
55+
});
56+
*/
57+
```
58+
59+
Import css in your views
60+
61+
`<link href="{{ asset('css/app.css') }}" rel="stylesheet">`
62+
63+
See `welcome.blade.php`

0 commit comments

Comments
 (0)