다트에 각도 재질 탭 패널 (및 해당 탭)을 지정하는 방법은 무엇입니까?

Question

다트에 각도 재질 탭 패널 (및 해당 탭)을 스타일 지정하는 방법을 알고 싶습니다.

나는 SASS를 사용하는 데 어려움을 겪고 있습니다. 내가 각도 구성 요소를 가져 오기 및 지시문으로 재료 탭 (구성 요소 및 패널)을 등록하고 있습니다 :

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 
    ] 
) 
// (...) 

것은 내가 좋아하는 것이 무엇

<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> 

편집 :

현재 내가 좋아하는 뭔가를 할일 :

1. 변경 탭 텍스트 색상;
2. 변경 탭 배경색;
3. 변경된 탭 배경색 변경;
4. 선택한 탭의 아래쪽 테두리 색을 변경합니다.

도움 주셔서 감사합니다.

Answer 1

당신은 제공 사용해야이나 mixin : 당신이 할 수있는 구성 요소의하는 SCS 파일 내부 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); 
} 

이, 당신의 필요의 대부분을 유지 mixin 무언가가없는 경우에 PR을 보내 주시기 바랍니다 github.