From a583a8abeec841120ee41c9654b1f9ea1ffe2a83 Mon Sep 17 00:00:00 2001 From: Andy Miller Date: Fri, 10 Mar 2017 12:40:40 -0700 Subject: [PATCH] Added logic for configuration tab sizes --- themes/grav/scss/template/_tabs.scss | 30 ++++++++++++++++++++++++++++ 1 file changed, 30 insertions(+) diff --git a/themes/grav/scss/template/_tabs.scss b/themes/grav/scss/template/_tabs.scss index 3484cb48..37bd03b1 100644 --- a/themes/grav/scss/template/_tabs.scss +++ b/themes/grav/scss/template/_tabs.scss @@ -28,6 +28,34 @@ $tab-label-height:3.5em; padding: 0 4rem; line-height: $tab-label-height; } + + li:first-child:nth-last-child(4), + li:first-child:nth-last-child(4) ~ li { + span, a { + padding: 0 3.5rem; + } + } + + li:first-child:nth-last-child(5), + li:first-child:nth-last-child(5) ~ li { + span, a { + padding: 0 3rem; + } + } + + li:first-child:nth-last-child(6), + li:first-child:nth-last-child(6) ~ li { + span, a { + padding: 0 2.5rem; + } + } + li:first-child:nth-last-child(n + 7), + li:first-child:nth-last-child(n + 7) ~ li { + span, a { + padding: 0 2rem; + } + } + } /* used for wrapper animation after the load of the page */ @@ -100,3 +128,5 @@ $tab-label-height:3.5em; display: block; opacity: 1; } + +