Breakpoint 2.7.0 Синтаксис

Question

Я использовал точку останова 2.5 для некоторого времени. Я получил новый Mac и установил точку останова на нем. Я установил 2.7.0. Очевидно, что произошли некоторые изменения в пределах от 2.5.0 до 2.7.0 точки останова.

Вот содержимое моего файла breakpoint.scss (игнорирующие значения точек, они просто случайные из них я напечатал)

$breakpoint-to-ems: true; 
$breakpoint-no-query-fallbacks: true; 
$breakpoint-default-media: screen; 

$xsmall: 320px; 
$small: 480px; 
$medium: 760px, 'no-query' '.lt-ie9'; 
$large: 960px, 'no-query' '.lt-ie9'; 
$xl:  1200px; 
$mega:  1700px; 

Я бы затем вызвать подмешать, такие как следующие, если я хотел задайте контрольную точку $ medium:

@include breakpoint($medium) { 
     font-size: 60px; 
} 

Использование этого с точкой останова 2.5.0 было в порядке. Использование его с 2.7.0 вызывает несколько предупреждений.

ПРЕДУПРЕЖДЕНИЕ. Во избежание случайных столкновений, мы обновили способ изменения настроек точки останова. Пожалуйста, измените все экземпляры $breakpoint-default-media: {{setting}} на @include breakpoint-set('default media', {{setting}}). Параметры переменной, а также это предупреждение будут устаревать в будущей версии.

ПРЕДУПРЕЖДЕНИЕ. Во избежание случайных столкновений, мы обновили способ изменения настроек точки останова. Пожалуйста, измените все экземпляры $breakpoint-to-ems: {{setting}} на @include breakpoint-set('to ems', {{setting}}). Параметры переменной, а также это предупреждение будут устаревать в будущей версии.

ПРЕДУПРЕЖДЕНИЕ. Во избежание случайных столкновений, мы обновили способ изменения настроек точки останова. Пожалуйста, измените все экземпляры $breakpoint-no-queries: {{setting}} на @include breakpoint-set('no queries', {{setting}}). Параметры переменной, а также это предупреждение будут устаревать в будущей версии.

ПРЕДУПРЕЖДЕНИЕ. Во избежание случайных столкновений, мы обновили способ изменения настроек точки останова. Пожалуйста, измените все экземпляры $breakpoint-no-query-fallbacks: {{setting}} на @include breakpoint-set('no query fallbacks', {{setting}}). Параметры переменной, а также это предупреждение будут устаревать в будущей версии.

Я смог прояснить эти 3 довольно легко с помощью поиска старого старого Google.

Я изменил

$ контрольная точка-к-EMS: истинно;

быть

@include-точка прерывания установлен ('в Эмс', правда);

Я изменил

$ контрольной точки-нет-запроса-откаты: верно;

чтобы быть

@include точки останова-набор ('нет запроса откаты', TRUE);

Я изменил

$ точек останова по умолчанию СМИ: экран;

быть

@include контрольная точка-множество ('по умолчанию медиа', экран);

Проблема, с которой я сталкиваюсь сейчас, заключается в том, что каждый экземпляр mixpoint breakpoint используется в моем bluehive.Файл СКС с использованием $ средних или $ большой точки останова, такие как

@include breakpoint($medium) { 
     font-size: 60px; 
} 

бросает предупреждение:

ВНИМАНИЕ: Для того, чтобы избежать переменных столкновений namspace, мы имеем обновленный способ для изменения настроек для точки останова. Пожалуйста, измените все экземпляров $breakpoint-no-queries: {{setting}} на @include breakpoint-set('no queries', {{setting}}). Переменные настройки, а также , так как это предупреждение будет устаревшим в будущей версии. в строке 16 из /Users/chadwarren/.rvm/gems/ruby-2.3.0/gems/breakpoint-2.7.0/stylesheets/breakpoint/_legacy-settings.scss, в legacy-settings-warning' from line 41 of /Users/chadwarren/.rvm/gems/ruby-2.3.0/gems/breakpoint-2.7.0/stylesheets/_breakpoint.scss, in точка останова ' из строки 62 из/Пользователи/chadwarren/Dropbox/Bluehive Interactive/Веб-сайт 2016/Тема/bluehiveinteractive-2016/assets/scss/_bluehive.scss из строки 14 из/Пользователи/chadwarren/Dropbox/Bluehive Интерактивный/Веб-сайт 2016/Тема/bluehiveinteractive-2016 /assets/scss/styles.scss

