Как импортировать содержимое .css файла, а не ссылку на него?

Question

[Mary Солнечная]

Добрый день, коллеги.

Передо мной стоит такая задача: нужно подключить jquery.formStylerModern.css к проекту.
Структура такая:


Делаю это через @import в sass фале sass/libs.sass:
@import "../libs/jquery.formStylerModern.css"
Импорт произошел:
@import url(../libs/jquery.formStylerModern.css);

Но блин, такого быть не должно. Должны быть импортированы все стили с jquery.formStylerModern.css, а не просто
@import url(../libs/jquery.formStylerModern.css);

Я пробовала разные пути, но подходит только
@import "../libs/jquery.formStylerModern.css"
и вот этот @import "/app/libs/jquery.formStylerModern.css"

Заранее всем большое спасибо за помощь!

Answer 1

[Алекс Глебов]

.css убрать

Comments

[Mary Солнечная]

Пробовала, выдает ошибку, что файл не найден:

Error: app\sass\libs.sass
Error: File to import not found or unreadable: /app/libs/jquery.formStylerModern.
       Parent style sheet: W:/!Mary/medInsite/app/sass/libs.sass
        on line 1 of app/sass/libs.sass
>> @import "/app/libs/jquery.formStylerModern";

[Алексей Уколов]

Mary Солнечная: так а почему путь-то абсолютный до файла? Относительный же должен быть.

[Mary Солнечная]

Да, спасибо большое. Догадалась, путь до файла поменяла, убрала .css - все встало на место

Answer 2

[Алексей Уколов]

Но блин, такого быть не должно. Должны быть импортированы все стили

Это, как раз, нормальное поведение:

@import takes a filename to import. By default, it looks for a Sass file to import directly, but there are a few circumstances under which it will compile to a CSS @import rule:

• If the file’s extension is .css.
  
• If the filename begins with http://.
  
• If the filename is a url().
  
• If the @import has any media queries.
  

sass-lang.com/documentation/file.SASS_REFERENCE.ht...

Answer 3

[Froggyweb]

переименовать сss в scss

Comments

[Mary Солнечная]

Зачем? :)

[Froggyweb]

тогда файл будет инклюдится в основной файл стилей