WordPressのエディターから入力した記事の内容のcss

はじめに

WordPressのエディターから入力した記事の表示のスタイルシートのテンプレートです。
（毎回使うので、前やってたプロジェクトからコピペしてた...）

scss

.content_area {
        letter-spacing: 0.05em;

        p {
            margin-bottom: 2rem;
            line-height: 1.8;
    
            @include MQ-MAX(500px) {
                font-size: 14px;
                line-height: 2.3;
            }
        }
    
        h2, h3, h4, h5, h6 {
            margin-bottom: 2rem;
            line-height: 1.8;
            font-weight: 600;
    
            @include MQ-MAX(500px) {
                margin-bottom: 1rem;
            }
        }
    
        h2 {
            margin-top: 4rem;
            font-size: 30px;
            // color: $orange;
    
            @include MQ-MAX(600px) {
                font-size: 22px;
            }
        }
    
        h3 {
            margin-top: 4rem;
            font-size: 20px;
    
            @include MQ-MAX(600px) {
                font-size: 18px;
            }
        }
    
        img {
            height: auto;
            max-width: 100%;
            margin-bottom: 2rem;
            vertical-align: middle;
        }
    
        ul {
            margin-bottom: 2rem;
            padding-left: 1rem;
            li {
                list-style: disc;
                line-height: 1.8;
    
                @include MQ-MAX(500px) {
                    font-size: 14px;
                    line-height: 2.3;
                }
            }
        }
    
        ol {
            margin-bottom: 2rem;
            padding-left: 1rem;
    
            li {
                list-style: decimal;
                line-height: 1.8;
    
                @include MQ-MAX(500px) {
                    font-size: 14px;
                    line-height: 2.3;
                }
            }
        }
    
        a {
            // color: $orange;
            text-decoration: underline;
        }
    }