Neatでのカスタムメディアクエリの使用

Question

documentation grid-media on Neat 2.0.0には、メディアクエリをピクセル単位で設定する機能が記載されています。デフォルトでは、これはピクセル値をmin-widthメディアクエリとして出力します。例えば

：に

$custom-neat-grid: (
    columns: 12, 
    gutter: 50px, 
    media: 1000px, 
); 

.element { 
    @include grid-column(3); 

    @include grid-media($custom-neat-grid){ 
    @include grid-column(6); 
    } 
} 

意志出力：どのように私は他のメディアクエリにニートにグリッド・メディアを使用することができます

.element { 
    width: calc(25% - 25px); 
    float: left; 
    margin-left: 20px; 
} 

@media only screen and (min-width: 1000px) { 
    .element { 
    width: calc(50% - 75px); 
    float: left; 
    margin-left: 50px; 
    } 
} 

は、max-幅や高さなどの属性？

Answer 1

私はこれを達成する方法を研究しました。

フルメディアクエリをmediaパラメータのcustom gridに渡すことができます。

例：

$custom-neat-grid: (
    columns: 12, 
    gutter: 50px, 
    media: 'only screen and (max-width: 600px)', 
);