Haroop Webagency team BICTOR

원격 및 파견 개발팀분들을 위한 하룹소속 개발자전용 빅터 오픈소스 커뮤니티입니다

이곳은 하룹 개발팀 소속 직원들에 전체 개발기술력 및 전체 평균 능력치 강화를 위한, 빅터팀 리드개발자들에 오픈소스 개발 커뮤니티 공간입니다, 만약 고객이시라면 여기를 이용해주세요.

제목
웹디자인 부분 css를 sass로 변환시 코드 문의드립니다
작성자
코알라
작성일
2022-05-11 13:44
조회
181
답변완료
안녕하세요 현재 피부과쪽 리스트 나열된 부분이 계속 늘어나서
css를 sass로 처리해서 변환하려고 하는데 막히는부분이 있네요ㅠ

.bictor_title {
padding-bottom: 8px !important;
}
.bictor_cnt {
padding-bottom: 20px !important;
}
.bictor_meta {
padding-bottom: 10px !important;
}
.bictor_sos {
padding-bottom: 33px !important;
}
.bictor_ph {
padding-bottom: 22px !important;
}
.bictor_date {
padding-bottom: 10px !important;
}
.bictor_user {
padding-bottom: 25px !important;
}

이 경우 sass로 @each를 사용해서

@each $value (title,cnt,meta,sos,ph,date,user) {
.bictor_#($value) {
margin-bottom: #($value)px !important;
}
}

이렇게 처리를 하는데 작동이 안되네요..ㅠㅠ sass는 원래 안되는걸까요? 아니면 제가 뭔가 놓치는게 있을까요?
전체 2

  • 2022-05-11 14:24

    안녕하세요. 문법에 약간 오류가 있네요

    @each $value (title,cnt,meta,sos,ph,date,user) {
    .bictor_#($value) {
    margin-bottom: #($value)px !important;
    }
    }

    이부분을

    @each $value in (title,cnt,meta,sos,ph,date,user) {
    .bictor_#{$value} {
    margin-bottom: #{$value}px !important;
    }
    }

    이렇게 바꿔보시면 잘 작동될거같습니다
    감사합니다


    • 2022-05-12 09:52

      와...되네요ㅠ 감사합니다ㅠㅠ