Register gridle Staaten mit sass

Question

Ich versuche, sass zu lernen und gridle das Grid-System in meinem Projekt zu verwenden, aber ich habe einen Fehler während versuchen, mein Netz registrieren heißt es:

$gridle-breakpoints: (
    mobile:   (gutter: 'g-xsmall', max: 767px), 
    tablet:   (gutter: 'g-small', min: 768px), 
    tablet-exact:  (gutter: 'g-small', min: 768px, max: 1199px), 
    desktop:   (gutter: 'g-medium', min: 1200px), 
    desktop-exact: (gutter: 'g-small', min: 1200px, max: 1599px), 
    desktop-lg:  (gutter: 'g-large', min: 1600px), 
); 

nun mit dem obigen Raster Zustände ich die Eigenschaften unter Verwendung erhalten kann:

map-get(map-get($gridle-breakpoints, 'desktop'), 'min'); 

Also, wenn ich meine grid Staaten zu registrieren, ich dachte, dass ich dies tun könnte:

@each $name, $breakpoint in $gridle-breakpoints { 
    @if map-has-key($breakpoint, 'min') and map-has-key($breakpoint, 'max') { 
    @include gridle_register_state($name, (
     min-width: map-get(map-get($gridle-breakpoints, $name), 'min'); 
     max-width: map-get(map-get($gridle-breakpoints, $name), 'max'); 
    )); 
    } 
} 

aber es wirft einen Fehler:

 
Module build failed: ModuleBuildError: Module build failed: 
     min-width: map-get(map-get($gridle-breakpoints, $name), 'min'); 
                    ^
     Unclosed parenthesis 

ich auch in die Karte versucht haben, Einwickeln #{}: #{map-get(map-get($gridle-breakpoints, $name), 'min')} aber dies führt den gleichen Fehler und hat den Zeiger vor dem #

Wie ordne ich diese Werte in der Schleife richtig oder muss ich sie manuell einstellen?

Answer 1

Wie sich herausstellt, die in der $breakpointeach ist nur das eingeklammerte Teil der Gitterzustände so kann ich nur passieren, dass gerade in den Registerzustand:

@each $name, $breakpoint in $gridle-breakpoints { 
    @include gridle_register_state($name, $breakpoints); 
}