Extra Block Types (EBT) - New Layout Builder experience❗

Extra Block Types (EBT) - styled, customizable block types: Slideshows, Tabs, Cards, Accordions and many others. Built-in settings for background, DOM Box, javascript plugins. Experience the future of layout building today.

Demo EBT modules Download EBT modules

❗Extra Paragraph Types (EPT) - New Paragraphs experience

Extra Paragraph Types (EPT) - analogical paragraph based set of modules.

Demo EPT modules Download EPT modules

Scroll

Drupal+Zen+SMACSS (слёзы, ярость, недоумение)

Drupal+Zen+SMACSS (слёзы, ярость, недоумение)
, by

Сегодня скачал последнюю версию Zen (5.4) и не обнаружил в ней привычных css файлов. Оказывается тема пересажена на новую организационную структуру css под названием SMACSS так же она возможно будет включена (или уже?) в Drupal 8.

 

При стокновениии новичка (коем я и являюсь) с этим способом организации возникают серьёзные проблемы. Информации на русскому по ней практически нет (я нашёл одну бедную заметку). Ковыряю уже сутки сие и не могу вьехать в четкие правила, структуру организации CSS.

 

Объясните кто нибудь на пальцах суть этой структуры, каким образом и куда относить элементы и т.д. А если Иван видеоурок сделает, так вообще цены этому материалу в рунете не будет. Wink

 

ps На форуме не работает зачёркивание. тест

1 answer
votes: 1086
Answer

Я использую другой css-фреймворк, вот этот SASS:

http://sass-lang.com/

 

Ставится он этим модулем:

https://drupal.org/project/sassy

 

потом просто создаем в теме .scss, например css/pages.scss. И добавляем в .info файл:

stylesheets[all][]        = css/pages.scss

 

И все пишем пишем css в стиле sass. В настройках модуля prepro нужно поставить, чтобы файл css генерировался каждый раз и не кешировался, пока идет разработка сайта.


Вы не поняли, SMACSS это не фреймворк, но способ организации css файлов. И он отныне в zen'е по умолчанию.


Ужас какой, насколько я понял это лишь рекомендации как нужно разбивать css на файлы, но рекомендации есть рекомендации и можно писать свой кастомный css где вам угодно.