Foundation 5 : 미디어 쿼리 범위 변경

Question

Foundation 5 템플릿이 있고 미디어 쿼리 범위를 변경하는 것이 좋은지 궁금합니다.

현재 _global.scss 파일에 설정되어 있지만 _custom.scss 파일을 통해 덮어 쓰고 싶으므로 향후 프레임 워크를 업그레이드하는 데 문제가 없습니다. 문제는 내 _custom.css 파일에 변수 $ small-range, $ medium-range 등을 설정하면 아무 일도 일어나지 않는다는 것입니다.

내 app.scss 현재 포함

@import "settings"; 
@import "foundation"; 
@import "custom"; 

어떻게 기본 설정 및 구성 요소 파일을 편집하지 않고이 작업을 수행 할 수 있습니까?

미리 감사드립니다.

Answer 1

하는 변수 @import "재단"이전

@import "settings"; 

$small-range: (0em, 40em); //max-width 640px, mobile-only styles 
$medium-range: (40.063em, 64em); // min-width 641px and max-width 1024px 
$large-range: (64.063em, 90em); // min-width 1024px and max-width 1440px 
$xlarge-range: (90.063em, 120em); //min-width 1441px and max-width 1920px 
$xxlarge-range: (120.063em);  //min-width 1921px 

@import "foundation"; 

를 추가하거나 같은 my_settings으로 자신의 파일을 생성하고이 파일에 이러한 스타일을 추가 할 수 있습니다 : 당신은 몇 가지를 변경하려면

@import "settings"; 
@import "my_settings"; 
@import "foundation"; 

범위를 px로 변경하십시오. 모든 범위를 px에서 더 잘 변경하십시오.