@extendでSCSSの記述をまとめる

li.userli.room に同じ内容を適用したい時に、通常のcssなら

li.user,
li.room{

適用したい内容

}

と延々と書かないと行けないですが、@extend を使うと、

li{

        &.user{
          height: 38px;

          a{
            height: 38px;
            padding: 7px 16px 7px 38px;
            display: block;
            text-decoration: none;
          }
          &:hover span{
            text-decoration: none;
          }
          .name,
          .date{
            line-height: 25px;
            height: 25px;
          }
          .date{
            float: right;
          }
        }
        &.room{
          @extend .user; ←「.userの内容を読み込む」
        }
}

li.room に対して一行で完了させることができます。

AWSを利用した導入事例のご紹介

実際に構築を行ったAWSの事例を紹介しています。導入の目的に近い事例をご覧いただくと、実際の構成例やメリット、注意点などが把握できます。

ブックオフコーポレーション株式会社様
第一生命保険株式会社様
株式会社電通様
株式会社LIFULL様
株式会社リブセンス様
TBSアナウンス部様
明治大学様
拓殖大学様