From 4580d8c2fa1baedf93e80c45df943b78a550a9bf Mon Sep 17 00:00:00 2001 From: Nick Krichevsky Date: Thu, 28 Jun 2018 19:31:25 -0400 Subject: [PATCH] Add zebra striping of tabs --- src/scss/tab-list.scss | 11 +++++++++-- 1 file changed, 9 insertions(+), 2 deletions(-) diff --git a/src/scss/tab-list.scss b/src/scss/tab-list.scss index 0481084..335f64a 100644 --- a/src/scss/tab-list.scss +++ b/src/scss/tab-list.scss @@ -1,8 +1,10 @@ +$tab-color-1: #ced9e2; +$tab-color-2: #b7c3ce; + #tab-list { padding-left: 0; margin: 0; list-style: none; - padding: 0 8px; //Prevent margin breakout of lis overflow: auto; } @@ -11,5 +13,10 @@ text-overflow: ellipsis; overflow: hidden; white-space: nowrap; - margin: 10px 0; + padding: 5px 4px; + background-color: $tab-color-1; +} + +.tab:nth-child(2n) { + background-color: $tab-color-2; }