6
票
Accepted
!!! 5 という表記はなにを表していますか?
それは<!DOCTYPE html>を表しています。
.hamlという拡張子が示すとおり、それはHamlというテンプレート言語で書かれたものであり、HTMLに変換されます。<!DOCTYPE html>はHTML5のDOCTYPE宣言であり、それに対応するHamlの記法が!!! 5です。
Hamlのドキュメントの!!!の節に説明があります。
4
票
Accepted
Haml::SyntaxError - Illegal nesting: content can't be both given on the same line as %div and nested within it
.col-sm-9 あいうえお
.row
タグの中身は「タグのすぐ後ろ」か「より深いインデント」のどちらかに書く必要があり、併用はできません。エラーメッセージで言うところの on the same line as %div が あいうえお 、 nested within it が .row に対応しています。
この場合、両方ともインデントして記載すればいいでしょう。
.col-...
3
票
haml を用いたビューの一部を再利用できるように、 block を渡すようなヘルパーが作れないか
表題に沿って、ブロック渡す方法を紹介します。
ヘルパでこんな感じにして
def li_helper(path, name, &block)
content_tag :li,
link_to(path){ block.call() },
class: ('home' == name ? 'active' : '')
end
...
2
票
Accepted
haml vs slim
hamlitにパフォーマンステストの結果が記載されています。
その結果によると haml と hamlit を同時に使用するのがもっともパフォーマンスが高いようです。
2
票
Accepted
swiper矢印をhoverしたら現れるようにしたい
自己解決しました。
.container-fluid .swiper-container:hover .swiper-button-prev.swiper-button-black {
visibility: visible;
}
.container-fluid .swiper-container:hover .swiper-button-next.swiper-button-black {...
1
票
Accepted
VSCode で haml ファイルを開いた時にハイライト表示されるようにしたい
@kunif 様 ありがとうございます!!
拡張機能: Better Haml を導入したところ解決しました!!
拡張機能の調べ方勉強になりました!
1
票
意図した通り scss が haml に反映されない
後からインポートした modules/_index.scss のスタイルが modules/_tweets.scss で設定されたスタイルを上書きしてしまっているので、以下のようにインポートの順序を入れ替えばよいと思います。
@import "reset";
@import "font-awesome-sprockets";
@import "font-awesome";
@import "...
1
票
Bootstrap 3 でテキストフィールドの幅を調整したい。
.form-group
%label.col-xs-2.control-label 電話番号
.col-xs-10
%div(style="padding: 0px;" class="col-xs-5")
.input-group
= text_field_tag 'customer[phone1]', '', class: "form-...
1
票
Bootstrap 3 でテキストフィールドの幅を調整したい。
あまり難しく考えずに、各項目にclassを付けて、スタイルシートで幅を指定すればよいのでは?と思いました。
.col-sm-12#customer
%h2 顧客情報
%dl.dl-horizontal
%dt 電話番号
%dd
%div(style="padding: 0px;" class="col-sm-4")
.input-group
...
1
票
Accepted
haml を用いたビューの一部を再利用できるように、 block を渡すようなヘルパーが作れないか
僕が実装するなら、link_with_iconと、active_classのような2つのヘルパーを作ると思います。
%li{class: active_class(:root)}
= link_with_icon 'ホーム', :root, icon: 'home'
module FooHelper
def active_class(options)
current_page?(...
Only top scored, non community-wiki answers of a minimum length are eligible