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.


Some scss are reflected and some are not.
Corresponding source code
      = link_to ("/", class: "Header__contents__left__btn") do
        Customer management
      Mr. ○○'s schedule
      = link_to ("/", class: "Hedder__contents__right__btn") do
  % p # calendar
  = link_to ("/", class: "Footer__content__btn") do
.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

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