私はかなり長い間ブレークポイント 2.5 を使用していました。新しい Mac を入手し、それにブレークポイントを設定しました。2.7.0 をインストールしました 2.5.0 と 2.7.0 の間でブレークポイントが変更されていることは明らかです。
これが私のbreakpoint.scssファイルの内容です（px値は無視してください。入力したランダムなものです）
$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 ブレークポイントをターゲットにしたい場合は、次のような mixin を呼び出します。
@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}})。変数の設定とこの警告は、将来のリリースで廃止される予定です。
古き良きGoogleの検索で、これら3つをかなり簡単にクリアできました。
私が変更され
$breakpoint-to-ems: true;
することが
@include breakpoint-set('to ems', true);
私が変更され
$breakpoint-no-query-fallbacks: true;
することが
@include breakpoint-set('no query fallbacks', true);
私が変更され
$breakpoint-default-media: スクリーン;
することが
@include breakpoint-set('default media', screen);
私が今抱えている問題は、次のような $medium または $large ブレークポイントを使用して、私の bluehive.scss ファイルで使用されているブレークポイント mixin のすべてのインスタンスです。
@include breakpoint($medium) {
font-size: 60px;
}
警告を投げています：
警告: 変数の名前空間の衝突を避けるために、ブレークポイントの設定を変更する方法を更新しました。のすべてのインスタンスを に変更して
$breakpoint-no-queries: {{setting}}ください@include breakpoint-set('no queries', {{setting}})。変数の設定とこの警告は、将来のリリースで廃止される予定です。/Users/chadwarren/.rvm/gems/ruby-2.3.0/gems/breakpoint-2.7.0/stylesheets/breakpoint/_legacy-settings.scss の 16 行目legacy-settings-warning' from line 41 of /Users/chadwarren/.rvm/gems/ruby-2.3.0/gems/breakpoint-2.7.0/stylesheets/_breakpoint.scss, in、/Users/chadwarren/ の 62 行目のブレークポイント内Dropbox/Bluehive Interactive/Website 2016/Theme/bluehiveinteractive-2016/assets/scss/_bluehive.scss (/Users/chadwarren/Dropbox/Bluehive Interactive/Website 2016/Theme/bluehiveinteractive-2016/assets/scss/styles の 14 行目)。 scss警告: 変数の名前空間の衝突を避けるために、ブレークポイントの設定を変更する方法を更新しました。のすべてのインスタンスを に変更して
$breakpoint-no-query-fallbacks: {{setting}}ください@include breakpoint-set('no query fallbacks', {{setting}})。変数の設定とこの警告は、将来のリリースで廃止される予定です。/Users/chadwarren/.rvm/gems/ruby-2.3.0/gems/breakpoint-2.7.0/stylesheets/breakpoint/_legacy-settings.scss の 16 行目legacy-settings-warning' from line 41 of /Users/chadwarren/.rvm/gems/ruby-2.3.0/gems/breakpoint-2.7.0/stylesheets/_breakpoint.scss, in、/Users/chadwarren/ の 62 行目のブレークポイント内Dropbox/Bluehive Interactive/Website 2016/Theme/bluehiveinteractive-2016/assets/scss/_bluehive.scss (/Users/chadwarren/Dropbox/Bluehive Interactive/Website 2016/Theme/bluehiveinteractive-2016/assets/scss/styles の 14 行目)。 scss警告: 変数の名前空間の衝突を避けるために、ブレークポイントの設定を変更する方法を更新しました。のすべてのインスタンスを に変更して
$breakpoint-no-queries: {{setting}}ください@include breakpoint-set('no queries', {{setting}})。変数の設定とこの警告は、将来のリリースで廃止される予定です。/Users/chadwarren/.rvm/gems/ruby-2.3.0/gems/breakpoint-2.7.0/stylesheets/breakpoint/_legacy-settings.scss の 16 行目legacy-settings-warning' from line 41 of /Users/chadwarren/.rvm/gems/ruby-2.3.0/gems/breakpoint-2.7.0/stylesheets/_breakpoint.scss, in、/Users/chadwarren/ の 87 行目のブレークポイント内Dropbox/Bluehive Interactive/Website 2016/Theme/bluehiveinteractive-2016/assets/scss/_bluehive.scss (/Users/chadwarren/Dropbox/Bluehive Interactive/Website 2016/Theme/bluehiveinteractive-2016/assets/scss/styles の 14 行目)。 scss警告: 変数の名前空間の衝突を避けるために、ブレークポイントの設定を変更する方法を更新しました。のすべてのインスタンスを に変更して
$breakpoint-no-query-fallbacks: {{setting}}ください@include breakpoint-set('no query fallbacks', {{setting}})。変数の設定とこの警告は、将来のリリースで廃止される予定です。/Users/chadwarren/.rvm/gems/ruby-2.3.0/gems/breakpoint-2.7.0/stylesheets/breakpoint/_legacy-settings.scss の 16 行目legacy-settings-warning' from line 41 of /Users/chadwarren/.rvm/gems/ruby-2.3.0/gems/breakpoint-2.7.0/stylesheets/_breakpoint.scss, in、/Users/chadwarren/ の 87 行目のブレークポイント内Dropbox/Bluehive Interactive/Website 2016/Theme/bluehiveinteractive-2016/assets/scss/_bluehive.scss (/Users/chadwarren/Dropbox/Bluehive Interactive/Website 2016/Theme/bluehiveinteractive-2016/assets/scss/styles の 14 行目)。 scss警告: 変数の名前空間の衝突を避けるために、ブレークポイントの設定を変更する方法を更新しました。のすべてのインスタンスを に変更して
$breakpoint-no-queries: {{setting}}ください@include breakpoint-set('no queries', {{setting}})。変数の設定とこの警告は、将来のリリースで廃止される予定です。/Users/chadwarren/.rvm/gems/ruby-2.3.0/gems/breakpoint-2.7.0/stylesheets/breakpoint/_legacy-settings.scss の 16 行目legacy-settings-warning' from line 41 of /Users/chadwarren/.rvm/gems/ruby-2.3.0/gems/breakpoint-2.7.0/stylesheets/_breakpoint.scss, in、/Users/chadwarren/ の 90 行目のブレークポイント内/Users/chadwarren/Dropbox/Bluehive Interactive/Website 2016/Theme/bluehiveinteractive-2016/assets/scss/styles の 14 行目の Dropbox/Bluehive Interactive/Website 2016/Theme/bluehiveinteractive-2016/assets/scss/_bluehive.scss。 scss警告: 変数の名前空間の衝突を避けるために、ブレークポイントの設定を変更する方法を更新しました。のすべてのインスタンスを に変更して
$breakpoint-no-query-fallbacks: {{setting}}ください@include breakpoint-set('no query fallbacks', {{setting}})。変数の設定とこの警告は、将来のリリースで廃止される予定です。/Users/chadwarren/.rvm/gems/ruby-2.3.0/gems/breakpoint-2.7.0/stylesheets/breakpoint/_legacy-settings.scss の 16 行目legacy-settings-warning' from line 41 of /Users/chadwarren/.rvm/gems/ruby-2.3.0/gems/breakpoint-2.7.0/stylesheets/_breakpoint.scss, in、/Users/chadwarren/ の 90 行目のブレークポイント内/Users/chadwarren/Dropbox/Bluehive Interactive/Website 2016/Theme/bluehiveinteractive-2016/assets/scss/styles の 14 行目の Dropbox/Bluehive Interactive/Website 2016/Theme/bluehiveinteractive-2016/assets/scss/_bluehive.scss。 scss警告: 変数の名前空間の衝突を避けるために、ブレークポイントの設定を変更する方法を更新しました。のすべてのインスタンスを に変更して
$breakpoint-no-queries: {{setting}}ください@include breakpoint-set('no queries', {{setting}})。変数の設定とこの警告は、将来のリリースで廃止される予定です。/Users/chadwarren/.rvm/gems/ruby-2.3.0/gems/breakpoint-2.7.0/stylesheets/breakpoint/_legacy-settings.scss の 16 行目legacy-settings-warning' from line 41 of /Users/chadwarren/.rvm/gems/ruby-2.3.0/gems/breakpoint-2.7.0/stylesheets/_breakpoint.scss, in、/Users/chadwarren/ の 99 行目のブレークポイント内/Users/chadwarren/Dropbox/Bluehive Interactive/Website 2016/Theme/bluehiveinteractive-2016/assets/scss/styles の 14 行目の Dropbox/Bluehive Interactive/Website 2016/Theme/bluehiveinteractive-2016/assets/scss/_bluehive.scss。 scss警告: 変数の名前空間の衝突を避けるために、ブレークポイントの設定を変更する方法を更新しました。のすべてのインスタンスを に変更して
$breakpoint-no-query-fallbacks: {{setting}}ください@include breakpoint-set('no query fallbacks', {{setting}})。変数の設定とこの警告は、将来のリリースで廃止される予定です。/Users/chadwarren/.rvm/gems/ruby-2.3.0/gems/breakpoint-2.7.0/stylesheets/breakpoint/_legacy-settings.scss の 16 行目legacy-settings-warning' from line 41 of /Users/chadwarren/.rvm/gems/ruby-2.3.0/gems/breakpoint-2.7.0/stylesheets/_breakpoint.scss, in、/Users/chadwarren/ の 99 行目のブレークポイント内/Users/chadwarren/Dropbox/Bluehive Interactive/Website 2016/Theme/bluehiveinteractive-2016/assets/scss/styles の 14 行目の Dropbox/Bluehive Interactive/Website 2016/Theme/bluehiveinteractive-2016/assets/scss/_bluehive.scss。 scss
バージョン 2.7.0 でブレークポイントを宣言して使用する新しい方法はありますか? これが変更されたと言うものを見つけることができませんでした。
ありがとうございました ：-）