Rails 5.2.3
Ruby 2.6.3
Bootstrap
SLIM
В моей таблице стилей у меня есть:
.myorg_header {
font-family: Arial;
font-size: 16px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: #3a84ff;
}
.myorg-success-color {
color: #51d85e;
}
.btn-sq-xs {
width: 25px !important;
height: 25px !important;
padding:10px;
margin-left:10px;
margin-right:10px;
}
На мой взгляд, у меня есть:
- myorg_header_text = " My Organization"
- display_date = "2019-10-01"
- status_style = "myorg-success-color"
- myoorg_button = "btn btn-sq-xs btn-primary"
.col-lg-12
.row
.myorg_header
= "#{myorg_header_text}"
button *{class: myoorg_button} type="button"
h4 *{class: status_style}
= "Some Text"
= display_date
"Моя организация" отображается синим цветом, иразмер шрифта соответствует значению, указанному в таблице стилей
Кнопка отображается зеленым цветом, а размер соответствует значению стиля рядом с текстом «Моя организация»
Но «Некоторый текст»отображается рядом с ним, как h4, но цвет шрифта черный, а не зеленый, а рядом с ним отображается текст display_date, но его вертикальное выравнивание - верх строки.
Любая идея, каксделать эту работу?