Import von derselben Datei mit Kompass/sass/SCSS nicht enthalten Bekommt

Question

Ich habe diese SCSS Datei:

test.scss

@media screen and (min-width: 1200px) { 
    @import 'desktop_vars'; 
    @import 'global_dynamic'; 
} 
@media screen and (max-width: 767px) { 
    @import 'smartphone_vars'; 
    @import 'global_dynamic'; 
} 

global_dynamic.scss

#companies { 
    margin: 0px $envelope-Margin-Right 0 $envelope-Margin-Left; 
} 

#envelope { 
    padding: 0 $envelope-Margin-Right 0 $envelope-Margin-Left; 
} 

#footer { 
    margin: 0 $envelope-Margin-Right 0 $envelope-Margin-Left; 
} 

smartphone_vars.scss

$envelope-Margin-Left: 5px; 
$envelope-Margin-Right: 7px; 

desktop_va rs.scss

$envelope-Margin-Left: 25px; 
$envelope-Margin-Right: 47px; 

resultierende test.css:

@media screen and (min-width: 1200px) { 
    /* line 1, ../../resources/assets/sass/global_dynamic.scss */ 
    #companies { 
    margin: 0px 45px 0 25px; 
    } 

    /* line 5, ../../resources/assets/sass/global_dynamic.scss */ 
    #envelope { 
    padding: 0 45px 0 25px; 
    } 

    /* line 9, ../../resources/assets/sass/global_dynamic.scss */ 
    #footer { 
    margin: 0 45px 0 25px; 
    } 
} 

wenn ich den Auftrag in test.scss der Einfuhren ändern, das heißt, erste Smartphone, dann Desktop, die resultierende CSS-Datei aussieht diese

@media screen and (max-width: 767px) { 
    /* line 1, ../../resources/assets/sass/global_dynamic.scss */ 
    #companies { 
    margin: 0px 7px 0 5px; 
    } 

    /* line 5, ../../resources/assets/sass/global_dynamic.scss */ 
    #envelope { 
    padding: 0 7px 0 5px; 
    } 

    /* line 9, ../../resources/assets/sass/global_dynamic.scss */ 
    #footer { 
    margin: 0 7px 0 5px; 
    } 
} 

so: der zweite Import von global_dynamic funktioniert nie

warum?

Answer 1

in config.rb

Entfernen Sie diese Zeile:

require 'compass/import-once/activate' 

oder kommentieren Sie sie aus wie dieser

#require 'compass/import-once/activate' 

so ärgerlich