From d5abd4a3462d6aa256922ca774efa37d5ec9ef19 Mon Sep 17 00:00:00 2001 From: Arpad Csanyi Date: Wed, 20 Jul 2016 23:13:44 +0200 Subject: [PATCH] Refactor popover scss file to make use of nesting. --- src/components/popover/popover.component.scss | 26 +++++++++++-------- 1 file changed, 15 insertions(+), 11 deletions(-) diff --git a/src/components/popover/popover.component.scss b/src/components/popover/popover.component.scss index d91996f3..4b209b6a 100644 --- a/src/components/popover/popover.component.scss +++ b/src/components/popover/popover.component.scss @@ -15,22 +15,26 @@ text-align: right; } -.popover-title.menu-tabs { - padding: 0.5rem 0.5rem 0; - display: block; -} +.popover-title { + &.menu-tabs { + padding: 0.5rem 0.5rem 0; + display: block; -.popover-title.menu-tabs .nav-tabs { - position: relative; - top: 1px; + .nav-tabs { + position: relative; + top: 1px; + } + } } .popover-content { padding: 10px 24px; } -mouse-tab.popover-content { - padding: 10px; - display: flex; - align-items: center; +mouse-tab { + &.popover-content { + padding: 10px; + display: flex; + align-items: center; + } }