From 19c17c9e99ced3285b34e96982399bb95c0ac66e Mon Sep 17 00:00:00 2001 From: Travis Swicegood Date: Mon, 17 Sep 2012 14:23:54 -0500 Subject: [PATCH] Make these two values configurable via settings These two values are originally hard-coded which causes a failure if you want to use relative font-sizes. Moving these to settings allows the developer to specify them however they see fit, including as a relative value. --- scss/foundation/_settings.scss | 4 ++++ scss/foundation/components/modules/_tabs.scss | 2 +- scss/foundation/components/modules/_ui.scss | 2 +- 3 files changed, 6 insertions(+), 2 deletions(-) diff --git a/scss/foundation/_settings.scss b/scss/foundation/_settings.scss index d4b9e1b24..470f9c8c0 100644 --- a/scss/foundation/_settings.scss +++ b/scss/foundation/_settings.scss @@ -59,6 +59,7 @@ $formSpacing: 12px !default; // Tab Settings $tabHeight: 40px !default; +$tabTermFontSize: ms(0) -2px; // Nav Bar Settings @@ -121,6 +122,9 @@ $topBarSearchWidth: 200px !default; $topBarBreakPoint: 940px !default; // Change to 9999px for always mobile layout $topBarNavToggleSize: 8px !default; +// UI Link Lists +$linkListBottomMargin: ms(1) -22px; + // Media Queries $screenSmall: 768px !default; diff --git a/scss/foundation/components/modules/_tabs.scss b/scss/foundation/components/modules/_tabs.scss index 73927f252..f6abbf7da 100644 --- a/scss/foundation/components/modules/_tabs.scss +++ b/scss/foundation/components/modules/_tabs.scss @@ -7,7 +7,7 @@ dl.tabs { border-bottom: solid 1px darken($white, 10%); display: block; height: $tabHeight; padding: 0; margin-bottom: 20px; &.contained { margin-bottom: 0; } - dt { color: darken($white, 30%); cursor: default; display: block; float: $defaultFloat; font-size: ms(0) - 2px; height: $tabHeight; line-height: $tabHeight; padding: 0; padding-#{$defaultOpposite}: 9px; padding-#{$defaultFloat}: 20px; width: auto; text-transform: uppercase; + dt { color: darken($white, 30%); cursor: default; display: block; float: $defaultFloat; font-size: $tabTermFontSize; height: $tabHeight; line-height: $tabHeight; padding: 0; padding-#{$defaultOpposite}: 9px; padding-#{$defaultFloat}: 20px; width: auto; text-transform: uppercase; &:first-child { padding: 0; padding-#{$defaultOpposite}: 9px; } } diff --git a/scss/foundation/components/modules/_ui.scss b/scss/foundation/components/modules/_ui.scss index 6b17749b2..722480b50 100644 --- a/scss/foundation/components/modules/_ui.scss +++ b/scss/foundation/components/modules/_ui.scss @@ -315,7 +315,7 @@ } /* Link List */ - ul.link-list { margin: 0 0 ms(1) -22px; padding: 0; list-style: none; overflow: hidden; + ul.link-list { margin: 0 0 $linkListBottomMargin; padding: 0; list-style: none; overflow: hidden; li { list-style: none; float: $defaultFloat; margin-#{$defaultFloat}: 22px; display: block; -- 2.47.3