###slimで <div style="width:20px;">と書きたいです

Question

###前提・実現したいこと
slimで <div style="width:20px;" class="mdl-textfield.mdl-js-textfield">と書きたいです

###試したこと

%div.mdl-textfield.mdl-js-textfield{ :style => "width:20px;" }

のように書けるそうなので、

div.mdl-textfield.mdl-js-textfield{ :style => "width: 20px;" }

としてみましたがダメでした

Answer 1

こちらはいかがでしょうか？

.mdl-textfield.mdl-js-textfield style="width: 20px;"

コンパイル手順は次の通り

1. sample.slimに上記のslimを記入。
2. GemのSlim 3.0.7を使用して変換。

slimrb -p sample.slim > sample.html

1. 結果

<div class="mdl-textfield mdl-js-textfield" style="width: 20px;"></div>

Comments

[退会済みユーザー]

できました！！！！
ありがとうございました！！