ПРЕДУПРЕЖДЕНИЕ. Чтобы избежать столкновений с переменными namspace, у нас есть , обновленный способ изменения настроек точки останова. Измените все экземпляры $breakpoint-no-query-fallbacks: {{setting}} на @include breakpoint-set('no query fallbacks', {{setting}}). Переменные настройки , а также это предупреждение будут устаревать в будущем выпуске . в строке 16 из /Users/chadwarren/.rvm/gems/ruby-2.3.0/gems/breakpoint-2.7.0/stylesheets/breakpoint/_legacy-settings.scss, в legacy-settings-warning' from line 41 of /Users/chadwarren/.rvm/gems/ruby-2.3.0/gems/breakpoint-2.7.0/stylesheets/_breakpoint.scss, in точка останова ' из строки 62 из/Пользователи/chadwarren/Dropbox/Bluehive Interactive/Веб-сайт 2016/Тема/bluehiveinteractive-2016/assets/scss/_bluehive.scss из строки 14 из/Пользователи/chadwarren/Dropbox/Bluehive Интерактивный/Веб-сайт 2016/Тема/bluehiveinteractive-2016 /assets/scss/styles.scss

ПРЕДУПРЕЖДЕНИЕ. Чтобы избежать столкновений с переменными namspace, у нас есть , обновленный способ изменения настроек точки останова. Пожалуйста, измените все экземпляров $breakpoint-no-queries: {{setting}} на @include breakpoint-set('no queries', {{setting}}). Переменные настройки, а также , так как это предупреждение будет устаревшим в будущей версии. в строке 16 из /Users/chadwarren/.rvm/gems/ruby-2.3.0/gems/breakpoint-2.7.0/stylesheets/breakpoint/_legacy-settings.scss, в legacy-settings-warning' from line 41 of /Users/chadwarren/.rvm/gems/ruby-2.3.0/gems/breakpoint-2.7.0/stylesheets/_breakpoint.scss, in точка останова ' из строки 87 из/Пользователи/chadwarren/Dropbox/Bluehive Interactive/Веб-сайт 2016/Тема/bluehiveinteractive-2016/assets/scss/_bluehive.scss из строки 14 из/Пользователи/chadwarren/Dropbox/Bluehive Интерактивный/Веб-сайт 2016/Тема/bluehiveinteractive-2016 /assets/scss/styles.scss

ПРЕДУПРЕЖДЕНИЕ. Чтобы избежать столкновений с переменными namspace, у нас есть , обновленный способ изменения настроек точки останова. Измените все экземпляры $breakpoint-no-query-fallbacks: {{setting}} на @include breakpoint-set('no query fallbacks', {{setting}}). Переменные настройки , а также это предупреждение будут устаревать в будущем выпуске . в строке 16 из /Users/chadwarren/.rvm/gems/ruby-2.3.0/gems/breakpoint-2.7.0/stylesheets/breakpoint/_legacy-settings.scss, в legacy-settings-warning' from line 41 of /Users/chadwarren/.rvm/gems/ruby-2.3.0/gems/breakpoint-2.7.0/stylesheets/_breakpoint.scss, in точка останова ' из строки 87 из/Пользователи/chadwarren/Dropbox/Bluehive Interactive/Веб-сайт 2016/Тема/bluehiveinteractive-2016/assets/scss/_bluehive.СКС от линии 14/Users/chadwarren/Dropbox/Bluehive Interactive/Сайт 2016/Тема/bluehiveinteractive-2016/активы/СКС/styles.scss

ВНИМАНИЕ: Для того, чтобы избежать столкновений переменных namspace, мы имеем обновил способ изменения настроек для точки останова. Пожалуйста, измените все экземпляров $breakpoint-no-queries: {{setting}} на @include breakpoint-set('no queries', {{setting}}). Переменные настройки, а также , так как это предупреждение будет устаревшим в будущей версии. в строке 16 из /Users/chadwarren/.rvm/gems/ruby-2.3.0/gems/breakpoint-2.7.0/stylesheets/breakpoint/_legacy-settings.scss, in legacy-settings-warning' from line 41 of /Users/chadwarren/.rvm/gems/ruby-2.3.0/gems/breakpoint-2.7.0/stylesheets/_breakpoint.scss, in точка останова ' из строки 90 из/Пользователи/chadwarren/Dropbox/Bluehive Interactive/Веб-сайт 2016/Тема/bluehiveinteractive-2016/assets/scss/_bluehive.scss из строки 14 из/Пользователи/chadwarren/Dropbox/Bluehive Интерактивный/Веб-сайт 2016/Тема/bluehiveinteractive-2016 /assets/scss/styles.scss

