Başka bir `.scss` dosyasında` .scss` dosyasını dahil et?

Question

.scss dosyasını başka bir .scss dosyasında nasıl ekleyebilirim? app.scss: Ben bir dosyada bu yazmaya çalışıyordu

@include('buttons'); 
@include('dropzone'); 

body { 

    background: $primaryColor; 
    overflow-x: hidden; /*Clip the left/right edges of the content inside the <div> element - if it overflows the element's content area: */ 
    height: 100%; /* Cover all (100%) of the container for the body with its content */ 
    padding-top: 70px; 
} /* more css code here */ 

ve hata verir: invalid css after @import

Ben ana scss dosya içindeki 2 diğer SCSS dosyaları dahil çalışıyorum, bu yüzden en sonunda bir css dosyasına derlenecek. Bu nasıl mümkün olaiblir? küstahlık o dahil edilecek tanıyacağı,

@import "partial"; 

ithal dosya alt çizgi ihtiyacı:

Answer 1

Bunu yaparak kısmi içerebilir

Answer 2

Böyle içe aktarabilirsiniz _partial.scss;

@import "../../_variables"; 

@import "../_mixins"; 

@import "_main"; 

@import "_login"; 

@import "_exception"; 

@import "_utils"; 

@import "_dashboard"; 

@import "_landing"; 

Dizelerinize göre ve istediğiniz şeyi yapacağız.

Answer 3

Tamam, bu yüzden benim app.scss dosya Bootstrap.css dosya ile çarpışmış gibi görünüyor. Çünkü bootstrap css dosyası yerine, app.scssbackground özelliğinin uygulanmasını istedim. Ben

body 
{ 
background: #4d94ff !important; /* Used to override Bootstrap css settings. */ 
} 

Ayrıca gulpfile.js buna göre benim ihtiyaçları için güncellendi .: önyükleme stilini geçersiz kılmak için bu özelliğinde !important ekledik:

var elixir = require('laravel-elixir'); 


elixir(function (mix) { 
mix.sass('app.scss', 'resources/assets/css') 
.styles([ 
'app.css' 
], 'public/css/app.css'); 
mix.version([ 
    'css/app.css' 
    ]); 
}); 

Ve ben düzelttim nasıl. that.It için