Haltepunkt 2.7.0 Syntax

Question

Ich habe Breakpoint 2.5 schon seit einiger Zeit benutzt. Ich habe einen neuen Mac und einen Breakpoint eingerichtet. Ich habe 2.7.0 installiert. Offensichtlich gab es einige Änderungen zwischen 2.5.0 und 2.7.0 des Breakpoints. Hier

ist der Inhalt meiner breakpoint.scss Datei (ignorieren Sie die Pixel-Werte, sie sind nur zufällig, die ich eingegeben)

$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; 

Ich würde dann eine mixin nennen wie die folgende wenn ich es wollte Ziel des $ Medium Breakpoint:

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

verwenden, das mit Breakpoint 2.5.0 war in Ordnung. Die Verwendung mit 2.7.0 verursacht mehrere Warnungen.

WARNUNG: Um Variablen-Kollisionen zu vermeiden, haben wir den Weg zum Ändern der Einstellungen für Breakpoint aktualisiert. Bitte ändern Sie alle Instanzen von $breakpoint-default-media: {{setting}} zu @include breakpoint-set('default media', {{setting}}). Variable Einstellungen sowie diese Warnung werden in einer zukünftigen Version nicht weiter unterstützt.

WARNUNG: Um Variablen-Kollisionen zu vermeiden, haben wir den Weg zum Ändern der Einstellungen für Breakpoint aktualisiert. Bitte ändern Sie alle Instanzen von $breakpoint-to-ems: {{setting}} zu @include breakpoint-set('to ems', {{setting}}). Variable Einstellungen sowie diese Warnung werden in einer zukünftigen Version nicht weiter unterstützt.

WARNUNG: Um Variablen-Kollisionen zu vermeiden, haben wir den Weg zum Ändern der Einstellungen für Breakpoint aktualisiert. Bitte ändern Sie alle Instanzen von $breakpoint-no-queries: {{setting}} zu . Variable Einstellungen sowie diese Warnung werden in einer zukünftigen Version nicht weiter unterstützt.

WARNUNG: Um Variablen-Kollisionen zu vermeiden, haben wir den Weg zum Ändern der Einstellungen für Breakpoint aktualisiert. Bitte ändern Sie alle Instanzen von $breakpoint-no-query-fallbacks: {{setting}} zu @include breakpoint-set('no query fallbacks', {{setting}}). Variable Einstellungen sowie diese Warnung werden in einer zukünftigen Version nicht weiter unterstützt.

Ich konnte diese 3 ziemlich leicht mit einer Suche nach guten alten Google aufräumen.

Ich änderte

$ Breakpoint-to-ems: true;

@include Breakpoint-Set ('EMS', true) zu sein;

Ich änderte

$ Breakpoint-no-Abfrage-Fallbacks: true;

@include Breakpoint-Set ('keine Abfrage Fallbacks', true) zu sein;

Ich änderte

$ Breakpoint-default-Medien: Bildschirm;

@include Breakpoint-Set ('default media', Bildschirm) zu sein;

Das Problem, das ich jetzt habe, ist, dass jede Instanz des Breakpoint Mixin in meinem Bluehive verwendet wird.SCSS Datei die $ Medium oder $ großen Breakpoint verwenden, wie

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

wirft eine Warnung:

ACHTUNG: Um variable namspace Kollisionen zu vermeiden, haben wir aktualisiert die Art und Weise Einstellungen zu ändern für Haltepunkt. Bitte ändern Sie alle Instanzen von $breakpoint-no-queries: {{setting}} zu @include breakpoint-set('no queries', {{setting}}). Variable Einstellungen, sowie , da diese Warnung in einer zukünftigen Version veraltet sein wird. auf der Leitung 16 von /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‘ aus Leitung 62 von/Benutzer/chadwarren/Dropbox/Bluehive Interactive/Website 2016/Thema/bluehiveinteractive-2016/assets/scss/_bluehive.scss aus Zeile 14 von/Benutzer/chadwarren/Dropbox/Bluehive Interactive/Website 2016/Thema/bluehiveinteractive-2016 /assets/scss/styles.scss

WARNUNG: Um Variablen-Kollisionen zu vermeiden, haben wir den Weg zum Ändern der Einstellungen für Breakpoint aktualisiert. Bitte ändern Sie alle Instanzen von $breakpoint-no-query-fallbacks: {{setting}} zu @include breakpoint-set('no query fallbacks', {{setting}}). Variable Einstellungen, sowie diese Warnung wird in einem zukünftigen Release veraltet sein. in Zeile 16 von /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 Haltepunkt ' von Zeile 62 von/Benutzer/chadwarren/Dropbox/Bluehive Interactive/Website 2016/Thema/bluehiveinteractive-2016/assets/scss/_bluehive.scss aus Zeile 14 von/Benutzer/chadwarren/Dropbox/Bluehive Interactive/Website 2016/Thema/bluehiveinteractive-2016 /assets/scss/styles.scss

