2016-03-20 5 views
1

私はしばらくの間ブレークポイント2.5を使用していました。私は新しいMacとセットアップブレークポイントを持っています。私は2.7.0をインストールしました。明らかに、ブレークポイントの2.5.0と2.7.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ブレークポイントを指定してください:

ブレークポイント2.5.0でそれを使用しても問題ありません。 2.7.0でそれを使用すると、いくつかの警告が表示されます。

警告:可変名前空間の衝突を回避するため、Breakpointの設定を変更する方法を更新しました。 $breakpoint-default-media: {{setting}}のすべてのインスタンスを@include breakpoint-set('default media', {{setting}})に変更してください。変数設定とこの警告は、将来のリリースで廃止される予定です。

警告:可変名前空間の衝突を回避するため、Breakpointの設定を変更する方法を更新しました。 $breakpoint-to-ems: {{setting}}のすべてのインスタンスを@include breakpoint-set('to ems', {{setting}})に変更してください。変数設定とこの警告は、将来のリリースで廃止される予定です。

警告:可変名前空間の衝突を回避するため、Breakpointの設定を変更する方法を更新しました。 $breakpoint-no-queries: {{setting}}のすべてのインスタンスを@include breakpoint-set('no queries', {{setting}})に変更してください。変数設定とこの警告は、将来のリリースで廃止される予定です。

警告:可変名前空間の衝突を回避するため、Breakpointの設定を変更する方法を更新しました。 $breakpoint-no-query-fallbacks: {{setting}}のすべてのインスタンスを@include breakpoint-set('no query fallbacks', {{setting}})に変更してください。変数設定とこの警告は、将来のリリースで廃止される予定です。

私はかなり古いGoogleの検索でこれらの3つをかなり簡単にクリアすることができました。

変更されました。

$ breakpoint-to-ems:true; (真、 'EMSに')

@includeブレークポイント設定する

私は

$ブレークポイント-NO-問合せフォールバックに変更:真を、

(真「はクエリフォールバック」)

@includeブレークポイントセットをできなくします。

私は

$ブレークポイント - デフォルトのメディア変更:画面を、

@includeブレークポイントセット( 'デフォルトのメディア'、スクリーン)です。

私が今問題にしているのは、ブレークポイントmixinのすべてのインスタンスが私のブルーハイブで使用されているということです。

WARNING:変数namspaceの衝突を避けるために、我々は、設定を変更する方法を を更新しているように

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

として$媒体または$大ブレークポイントを使用して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、 のlegacy-settings-warning' from line 41 of /Users/chadwarren/.rvm/gems/ruby-2.3.0/gems/breakpoint-2.7.0/stylesheets/_breakpoint.scss, inの中の16行目の'/ユーザー/チャドワーリー/ Dropbox/Bluehive Interactive/Website 2016 /テーマ/ bluehiveinteractive-2016/assets/scss/_bluehive.scss /ユーザー/チャドワーリー/ Dropbox/Bluehive Interactive/Websiteの14行目から 2016/Theme/bluehiveinteractive-2016 /assets/scss/styles.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、 のlegacy-settings-warning' from line 41 of /Users/chadwarren/.rvm/gems/ruby-2.3.0/gems/breakpoint-2.7.0/stylesheets/_breakpoint.scss, inの中の16行目の'/ユーザー/チャドワーリー/ Dropbox/Bluehive Interactive/Website 2016 /テーマ/ bluehiveinteractive-2016/assets/scss/_bluehive.scss /ユーザー/チャドワーリー/ Dropbox/Bluehive Interactive/Websiteの14行目から 2016/Theme/bluehiveinteractive-2016 /assets/scss/styles.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、 のlegacy-settings-warning' from line 41 of /Users/chadwarren/.rvm/gems/ruby-2.3.0/gems/breakpoint-2.7.0/stylesheets/_breakpoint.scss, inの中の16行目の 'ユーザー/チャドワーリー/ Dropbox/Bluehive Interactive/Website 2016 /テーマ/ bluehiveinteractive-2016/assets/scss/_bluehive.scss /ユーザー/チャドワーリー/ Dropbox/Bluehive Interactive/Websiteの14行目から 2016/Theme/bluehiveinteractive-2016 /assets/scss/styles.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、 のlegacy-settings-warning' from line 41 of /Users/chadwarren/.rvm/gems/ruby-2.3.0/gems/breakpoint-2.7.0/stylesheets/_breakpoint.scss, inの中の16行目の 'ユーザー/チャドワール/ Dropbox/Bluehive Interactive/Website 2016/Theme/bluehiveinteractive-2016/assets/scss/_bluehive。ライン14からSCSS の/ユーザ/ chadwarren/Dropboxの/ Bluehiveインタラクティブ/サイト 2016 /テーマ/ bluehiveinteractive-2016 /資産/ SCSS/styles.scss

WARNING:変数namspaceの衝突を避けるために、我々は持っている ブレークポイントの設定を変更する方法を更新しました。 $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にブレークポイント」 のライン90から/ユーザー/チャドワーリー/ Dropbox/Bluehive Interactive/Website 2016 /テーマ/ bluehiveinteractive-2016/assets/scss/_bluehive.scss /ユーザー/チャドワーリー/ Dropbox/Bluehive Interactive/Websiteの14行目から 2016/Theme/bluehiveinteractive-2016 /assets/scss/styles.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にブレークポイント」 のライン90から/ユーザー/チャドワーリー/ Dropbox/Bluehive Interactive/Website 2016 /テーマ/ bluehiveinteractive-2016/assets/scss/_bluehive.scss /ユーザー/チャドワーリー/ Dropbox/Bluehive Interactive/Websiteの14行目から 2016/Theme/bluehiveinteractive-2016 /assets/scss/styles.scss

警告:変数の名前空間の衝突を避けるため、 は、ブレークポイントの設定を変更する方法を更新しました。 $breakpoint-no-queries: {{setting}}の のインスタンスをすべて@include breakpoint-set('no queries', {{setting}})に変更してください。変数設定もこの警告として としており、今後のリリースで廃止予定です。 on 16 of 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 breakpoint ' from /ユーザー/チャドワーリー/ Dropbox/Bluehive Interactive/Website 2016 /テーマ/ bluehiveinteractive-2016/assets/scss/_bluehive.scss /ユーザー/チャドワーリー/ Dropbox/Bluehive Interactive/Websiteの14行目から 2016/Theme/bluehiveinteractive-2016 /assets/scss/styles.scss

警告:変数の名前空間の衝突を避けるため、 は、ブレークポイントの設定を変更する方法を更新しました。 のインスタンスを$breakpoint-no-query-fallbacks: {{setting}}から @include breakpoint-set('no query fallbacks', {{setting}})に変更してください。変数 の設定と、この警告は今後のリリースでは廃止予定です。 リリース。 on 16 of 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 breakpoint ' from /ユーザー/チャドワーリー/ Dropbox/Bluehive Interactive/Website 2016 /テーマ/ bluehiveinteractive-2016/assets/scss/_bluehive.scss /ユーザー/チャドワーリー/ Dropbox/Bluehive Interactive/Websiteの14行目から 2016/Theme/bluehiveinteractive-2016/assets/scss/styles。scss

バージョン2.7.0でブレークポイントを宣言して使用する新しい方法がありますか?私はこれが変わったということを見つけることができませんでした。

は、使用後、あなたのstyles.scssで @import "breakpoint";含む

答えて

0

てみてください:-)ありがとう

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