Я использовал точку останова 2.5 для некоторого времени. Я получил новый Mac и установил точку останова на нем. Я установил 2.7.0. Очевидно, что произошли некоторые изменения в пределах от 2.5.0 до 2.7.0 точки останова.Breakpoint 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, inlegacy-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, inlegacy-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? Я не смог найти ничего, что говорит о том, что это изменилось.
Спасибо :-)