loading static files inside a css file in Django

Question

I have a css file and i want to import another css file inside it. How can I do this in Django ?

This is my style.css file and I want to import owl.carousel.css in it.

@import url("owl.carousel.css");

body {
    margin: 0;
    padding: 0;
    color: #34495E;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    line-height: 21px;
    position: relative;
    background: #fff;
}

I am using {% load static %} on my template to link style.css but how can import a css inside a css ?

<link href="{% static "assets/css/style.css" %}" rel="stylesheet">

Gocht · Accepted Answer · 2015-06-24 18:04:11Z

6

If you want to import a .css file inside a .css you will need to use the path, as usual.

@import url('/path/to/your/file.css')

If they are in static folder:

static/styles/file1.css
static/styles/file2.css

/* in file2.css */
@import url('file1.css')

It is not possible to use the django template language inside a .css file.

answered Jun 24, 2015 at 18:04

Gocht

10.3k3 gold badges48 silver badges84 bronze badges

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

1 Comment

Jake Dube Over a year ago

It looks like you can use the django templates in any file: stackoverflow.com/a/55225412/6655092

Sultan Nasyrov · Accepted Answer · 2019-06-30 13:43:16Z

0

You can also use HTML style and script tags to load something inside your static files.

<style>
    @import url("{% static 'path/to/your/file.css')")
</style>

answered Jun 30, 2019 at 13:43

Sultan Nasyrov

911 silver badge7 bronze badges

Collectives™ on Stack Overflow

loading static files inside a css file in Django

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related