From 604b8e8d9128a2945190c1af22df53ca900dc256 Mon Sep 17 00:00:00 2001 From: Nick Krichevsky Date: Thu, 28 Jun 2018 20:13:48 -0400 Subject: [PATCH] Move tab colors into .tab block --- src/scss/tab-list.scss | 10 ++++------ 1 file changed, 4 insertions(+), 6 deletions(-) diff --git a/src/scss/tab-list.scss b/src/scss/tab-list.scss index f7e6698..f5b9e58 100644 --- a/src/scss/tab-list.scss +++ b/src/scss/tab-list.scss @@ -1,22 +1,20 @@ -$tab-color-1: #ced9e2; -$tab-color-2: #b7c3ce; - .tab-list { list-style: none; //Prevent margin breakout of lis overflow: auto; .tab { + $color-1: #ced9e2; + $color-2: #b7c3ce; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding: 5px 4px; - background-color: $tab-color-1; + background-color: $color-1; &:nth-child(2n) { - background-color: $tab-color-2; + background-color: $color-2; } } - }