From 698563c773657c3542c95ee66e654cdb1e7792b0 Mon Sep 17 00:00:00 2001 From: Adam Bradley Date: Tue, 21 Jul 2015 16:25:28 -0500 Subject: [PATCH] material tab text/icon --- .../components/tabs/extensions/material.scss | 20 +++++++++++++++++++ 1 file changed, 20 insertions(+) diff --git a/ionic/components/tabs/extensions/material.scss b/ionic/components/tabs/extensions/material.scss index 329e7f1c49..d5ecf4f6d1 100644 --- a/ionic/components/tabs/extensions/material.scss +++ b/ionic/components/tabs/extensions/material.scss @@ -4,16 +4,36 @@ $tab-bar-md-item-padding: 0 10px !default; $tab-bar-md-item-font-size: 1.4rem !default; +$tab-bar-md-item-icon-size: 26px !default; +$tab-bar-md-item-height: 4.8rem !default; .tabs[mode="md"] { button.tab-button { padding: $tab-bar-md-item-padding; + min-height: $tab-bar-md-item-height; font-size: $tab-bar-md-item-font-size; box-shadow: none; border-radius: 0; } + .tab-button-icon { + font-size: $tab-bar-md-item-icon-size; + } + + .has-title.has-icon { + + .tab-button-icon { + padding-top: 10px; + padding-bottom: 6px; + } + + .tab-button-text { + padding-bottom: 15px; + } + + } + }