Как сгенерировать css из sass в bulma.css

Это мой первый рабочий scss, хотя я выполнил команду в терминале, чтобы преобразовать простой input.sass в output.css в случае других библиотек, кажется, немного сложнее, потому что это ново для меня.Как сгенерировать css из sass в bulma.css

У меня есть профиль с index.html, который должен требовать style.css, но мне нужен этот style.css, чтобы быть сгенерированы из bulma каталога, который в настоящее время в этом формате.

index.html 
vendors 
    bulma 
     css 
      bulma.css 
      bulma.css.map 
     sass 
      base 
       _all.sass 
       generic.sass 
       helpers.sass 
       minireset.sass 
      components 
      elements 
      grid 
      layout 
      utitlities 
      bulma.sass

Проблема здесь состоит в том, что, в отличие от sass input.scss output.css примера, который преобразует SCSS файлы CSS, выше кажется сложным.

Я не знаю, какой файл для преобразования, или если я должен изменить файл Sass и изменить их, но мне сохранить вывод в отдельный файл CSS или один мастер стиля ...

все это сбивает с толку , и в надежде, что кто-то знает путь к нему

источник

2017-02-22 user7342807

в любом каталоге sass, таком как база, компоненты и т. д., у всех их есть файл _all.sass. которые включают все файлы в этом каталоге. Итак, все, что вам нужно, это включить один файл _all.sass из каждой папки в папке sass.

Так что в вашем файле sass, который вы будете смотреть с драгоценным камнем sass, make включает в себя все для _all.sass. Что-то вроде этого будет работать.

@import "utilities/_all" 
@import "base/_all" 
@import "elements/_all" 
@import "components/_all" 
@import "grid/_all" 
@import "ayout/_all"

Кроме того, я не уверен на 100%, но я думаю, что это плохая идея смешать дерзость с СКС, так что мой совет должен был бы сделать что-то вроде этого:

В вашей дерзости папке ваш проект создаст файл sass и назовите его styles.sass. В этом файле записи импортируются во все файлы _all.sass.

А потом просто пойти и сделать это в терминале: sass --watch sass:css

источник

2017-02-22 22:11:23

Спасибо '+ 1', но у меня есть еще один вопрос, который мне не ясно. Я понимаю, что вы сказали, и я должен включать все '_all.sass' из файлов каждого компонента, но где? У меня есть 'public_html/css/style.css', который должен этот стиль' styles.sass' жить в каталоге? – user7342807

Итак, '' 'public_html/css/style.css''' - ваша таблица стилей назначения. В вашей таблице стилей исходного кода, которая является '' 'styles.sass''', содержатся все файлы' '' _all.sass'''. и когда вы скомпилируете весь этот код, вы будете в таблице стилей назначения. Взгляните на репозиторий Bulma GitHub, особенно [bulms.sass] (https://github.com/jgthms/bulma/blob/master/bulma.sass) –

Прошу прощения, это не сработало. У меня есть gem и sass, но когда я делаю 'sass input.scss output.css', как показано на http://sass-lang.com/guide, я получаю ошибки, что некоторый цвет не определен и'! Is not valid' , Для получения дополнительной информации я создал файл styles.sass (попробовал с scss) внутри вендоров/bulma/sass/directory, и в этом файле у меня есть команда '@import 'bulma' ', но затем я сделал стили sass. scss style.css', но без эффекта, кроме ошибки. Давайте посмотрим, сможет ли кто-нибудь исправить это – user7342807

Как сгенерировать css из sass в bulma.css

ответ

Смежные вопросы