고효율로 나침반을 만드는 법

Question

저는 나침반의 초보자입니다. 높은 효율로 나침반을 만드는 법을 알고 싶습니다. github에 존재하는 나침반 새 스템 프레임 워크가 있습니까? 또는 경험 많은 개발자가 나에게 좋은 나침반 깍기 프로젝트를 작성하는 방법을 제안 할 수 있습니다. 감사합니다.

Answer 1

컴퍼스와 함께 작동하도록 다양한 프레임 워크가 포팅되었지만 권장하지 않습니다. 일반적인 CSS 프레임 워크는 하나의 크기로 제작 되었기 때문에 사전 설정된 CSS 클래스 목록으로 할 수 있습니다. Sass를 사용하면 훨씬 더 타겟이 정해지고 유연한 도구를 구축 한 다음 Compass를 사용하여 고유 한 방식으로 모두 결합 할 수 있습니다. 프레임 워크에 대한 자세한 내용은

• Using Compass/Sass with another CSS framework :

  당신이 요구하는 것과 관련이있는 여러 SO 이미 대답 질문이 있습니다.

• SASS: Extending Classess vs Variables 자세한 내용은 @extends을 참조하십시오.
• Structuring CSS (SASS, LESS) files by elements, by function and by media queries: 3D code structure? 코드 구성에 대한 자세한 내용은

믹스 인 및 무음 클래스 (예 : %mgb5)는 의미를 잃지 않고 가능한 한 단순하게 유지합니다. 일반적으로 수업에 좋은 규칙입니다. nav은 짧고 이해하기 쉽기 때문에 mgb5만큼 그리 많지 않습니다. 같은 규칙이 믹스 인/클래스 내부에서 당신을 안내 할 수 있습니다. 하나의 속성 만 가지고 있다면 mixin/class가별로 의미가 없을 수도 있습니다. 30 세가되면 너무 많은 의미를 지니고있는 것 같습니다. 각각의 뚜렷하고 의미있는 행동을 나타내는 한, 더 큰 믹스 인/클래스를 더 작은 믹스로 분리하십시오.

동일한 기본 지침이 정적 CSS 대 변수에 적용됩니다. 규칙에 일반 CSS에서 명확하지 않은 목적이있는 경우 원하는 의미를주는 mixin, 함수 또는 변수의 일부가되어야합니다. 18px이 지금은 좋은 크기 인 경우 18px은 문제가 없습니다. 그러나 18px이 설정된 크기의 일부이거나 특정 용도 인 경우 $large: 18px; 또는 $gutter-width: 18px;으로 이름을 지정하십시오.