{"action":"closed","issue":{"url":"https://api.github.com/repos/angular/material2/issues/1276","repository_url":"https://api.github.com/repos/angular/material2","labels_url":"https://api.github.com/repos/angular/material2/issues/1276/labels{/name}","comments_url":"https://api.github.com/repos/angular/material2/issues/1276/comments","events_url":"https://api.github.com/repos/angular/material2/issues/1276/events","html_url":"https://github.com/angular/material2/issues/1276","id":177905834,"number":1276,"title":"Cannot customize style of md-tabs","user":{"login":"albanx","id":1130664,"avatar_url":"https://avatars.githubusercontent.com/u/1130664?v=3","gravatar_id":"","url":"https://api.github.com/users/albanx","html_url":"https://github.com/albanx","followers_url":"https://api.github.com/users/albanx/followers","following_url":"https://api.github.com/users/albanx/following{/other_user}","gists_url":"https://api.github.com/users/albanx/gists{/gist_id}","starred_url":"https://api.github.com/users/albanx/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/albanx/subscriptions","organizations_url":"https://api.github.com/users/albanx/orgs","repos_url":"https://api.github.com/users/albanx/repos","events_url":"https://api.github.com/users/albanx/events{/privacy}","received_events_url":"https://api.github.com/users/albanx/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":{"login":"andrewseguin","id":22898577,"avatar_url":"https://avatars.githubusercontent.com/u/22898577?v=3","gravatar_id":"","url":"https://api.github.com/users/andrewseguin","html_url":"https://github.com/andrewseguin","followers_url":"https://api.github.com/users/andrewseguin/followers","following_url":"https://api.github.com/users/andrewseguin/following{/other_user}","gists_url":"https://api.github.com/users/andrewseguin/gists{/gist_id}","starred_url":"https://api.github.com/users/andrewseguin/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/andrewseguin/subscriptions","organizations_url":"https://api.github.com/users/andrewseguin/orgs","repos_url":"https://api.github.com/users/andrewseguin/repos","events_url":"https://api.github.com/users/andrewseguin/events{/privacy}","received_events_url":"https://api.github.com/users/andrewseguin/received_events","type":"User","site_admin":false},"assignees":[{"login":"andrewseguin","id":22898577,"avatar_url":"https://avatars.githubusercontent.com/u/22898577?v=3","gravatar_id":"","url":"https://api.github.com/users/andrewseguin","html_url":"https://github.com/andrewseguin","followers_url":"https://api.github.com/users/andrewseguin/followers","following_url":"https://api.github.com/users/andrewseguin/following{/other_user}","gists_url":"https://api.github.com/users/andrewseguin/gists{/gist_id}","starred_url":"https://api.github.com/users/andrewseguin/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/andrewseguin/subscriptions","organizations_url":"https://api.github.com/users/andrewseguin/orgs","repos_url":"https://api.github.com/users/andrewseguin/repos","events_url":"https://api.github.com/users/andrewseguin/events{/privacy}","received_events_url":"https://api.github.com/users/andrewseguin/received_events","type":"User","site_admin":false}],"milestone":null,"comments":10,"created_at":"2016-09-19T21:41:05Z","updated_at":"2016-11-11T23:09:07Z","closed_at":"2016-11-11T23:09:07Z","body":"#### Bug, feature request, or proposal:\n\nAdding custom style to the tabs header\n#### What is the expected behavior?\n\naffect css style of header (font size, color, display....)\n#### What is the current behavior?\n\nStyle is beeing totally ignored due to attribute selectors generated by the own element ignoring the styleUrls ones \n#### What are the steps to reproduce?\n\nCreate a simple element (html):\n\n```\n<md-tab-group>\n    <md-tab>\n        <template md-tab-label>Personal info</template>\n        <template md-tab-content>\n            <h4>Name, address</h4>\n            <div class=\"\">\n                Some data here\n            </div>\n        </template>\n    </md-tab>\n\n    <md-tab>\n        <template md-tab-label>Payment</template>\n        <template md-tab-content>\n\n            <div class=\"\">\n                Payment setup\n            </div>\n        </template>\n    </md-tab>\n</md-tab-group>\n```\n\nAdd this style in the .scss:\n\n```\nmd-tab-group {\n    .md-tab-header {\n        font-size: 12px !important;\n        display: flex;\n        flex-flow: row wrap;\n        align-items: center;\n        .md-tab-label {\n            flex: 1;\n            min-width: 1px;\n        }\n    }\n}\n```\n\nPlunk demo http://plnkr.co/edit/K1iVNV\n#### What is the use-case or motivation for changing an existing behavior?\n\nNeed to customize md tabs style/colors/responsive\n#### Which versions of Angular, Material, OS, browsers are affected?\n\nAngular 2.0, Material alpha 8-2\n#### Is there anything else we should know?\n"}}
{"actor":{"display_login":"andrewseguin"}}