Я новичок в s css, получаю проблему в формате кода s css

Question

Эй, я новичок в s css Я получаю ошибку в своем коде. Я использую родительский класс для своей страницы. Это мой css

.d-layout {


    .bg-img {
        height: 304px;
        width: 1140px;
    }

    .p-color: {
        color: #A50034;
    }
    .ptd {
        .icon {
            height: 8px;
            width: 8px;
            transform: rotate(-90deg);
        }
        button {
            color: #A50034;
            font-family: "LG Smart_Global";
            font-size: 20px;
            line-height: 28px;
        }
    }

}

И ошибка SassError: Invalid CSS after " };": expected "}", was ".p-color: {"

Answer 1

Я считаю, что проблема с вашим кодом sass - это двоеточие после ".p-color"

Код должен быть:

.p-color {
    color: #A50034;
}