yujiroのプログラミング

勉強内容をアウトプットし、サボらないようにする為のブログ

<DAY114>hamlとsassの基礎文法を学び直す

\ Follow me!! /

学習状況

●学習日数 114日

●学習時間(本日)10時間
●累計学習時間 561.5時間

●一日あたりの平均学習時間 4.92時間

サーバーサイドのsessionを用いたログイン機能実装について、

必要なモデルの追加など、詰まってしまったから、先にフロントを作る事にした。

hamlにて画像を押すと、リンクする形をとりたい

このようにすれば対応する。

%div 出品
= link_to new_item_path  do
  .material-icons.camera-icon photo_camera

並列要素にscssを当てる場合

並列箇所は一度閉じる。

.content{
  color: red;
  &__item{
    color: bule;
  }
  &__theme{
    color: aqua;
  }
}.content{
  color: red;
  &__item{
    color: bule;
  }
  &__theme{
    color: aqua;
  }
}

hamlの記号について

htmlからhamlに変換ソフトに頼っていたから、理解が曖昧だった。

%header <header></header>

.content <div class="content"></div>