Слим очень прост. Работает на отступах.
Есть переменая @orders (Массив с заказами)
- @orders.each do |order|
= order.title
br
= order.price
.class#id(style="background: yellow;")
- if order.price > 200
p Это тег p и цена больше 200
- else
h2 Это тег h2
span(style="color: red") А тут мы вставим прайс из руби кода внутри строки #{order.price} вот так
Ставишь "равно" когда надо юзеру показывать хелперы или данные из переменной
Ставишь "Тире" когда не надо. Используем циклы и проверки if else
Мы не пишем div если у него есть class или id.
Синтаксис как в css
.class - пишется с точкой перед названием класса
.header-menu
#id - id пишется через хэш
#menu
#toggle-menu
можно компоновать
#toggle-menu.red.col-md-4.some-class(style="display: inline-block") А пробел поставил и уже текст
хочешь родной синтаксис пишешь в скобках
#menu(class="red white col-md-10 pull-right" data-menu="toggle")
Это не все, но надеюсь немного понятно.