Home>

I am making a schedule app with rails.
Introduced a calendar with full calender.
Above and below it I'm trying to decorate with haml and scss.
At that time, for some reason, some items are reflected by scss and some are not.
I can't move on.
Please let me know.
Thank you.

https://gyazo.com/6aeb3ae956d2281800cfda934fc48561

Some scss are reflected and some are not.
Corresponding source code
.Header
  .Heaader__contents
    .Heaader__contents__left
      = link_to ("/", class: "Header__contents__left__btn") do
        Customer management
    .Heaader__contents__main
      Mr. ○○'s schedule
    .Heaader__contents__right
      .Header__contents__right__name
        nickname
      = link_to ("/", class: "Hedder__contents__right__btn") do
        Login
.Body
  % p # calendar
.Footer
  .Footer__content
  = link_to ("/", class: "Footer__content__btn") do
    +
    input
.Header {
&__ contents {
    display: flex;
  &__ left {
      font-size: 20px;
    &__ btn {
        color: red;
        font-size: 20px;
      }
    }
  &__ main {
      color: blue;
      font-size: 20px;
    }
  &__ right {
      font-size: 20px;
    &__ btn {
        color: brown;
        font-size: 20px;
      }
    }
  }
}
.Footer__content__btn {
  color: blueviolet;
  font-size: 20px;
}
@import "reset";
 @import "index";
 @import "calender";
 @import "font-awesome-sprockets";
 @import "font-awesome";
What I tried

-Comment out reset.scss
-Check in verification mode → There is no description of css for items that are not reflected
There is a description in the thing that reflects
・ Check if the name matches haml
・ Delete cache
・ Rails s reload
-Check the description of application.scss

Supplementary information (FW/tool version, etc.)

rails 6.0.0
fullcalender

It reflects
.Headerleftbtn
.Footercontentbtn
Is reflected.
All the rest is not reflected.