WARNUNG: Um Variablen-Kollisionen zu vermeiden, haben wir den Weg zum Ändern der Einstellungen für Breakpoint aktualisiert. Bitte ändern Sie alle Instanzen von $breakpoint-no-queries: {{setting}} zu @include breakpoint-set('no queries', {{setting}}). Variable Einstellungen, sowie , da diese Warnung in einer zukünftigen Version veraltet sein wird. auf der Leitung 16 von /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‘ aus Leitung 87/Benutzer/chadwarren/Dropbox/Bluehive Interactive/Website 2016/Thema/bluehiveinteractive-2016/assets/scss/_bluehive.scss aus Zeile 14 von/Benutzer/chadwarren/Dropbox/Bluehive Interactive/Website 2016/Thema/bluehiveinteractive-2016 /assets/scss/styles.scss

WARNUNG: Um Variablen-Kollisionen zu vermeiden, haben wir den Weg zum Ändern der Einstellungen für Breakpoint aktualisiert. Bitte ändern Sie alle Instanzen von $breakpoint-no-query-fallbacks: {{setting}} zu @include breakpoint-set('no query fallbacks', {{setting}}). Variable Einstellungen, sowie diese Warnung wird in einem zukünftigen Release veraltet sein. auf der Leitung 16 von /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‘ aus Leitung 87/Benutzer/chadwarren/Dropbox/Bluehive Interactive/Webseite 2016/Thema/bluehiveinteractive-2016/assets/scss/_bluehive.SCSS von der Linie 14 von/Users/chadwarren/Dropbox/Bluehive Interactive/Website 2016/Themen/bluehiveinteractive-2016/assets/SCSS/styles.scss

ACHTUNG: Um variable namspace Kollisionen zu vermeiden, haben wir aktualisiert die Möglichkeit, Einstellungen für Breakpoint zu ändern. Bitte ändern Sie alle Instanzen von $breakpoint-no-queries: {{setting}} zu @include breakpoint-set('no queries', {{setting}}). Variable Einstellungen, sowie , da diese Warnung in einer zukünftigen Version veraltet sein wird. in Zeile 16 von /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 Haltepunkt ' von Zeile 90 von/Benutzer/chadwarren/Dropbox/Bluehive Interactive/Website 2016/Thema/bluehiveinteractive-2016/assets/scss/_bluehive.scss aus Zeile 14 von/Benutzer/chadwarren/Dropbox/Bluehive Interactive/Website 2016/Thema/bluehiveinteractive-2016 /assets/scss/styles.scss

WARNUNG: Um Variablen-Kollisionen zu vermeiden, haben wir den Weg zum Ändern der Einstellungen für Breakpoint aktualisiert. Bitte ändern Sie alle Instanzen von $breakpoint-no-query-fallbacks: {{setting}} zu @include breakpoint-set('no query fallbacks', {{setting}}). Variable Einstellungen, sowie diese Warnung wird in einem zukünftigen Release veraltet sein. auf der Leitung 16 von /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‘ von Zeile 90 von/Benutzer/chadwarren/Dropbox/Bluehive Interactive/Website 2016/Thema/bluehiveinteractive-2016/assets/scss/_bluehive.scss aus Zeile 14 von/Benutzer/chadwarren/Dropbox/Bluehive Interactive/Website 2016/Thema/bluehiveinteractive-2016 /assets/scss/styles.scss

WARNUNG: Um Variablen-Kollisionen zu vermeiden, haben wir den Weg zum Ändern der Einstellungen für Breakpoint aktualisiert. Bitte ändern Sie alle Instanzen von $breakpoint-no-queries: {{setting}} zu @include breakpoint-set('no queries', {{setting}}). Variable Einstellungen, sowie , da diese Warnung in einer zukünftigen Version veraltet sein wird. in Zeile 16 von /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 Haltepunkt ' aus Zeile 99 von/Benutzer/chadwarren/Dropbox/Bluehive Interactive/Website 2016/Thema/bluehiveinteractive-2016/assets/scss/_bluehive.scss aus Zeile 14 von/Benutzer/chadwarren/Dropbox/Bluehive Interactive/Website 2016/Thema/bluehiveinteractive-2016 /assets/scss/styles.scss

WARNUNG: Um Variablen-Kollisionen zu vermeiden, haben wir den Weg zum Ändern der Einstellungen für Breakpoint aktualisiert. Bitte ändern Sie alle Instanzen von $breakpoint-no-query-fallbacks: {{setting}} zu @include breakpoint-set('no query fallbacks', {{setting}}). Variable Einstellungen, sowie diese Warnung wird in einem zukünftigen Release veraltet sein. in Zeile 16 von /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 Haltepunkt ' aus Zeile 99 von/Benutzer/chadwarren/Dropbox/Bluehive Interactive/Website 2016/Thema/bluehiveinteractive-2016/assets/scss/_bluehive.scss aus Zeile 14 von/Benutzer/chadwarren/Dropbox/Bluehive Interactive/Website 2016/Thema/bluehiveinteractive-2016/Vermögenswerte/scss/Stile.scss

Gibt es eine neue Möglichkeit, die Haltepunkte in Version 2.7.0 zu deklarieren und zu verwenden? Ich habe nichts gefunden, was sagt, dass sich das geändert hat.

Danke :-)

Answer 1

Versuchen einschließlich @import "breakpoint"; in Ihrem styles.scss, nach dem Gebrauch

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