"Sass @media 쿼리 단축"의 두 판 사이의 차이

(새 문서: ==개요== ;Sass @media 쿼리 단축 <source lang='css'> $mobile: "(max-width: 500px)"; p { font-size: 16px; } @media #{$mobile} { p { font-size: 18px; } } </source> ==...)
 
5번째 줄: 5번째 줄:
$mobile: "(max-width: 500px)";
$mobile: "(max-width: 500px)";


p {
  font-size: 16px;
}
@media #{$mobile} {
@media #{$mobile} {
   p {
   width: 100%;
    font-size: 18px;
  }
}
}
</source>
</source>

2017년 7월 26일 (수) 21:51 판

1 개요

Sass @media 쿼리 단축
$mobile: "(max-width: 500px)";

@media #{$mobile} {
  width: 100%;
}

2 같이 보기

문서 댓글 ({{ doc_comments.length }})
{{ comment.name }} {{ comment.created | snstime }}