이 같은 Sass 변수에 글꼴 크기/라인 높이를 저장하는 방법이 있나요 문서에 설명되어 있습니다. 분할을 피할 수있는 방법이 있습니까?
참고 : 저는 scss 구문을 사용합니다.스토어 CSS 폰트 크기/라인 높이
4
A
답변
10
은 정확히 예상되는 SCSS 참조에 따라 http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#division_and_slash입니다. 믹스 인으로 퍼팅 시도 :
@mixin fontandline{
font: 14px/12px;
}
다음, 다시 사용해야 할 때마다, 그냥처럼 쓰기 :
@include fontandline;
자세한 내용은 http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#mixins를 참조하십시오.
편집 : 최신 설명서에 따라
p { $font-size: 12px; $line-height: 30px; font: #{$font-size}/#{$line-height}; }
이
p { font: 12px/30px; }
0
로 컴파일해야 다음 코드를 (위의 링크를 참조) 내가 사용 $somevar: unquote("14px/17px");
관련 문제
- 1. css 100 % 높이 버그
- 2. 간단한 CSS 높이 문제
- 3. CSS 높이 표준 모드
- 4. CSS 높이 100 % 즉
- 5. CSS DIV 높이 문제
- 6. 다양한 CSS 높이 문제
- 7. css 전체 높이?
- 8. CSS 높이 관련 질문
- 9. CSS 100 % 높이 문제
- 10. CSS 높이 비율 지정
- 11. 전체 높이 CSS 열
- 12. CSS DIV 높이 익스펜더
- 13. CSS 100 % 높이 div를
- 14. CSS 창 높이
- 15. CSS : 고정 높이
- 16. CSS 컨테이너 높이
- 17. CSS 높이 : 100 % 문제
- 18. CSS IE의 기울기 높이?
- 19. CSS - 가변 높이 헤더가있는 100 % 높이 레이아웃
- 20. 동적으로로드 된 CSS CSS 창의 높이 문제
- 21. IE6의 CSS 가변 높이 문제
- 22. 백분율 높이 HTML 5/CSS
- 23. CSS 사업부 100 % 높이 문제
- 24. 상속 된 CSS 최대 높이
- 25. CSS 문제의 키 상단에서 높이
- 26. 상위 컨테이너의 CSS 전체 높이
- 27. CSS : 셀의 "너비"및 "높이"
- 28. div의 CSS div가 잘못된 높이
- 29. CSS 이미지의 스프라이트 높이 제한?
- 30. 동적 CSS 높이 및 너비
예, 그것이 정확히 무엇 예상했다. 그러나 문서에는 또한 "font : 10px/8px; // 일반 CSS, 분할 없음"이 나와 있습니다. 그래서 나는이 값을 변수에 저장하는 것이 가능하다고 생각하고 sass가 일반 CSS 선언이라는 것을 알았습니다. 이상한 점은 나누기없이 작동한다는 것입니다. "$ font-normal : 14px/21px Arial, sans-serif;" 하지만 어쨌든, 귀하의 답변 주셔서 감사합니다! –
업데이트 된 문서를 참조하십시오. 이제 # 기호로 처리 할 수 있습니다. http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#division-and-slash –