내가 그래서 난 버전 3.2를 지정할 수 있습니다 번들을 사용하여 기초 보석을 설치 이전, 즉 브라우저에 대한 지원 :( 필요하기 때문에 기초 3 zurb 사용 zurb 재단 3

Question

의 수입을 사용자 정의 할 때 반응 가시성 클래스를 사용할 수 있도록하는 방법.

재단의 app.scss의 상단이 라인이 있습니다.

// Comment out this import if you are customizing you imports below 
@import "foundation"; 
// ---------------------------------------- 
// Import specific parts of Foundation by commenting the import "foundation" 
// and uncommenting what you want below. You must uncomment the following if customizing 

그리고 난 내가 @import "재단"라인을 주석 처리 한 내 수입을 사용자 정의 할 않기 때문에 이러한 라인을 표시하는 것

그

//Must include next two for semantic grid to work 
@import "foundation/mixins/respond-to"; 
@import "foundation/mixins/semantic-grid"; 
@import "modular-scale"; 
@import "foundation/common/globals"; 

내가 그들이 가시성 클래스를 지원하는 데 필요한 미디어 쿼리를 포함 할 것이다 가정하지만, 그렇게하지처럼이 보인다 : 그들은 사용 기반의 그리드에 필요하다. 요소에 "hide-for-small"클래스를 추가하면 출력 CSS를보고 관계없이 볼 수 있습니다. 거기에는 mq가 없습니다.

그렇다면 Foundation 3.2 프레임 워크와 함께 제공되는 미디어 쿼리를 어떻게 하나씩 포함하고 포함시킬 수 있습니까?

Answer 1

은 그래서 당신의 수입

@import "foundation/components/modules/mqueries"; 

및 END_LINK하면 관심있는 좋은이 추가

_mqueries.scss, 여기 https://github.com/zurb/foundation/tree/3-2-stable/scss/foundation/components/modules

가서 모듈의 이름을 발견!