Согласно официальной аккуратной документации, я собираюсь использовать gird-media
, чтобы изменить свой макет на основе медиазапроса. Но когда я пытаюсь запустить пример кода, я получаю следующую ошибку:
@include grid-media($custom-neat-grid, $custom-neat-grid-2){
^
Wrong number of arguments (2 for 1) for `grid-media'
У меня есть простой угловой проект cli со следующими файлами:
styles.scss
@import "../bourbon/bourbon";
@import "../neat/neat";
$custom-neat-grid: (
columns: 12,
gutter: 50px,
media: "screen and (max-width: 999px)",
);
$custom-neat-grid-2: (
columns: 12,
gutter: 70px,
media: 1000px,
);
.element {
@include grid-column(3);
@include grid-media($custom-neat-grid, $custom-neat-grid-2){
@include grid-column(6);
}
}
app.component.html
<code><div class="container">
<div class="row">
<div class="element">
<pre>test
Я не уверен, что я делаю не так?