ПРЕДУПРЕЖДЕНИЕ. Чтобы избежать столкновений с переменными namspace, у нас есть , обновленный способ изменения настроек точки останова. Измените все экземпляры $breakpoint-no-query-fallbacks: {{setting}} на @include breakpoint-set('no query fallbacks', {{setting}}). Переменные настройки , а также это предупреждение будут устаревать в будущем выпуске . в строке 16 из /Users/chadwarren/.rvm/gems/ruby-2.3.0/gems/breakpoint-2.7.0/stylesheets/breakpoint/_legacy-settings.scss, in legacy-settings-warning' from line 41 of /Users/chadwarren/.rvm/gems/ruby-2.3.0/gems/breakpoint-2.7.0/stylesheets/_breakpoint.scss, in точка останова ' из строки 90 из/Пользователи/chadwarren/Dropbox/Bluehive Interactive/Веб-сайт 2016/Тема/bluehiveinteractive-2016/assets/scss/_bluehive.scss из строки 14 из/Пользователи/chadwarren/Dropbox/Bluehive Интерактивный/Веб-сайт 2016/Тема/bluehiveinteractive-2016 /assets/scss/styles.scss

ПРЕДУПРЕЖДЕНИЕ. Чтобы избежать столкновений с переменными namspace, у нас есть , обновленный способ изменения настроек точки останова. Пожалуйста, измените все экземпляров $breakpoint-no-queries: {{setting}} на @include breakpoint-set('no queries', {{setting}}). Переменные настройки, а также , так как это предупреждение будет устаревшим в будущей версии. в строке 16 из /Users/chadwarren/.rvm/gems/ruby-2.3.0/gems/breakpoint-2.7.0/stylesheets/breakpoint/_legacy-settings.scss, в legacy-settings-warning' from line 41 of /Users/chadwarren/.rvm/gems/ruby-2.3.0/gems/breakpoint-2.7.0/stylesheets/_breakpoint.scss, in точка останова ' из строки 99 of/Пользователи/chadwarren/Dropbox/Bluehive Interactive/Веб-сайт 2016/Тема/bluehiveinteractive-2016/assets/scss/_bluehive.scss из строки 14 из/Пользователи/chadwarren/Dropbox/Bluehive Интерактивный/Веб-сайт 2016/Тема/bluehiveinteractive-2016 /assets/scss/styles.scss

ПРЕДУПРЕЖДЕНИЕ. Чтобы избежать столкновений с переменными namspace, у нас есть , обновленный способ изменения настроек точки останова. Измените все экземпляры $breakpoint-no-query-fallbacks: {{setting}} на @include breakpoint-set('no query fallbacks', {{setting}}). Переменные настройки , а также это предупреждение будут устаревать в будущем выпуске . в строке 16 из /Users/chadwarren/.rvm/gems/ruby-2.3.0/gems/breakpoint-2.7.0/stylesheets/breakpoint/_legacy-settings.scss, в legacy-settings-warning' from line 41 of /Users/chadwarren/.rvm/gems/ruby-2.3.0/gems/breakpoint-2.7.0/stylesheets/_breakpoint.scss, in точка останова ' из строки 99 of/Пользователи/chadwarren/Dropbox/Bluehive Interactive/Веб-сайт 2016/Тема/bluehiveinteractive-2016/assets/scss/_bluehive.scss из строки 14 из/Пользователи/chadwarren/Dropbox/Bluehive Интерактивный/Веб-сайт 2016/Тема/bluehiveinteractive-2016/активы/СКС/стили.scss

Есть ли новый способ объявления и использования точек останова в версии 2.7.0? Я не смог найти ничего, что говорит о том, что это изменилось.

Спасибо :-)

Answer 1

Try включая @import "breakpoint"; в вашем styles.scss, после использования

@include breakpoint-set('no queries', true); @include breakpoint-set('no query fallbacks', true);