斷點2.7.0語法

我一直在使用斷點2.5。我有一個新的Mac和安裝斷點。我安裝了2.7.0顯然，斷點的2.5.0和2.7.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;

我會再調用一個mixin比如，如果我想以下目標$中斷點：

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

使用與斷點2.5.0罰款。在2.7.0中使用它會導致幾個警告。

警告：爲避免變量namspace碰撞，我們更新了更改斷點設置的方法。請將$breakpoint-default-media: {{setting}}的所有實例更改爲@include breakpoint-set('default media', {{setting}})。變量設置以及此警告將在未來版本中棄用。

警告：爲避免變量namspace碰撞，我們更新了更改斷點設置的方法。請將$breakpoint-to-ems: {{setting}}的所有實例更改爲@include breakpoint-set('to ems', {{setting}})。變量設置以及此警告將在未來版本中棄用。

警告：爲避免變量namspace碰撞，我們更新了更改斷點設置的方法。請將$breakpoint-no-queries: {{setting}}的所有實例更改爲@include breakpoint-set('no queries', {{setting}})。變量設置以及此警告將在未來版本中棄用。

警告：爲避免變量namspace碰撞，我們更新了更改斷點設置的方法。請將$breakpoint-no-query-fallbacks: {{setting}}的所有實例更改爲@include breakpoint-set('no query fallbacks', {{setting}})。變量設置以及此警告將在未來版本中棄用。

我能夠很容易地通過搜索優秀的舊Google來清理這3個。

我改變了

$ breakpoint-to-ems：true;

是

@include斷點設定（ '到EMS'，TRUE）;

我改變了

$ breakpoint-no-query-fallbacks：true;

是

@include斷點集（ '沒有查詢回退'，TRUE）;

我改變了

$ breakpoint-default-media：screen;

是

@include斷點集（ '默認媒體'，屏幕）;

現在我遇到的問題是，在我的藍牙中使用了斷點mixin的每個實例。SCSS文件中使用$媒體或$大斷點，如

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

拋出一個警告：

警告：爲了避免變量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，在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行/斷點' /62行/ Users/chadwarren/Dropbox/Bluehive Interactive/Website 2016/Theme/bluehiveinteractive-2016用戶/ chadwarren/Dropbox/Bluehive Interactive/Website 2016/Theme/bluehiveinteractive-2016/assets/scss/_bluehive.scss /assets/scss/styles.scss

警告：爲避免可變的namspace衝突，我們已更新更改斷點設置的方式。請將$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行/斷點' /62行/ Users/chadwarren/Dropbox/Bluehive Interactive/Website 2016/Theme/bluehiveinteractive-2016用戶/ chadwarren/Dropbox/Bluehive Interactive/Website 2016/Theme/bluehiveinteractive-2016/assets/scss/_bluehive.scss /assets/scss/styles.scss

警告：爲避免可變的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， 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/87行/ Users/chadwarren/Dropbox/Bluehive Interactive/Website 2016/Theme/bluehiveinteractive-2016用戶/ chadwarren/Dropbox/Bluehive Interactive/Website 2016/Theme/bluehiveinteractive-2016/assets/scss/_bluehive.scss /assets/scss/styles.scss

警告：爲避免可變的namspace衝突，我們已更新更改斷點設置的方式。請將$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， 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/87行/用戶/ chadwarren/Dropbox/Bluehive互動/網站 2016/Theme/bluehiveinteractive-2016/assets/scss/_bluehive。SCSS 從線14 /用戶/ chadwarren/Dropbox的/ Bluehive互動/網站 2016 /主題/ bluehiveinteractive-2016 /資產/ SCSS/styles.scss

警告：爲了避免變量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行/ Users/chadwarren/Dropbox/Bluehive Interactive/Website 2016/Theme/bluehiveinteractive-2016用戶/ chadwarren/Dropbox/Bluehive Interactive/Website 2016/Theme/bluehiveinteractive-2016/assets/scss/_bluehive.scss /assets/scss/styles.scss

警告：爲避免可變的namspace衝突，我們已更新更改斷點設置的方式。請將$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行/ Users/chadwarren/Dropbox/Bluehive Interactive/Website 2016/Theme/bluehiveinteractive-2016用戶/ chadwarren/Dropbox/Bluehive Interactive/Website 2016/Theme/bluehiveinteractive-2016/assets/scss/_bluehive.scss /assets/scss/styles.scss

警告：爲避免可變的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，在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行/斷點' 從/ 99行/ Users/chadwarren/Dropbox/Bluehive Interactive/Website 2016/Theme/bluehiveinteractive-2016用戶/ chadwarren/Dropbox/Bluehive Interactive/Website 2016/Theme/bluehiveinteractive-2016/assets/scss/_bluehive.scss /assets/scss/styles.scss

警告：爲避免可變的namspace衝突，我們已更新更改斷點設置的方式。請將$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行/斷點' 從/ 99行/ Users/chadwarren/Dropbox/Bluehive Interactive/Website 2016/Theme/bluehiveinteractive-2016用戶/ chadwarren/Dropbox/Bluehive Interactive/Website 2016/Theme/bluehiveinteractive-2016/assets/scss/_bluehive.scss /資產/ SCSS /風格。scss

在2.7.0版本中是否有一種聲明和使用斷點的新方法？我一直無法找到任何說這已經改變的東西。

謝謝:-)

來源

2016-03-20 Chad Warren

嘗試，包括在你的styles.scss @import "breakpoint";，使用後

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

來源

2016-09-05 14:45:42 Eddy

回答

相關問題