Загрузка статических файлов в CSS-файл в Django

У меня есть файл CSS, и я хочу импортировать другой файл CSS внутри него. Как я могу сделать это в Django?

Это мой файл style.css, и я хочу импортировать в него owl.carousel.css.

@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;
}

Я использую {% load static %} в своем шаблоне для связи style.css, но как импортировать CSS внутри CSS?

<link href="{% static "assets/css/style.css" %}" rel="stylesheet">
Источник

1 ответ

Решение

Если вы хотите импортировать .css файл внутри .css вам нужно будет использовать путь, как обычно.

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

Если они находятся в статической папке:

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

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

Невозможно использовать язык шаблонов Django внутри .css файл.

Источник

Вы также можете использовать стиль HTML и теги скриптов для загрузки чего-либо в свои статические файлы.

<style>
    @import url("{% static 'path/to/your/file.css')")
</style>
Источник
Другие вопросы по тегам