How to add CSS files to app.css in Laravel 5?

Question

I use Laravel 5 and Elixir.

I have app.scss which imports _bootstrap.csss (installed by bower), and these files are compiled to one file public/css/app.css.

Also I have some CSS files in other dependencies (installed by bower), and I want to add them to public/css/app.css.

How can I do it?

Brett DeWoody · Accepted Answer · 2015-01-04 20:05:52Z

1

First you'll need to rename your .css file as a .scss file, then you can import the new .scss file into the app.scss file using the same method _bootstrap.scss is imported.

@import "path/to/css/file.scss";

answered Jan 4, 2015 at 20:05

Brett DeWoody

63.3k31 gold badges145 silver badges192 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Dmitry Over a year ago

This file is installed with bower. It's a dependency. I shouldn't rename or patch dependency files.

Brett DeWoody Over a year ago

True, I didn't notice that in your question. In the past I've created a new scss file and imported app.scss and other CSS/SCSS files I want compiled in the CSS file.

Davide Casiraghi · Accepted Answer · 2019-01-31 13:37:49Z

0

In you app.scss file you can import both formats .scss and .css

To import a SCSS file this is the sintax: (without extension)

@import '~bootstrap/scss/bootstrap';

Instead to import a CSS file you have to add the .css extension

@import "~jquery-ui/themes/base/core.css";

answered Jan 31, 2019 at 13:37

Davide Casiraghi

18.5k9 gold badges38 silver badges62 bronze badges

Collectives™ on Stack Overflow

How to add CSS files to app.css in Laravel 5?

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related