Dartの角素材 - タブパネル（およびそのタブ）のスタイル設定方法は？

Question

私は、Dart上にAngular material-tab-panel（およびそのタブ）をスタイルする方法を知りたいと思います。

私はSASSを使用する際に問題が発生しています。私はそれを行う方法だと思います。

現在、私のようなものがあります：

<material-tab-panel id="my_material_tab_panel"> 

    <material-tab label="First Tab" class="my-material-tabs"></material-tab> 

    <material-tab label="Second Tab" class="my-material-tabs"></material-tab> 

</material-tab-panel> 

編集：私は角度成分をインポートし、指示などの材料タブ（コンポーネントおよびパネル）を登録しています：

import "dart:async"; 
import "dart:html"; 

import "package:angular/angular.dart"; 
import "package:angular_components/angular_components.dart"; 

@Component(
    selector: "view-test", 
    styleUrls: const ["test.css"], 
    templateUrl: "test.html", 
    directives: const [ 
     CORE_DIRECTIVES, 
     materialDirectives, 
     MaterialTabPanelComponent, 
     MaterialTabComponent 
    ] 
) 
// (...) 

私が望む何を行うべきことは：

1. 変更タブのテキストの色です。
2. タブの背景色を変更します。
3. 選択したタブの背景色を変更します。
4. 選択したタブの下罫線の色を変更します。

ありがとうございました。

Answer 1

あなたは提供ミックスインを使用する必要があります：あなたが行うことができますコンポーネントのSCSSファイル内 https://github.com/dart-lang/angular_components/blob/master/lib/material_tab/_mixins.scss

：

@import path/material_tab/mixins; 

material-tab { 
    @include tab-panel-tab-strip-width('', 200px); 
} 

何かがPRの上送信してください。欠落している場合は、あなたの必要性のほとんどのミックスインがありますが、ギター。