Mit scss mit ionic

Ich bin neu in der ionischen Rahmen. Ich hatte den Code in scss geschrieben und es zeigt einige Bugs, ich hatte versucht, die Bugs zu überwinden, aber ich kann nicht. Unten ist mein SCSS Code:Mit scss mit ionic

 //colors 
     $grey: grey; 
     //fonts 
     $font_0: Arial; 
     $font_1: Helvetica; 
     $font_2: sans-serif; 
page-home 
{ 
.displayed: ; 
} 
    .thicker { 
    font-size: 20px; 
    font-family: $font_0, $font_1, $font_2; 
    font-weight: 600; 
    text-align: center; 
    margin-top: 5px; 
    } 
.input-label { 
font-family: $font_0, $font_1, $font_2; 
font-size: 14px; 
text-align: center; 
text-color: $grey; 
}

Gibt es jemanden, mir zu helfen !!!!

Quelle

2016-12-03 Krishna_32

wenn ich die App laufen lasse, zeigt es Fehler –

https://ionicframework.com/docs/v2/theming/theming-your-app/

Sie sollten die SCSS Variablen in das Thema/variable.scss Datei festlegen, wenn Sie den globalen Zugriff benötigen. All Ihre individuellen scss-Dateien können es verwenden.

page-home {}

"page-home" ist Ihr SCSS Namespace für Ihre pageHome.html. Es ist in Ihrer Komponente (ts-Datei) angegeben. Alle CSS für diese Datei sollte innerhalb des Namespace sein.

SCSS Tutorial Link: http://sass-lang.com/guide

Quelle

2016-12-03 07:03:07

Ich könnte genauer sein, wenn ich weiß, was der Fehler ist :) –

Ich stimme fast zu, ich würde eher sagen: "Es ist ** erforderlich **, um die SCSS-Variablen in der theme/variable.scss-Datei **, wenn Sie ** globalen Zugriff wünschen. " Es gibt viele Fälle, in denen es besser ist, eine lokale SCSS-Variable nur in der einen SCSS-Datei festzulegen, die sie verwendet. –

Danke..wird meine Antwort bearbeiten –

Es ist ein Fehler in Ihrem SCSS:

page-home 
{ 
    .displayed: ; 
}

Diese nicht kompiliert werden und wird diesen Fehler werfen:

Invalid CSS after "{": expected "}", was ".displayed: ;"

Wenn ich es wechseln :

page-home 
{ 
}

Dann kompiliert es.

Quelle

2016-12-03 08:06:09

Mit scss mit ionic

Antwort

Verwandte Themen