断点2.7.0语法

Question

我一直在使用断点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一起使用会导致多次警告。

警告：为了避免变量namspace冲突，我们更新了更改Breakpoint设置的方法。请将$breakpoint-default-media: {{setting}}的所有实例更改为@include breakpoint-set('default media', {{setting}})。变量设置以及此警告将在以后的版本中弃用。

警告：为了避免变量namspace冲突，我们更新了更改Breakpoint设置的方法。请将$breakpoint-to-ems: {{setting}}的所有实例更改为@include breakpoint-set('to ems', {{setting}})。变量设置以及此警告将在以后的版本中弃用。

警告：为了避免变量namspace冲突，我们更新了更改Breakpoint设置的方法。请将$breakpoint-no-queries: {{setting}}的所有实例更改为@include breakpoint-set('no queries', {{setting}})。变量设置以及此警告将在以后的版本中弃用。

警告：为了避免变量namspace冲突，我们更新了更改Breakpoint设置的方法。请将$breakpoint-no-query-fallbacks: {{setting}}的所有实例更改为@include breakpoint-set('no query fallbacks', {{setting}})。变量设置以及此警告将在以后的版本中弃用。

通过搜索好的旧谷歌，我能够轻松地清理这3个。

我改变了

$ breakpoint-to-ems：true;

是

@include breakpoint-set（＆＃39; to ems＆＃39;，true）;

我改变了

$ breakpoint-no-query-fallbacks：true;

是

@include breakpoint-set（＆＃39; no query fallbacks＆＃39;，true）;

我改变了

$ breakpoint-default-media：screen;

是

@include breakpoint-set（＆＃39;默认媒体＆＃39;，屏幕）;

我现在遇到的问题是使用$ medium或$ large断点在我的bluehive.scss文件中使用断点mixin的每个实例，例如

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

正在发出警告：

  

警告：为了避免可变的namspace冲突，我们有   更新了更改Breakpoint设置的方法。请改变一切   $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断点＆＃39;            来自/ Users / chadwarren / Dropbox / Bluehive Interactive / Website的第62行   2016 /主题/ bluehiveinteractive-2016 /资产/ SCSS / _bluehive.scss            来自/ Users / chadwarren / Dropbox / Bluehive Interactive / Website的第14行   2016 /主题/ bluehiveinteractive-2016 /资产/ SCSS / styles.scss

     

警告：为了避免可变的namspace冲突，我们有   更新了更改Breakpoint设置的方法。请改变一切   $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断点＆＃39;            来自/ Users / chadwarren / Dropbox / Bluehive Interactive / Website的第62行   2016 /主题/ bluehiveinteractive-2016 /资产/ SCSS / _bluehive.scss            来自/ Users / chadwarren / Dropbox / Bluehive Interactive / Website的第14行   2016 /主题/ bluehiveinteractive-2016 /资产/ SCSS / styles.scss

     

警告：为了避免可变的namspace冲突，我们有   更新了更改Breakpoint设置的方法。请改变一切   $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断点＆＃39;            来自/ Users / chadwarren / Dropbox / Bluehive Interactive / Website的第87行   2016 /主题/ bluehiveinteractive-2016 /资产/ SCSS / _bluehive.scss            来自/ Users / chadwarren / Dropbox / Bluehive Interactive / Website的第14行   2016 /主题/ bluehiveinteractive-2016 /资产/ SCSS / styles.scss

     

警告：为了避免可变的namspace冲突，我们有   更新了更改Breakpoint设置的方法。请改变一切   $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断点＆＃39;            来自/ Users / chadwarren / Dropbox / Bluehive Interactive / Website的第87行   2016 /主题/ bluehiveinteractive-2016 /资产/ SCSS / _bluehive.scss            来自/ Users / chadwarren / Dropbox / Bluehive Interactive / Website的第14行   2016 /主题/ bluehiveinteractive-2016 /资产/ SCSS / styles.scss

     

警告：为了避免可变的namspace冲突，我们有   更新了更改Breakpoint设置的方法。请改变一切   $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断点＆＃39;            来自/ Users / chadwarren / Dropbox / Bluehive Interactive / Website的第90行   2016 /主题/ bluehiveinteractive-2016 /资产/ SCSS / _bluehive.scss            来自/ Users / chadwarren / Dropbox / Bluehive Interactive / Website的第14行   2016 /主题/ bluehiveinteractive-2016 /资产/ SCSS / styles.scss

     

警告：为了避免可变的namspace冲突，我们有   更新了更改Breakpoint设置的方法。请改变一切   $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断点＆＃39;            来自/ Users / chadwarren / Dropbox / Bluehive Interactive / Website的第90行   2016 /主题/ bluehiveinteractive-2016 /资产/ SCSS / _bluehive.scss            来自/ Users / chadwarren / Dropbox / Bluehive Interactive / Website的第14行   2016 /主题/ bluehiveinteractive-2016 /资产/ SCSS / styles.scss

     

警告：为了避免可变的namspace冲突，我们有   更新了更改Breakpoint设置的方法。请改变一切   $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断点＆＃39;            来自/ Users / chadwarren / Dropbox / Bluehive Interactive / Website的第99行   2016 /主题/ bluehiveinteractive-2016 /资产/ SCSS / _bluehive.scss            来自/ Users / chadwarren / Dropbox / Bluehive Interactive / Website的第14行   2016 /主题/ bluehiveinteractive-2016 /资产/ SCSS / styles.scss

     

警告：为了避免可变的namspace冲突，我们有   更新了更改Breakpoint设置的方法。请改变一切   $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断点＆＃39;            来自/ Users / chadwarren / Dropbox / Bluehive Interactive / Website的第99行   2016 /主题/ bluehiveinteractive-2016 /资产/ SCSS / _bluehive.scss            来自/ Users / chadwarren / Dropbox / Bluehive Interactive / Website的第14行   2016 /主题/ bluehiveinteractive-2016 /资产/ SCSS / styles.scss

是否有一种在2.7.0版本中声明和使用断点的新方法？我一直找不到任何说这已经改变的东西。

谢谢： - ）

Answer 1

在使用

后尝试在styles.scss中加入@import "breakpoint";

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