From 6bd9ee6c6bc8c2aa5d05181fc6f035288fb5253c Mon Sep 17 00:00:00 2001 From: Mikhail Hryb Date: Mon, 11 Sep 2017 11:41:44 +0300 Subject: [PATCH] fix(tabs): tabs responsive --- src/app/pages/ui-features/tabs/tabs.component.scss | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/src/app/pages/ui-features/tabs/tabs.component.scss b/src/app/pages/ui-features/tabs/tabs.component.scss index f742e51d..0f6fbcd4 100644 --- a/src/app/pages/ui-features/tabs/tabs.component.scss +++ b/src/app/pages/ui-features/tabs/tabs.component.scss @@ -1,4 +1,6 @@ @import '../../../@theme/styles/themes'; +@import '~bootstrap/scss/mixins/breakpoints'; +@import '~@nebular/theme/styles/global/bootstrap/breakpoints'; @include nb-install-component() { nb-tabset { @@ -15,4 +17,11 @@ display: block; padding: nb-theme(padding); } + + @include media-breakpoint-down(xs) { + nb-tabset /deep/ul { + font-size: 1rem; + padding: 0 0.2rem; + } + } }