Путаница по поводу сетчатых носителей Neat 2.0

Согласно официальной аккуратной документации, я собираюсь использовать gird-media для изменения макета на основе медиа-запроса. Но когда я пытаюсь запустить пример кода, я получаю следующую ошибку:

@include grid-media($custom-neat-grid, $custom-neat-grid-2){
      ^
  Wrong number of arguments (2 for 1) for `grid-media'

У меня есть простой проект angular 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

<div class="container">
    <div class="row">
        <div class="element">
            <pre>test</pre>
        </div>
    </div>
</div>

Я не уверен, что я делаю неправильно?


person Herr Josua    schedule 02.07.2018    source источник


Ответы (1)


Эта функция доступна только в версии 3.0.

В версии 2.0 grid-media принимает только 1 аргумент, а в версии 3.0 — один или несколько.

person whmii    schedule 02.07.2018