added padding to dropdown

diff --git a/css/app.css b/css/app.css
index b529ed1..c121e79 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -4275,7 +4275,7 @@ meta.foundation-mq-topbar {
         color: #005daa;
         display: block;
         font-weight: normal;
-        padding: 0 0.9375rem;
+        padding: 0 1.5625rem;
         width: 75%; }
   .top-bar .toggle-topbar {
     position: absolute;
@@ -4288,7 +4288,7 @@ meta.foundation-mq-topbar {
       font-weight: bold;
       height: 2.8125rem;
       line-height: 2.8125rem;
-      padding: 0 0.9375rem;
+      padding: 0 1.5625rem;
       position: relative;
       text-transform: uppercase; }
     .top-bar .toggle-topbar.menu-icon {
@@ -4298,7 +4298,7 @@ meta.foundation-mq-topbar {
         color: #FFFFFF;
         height: 34px;
         line-height: 33px;
-        padding: 0 2.5rem 0 0.9375rem;
+        padding: 0 3.125rem 0 1.5625rem;
         position: relative; }
         .top-bar .toggle-topbar.menu-icon a span::after {
           content: "";
@@ -4307,7 +4307,7 @@ meta.foundation-mq-topbar {
           position: absolute;
           margin-top: -8px;
           top: 50%;
-          right: 0.9375rem;
+          right: 1.5625rem;
           box-shadow: 0 0 0 1px #FFFFFF, 0 7px 0 1px #FFFFFF, 0 14px 0 1px #FFFFFF;
           width: 16px; }
         .top-bar .toggle-topbar.menu-icon a span:hover:after {
@@ -4352,14 +4352,14 @@ meta.foundation-mq-topbar {
       font-family: "Lato", sans-serif;
       font-size: 1.25rem;
       font-weight: normal;
-      padding-left: 0.9375rem;
-      padding: 12px 0 12px 0.9375rem;
+      padding-left: 1.5625rem;
+      padding: 12px 0 12px 1.5625rem;
       text-transform: none;
       width: 100%; }
       .top-bar-section ul li > a.button {
         font-size: 1.25rem;
-        padding-left: 0.9375rem;
-        padding-right: 0.9375rem;
+        padding-left: 1.5625rem;
+        padding-right: 1.5625rem;
         background-color: #008CBA;
         border-color: #007095;
         color: #FFFFFF; }
@@ -4409,8 +4409,8 @@ meta.foundation-mq-topbar {
           color: #FFFFFF; }
     .top-bar-section ul li > button {
       font-size: 1.25rem;
-      padding-left: 0.9375rem;
-      padding-right: 0.9375rem;
+      padding-left: 1.5625rem;
+      padding-right: 1.5625rem;
       background-color: #008CBA;
       border-color: #007095;
       color: #FFFFFF; }
@@ -4469,11 +4469,11 @@ meta.foundation-mq-topbar {
         background: transparent;
         color: #000000; }
   .top-bar-section .has-form {
-    padding: 0.9375rem; }
+    padding: 1.5625rem; }
   .top-bar-section .has-dropdown {
     position: relative; }
     .top-bar-section .has-dropdown > a:after {
-      margin-right: 0.9375rem;
+      margin-right: 1.5625rem;
       margin-top: -4.5px;
       position: absolute;
       top: 50%;
@@ -4508,7 +4508,7 @@ meta.foundation-mq-topbar {
       width: 100%; }
       .top-bar-section .dropdown li a {
         font-weight: normal;
-        padding: 8px 0.9375rem; }
+        padding: 8px 1.5625rem; }
         .top-bar-section .dropdown li a.parent-link {
           font-weight: normal; }
       .top-bar-section .dropdown li.title h5, .top-bar-section .dropdown li.parent-link {
@@ -4521,7 +4521,7 @@ meta.foundation-mq-topbar {
           .top-bar-section .dropdown li.title h5 a:hover, .top-bar-section .dropdown li.parent-link a:hover {
             background: none; }
       .top-bar-section .dropdown li.has-form {
-        padding: 8px 0.9375rem; }
+        padding: 8px 1.5625rem; }
       .top-bar-section .dropdown li .button, .top-bar-section .dropdown li button {
         top: auto; }
     .top-bar-section .dropdown label {
@@ -4529,7 +4529,7 @@ meta.foundation-mq-topbar {
       font-size: 0.625rem;
       font-weight: bold;
       margin-bottom: 0;
-      padding: 8px 0.9375rem 2px;
+      padding: 8px 1.5625rem 2px;
       text-transform: uppercase; }
 
 .js-generated {
@@ -4584,7 +4584,7 @@ meta.foundation-mq-topbar {
     .top-bar-section li:not(.has-form) a:not(.button) {
       background: #FFFFFF;
       line-height: 2.8125rem;
-      padding: 0 0.9375rem; }
+      padding: 0 1.5625rem; }
       .top-bar-section li:not(.has-form) a:not(.button):hover {
         background-color: transparent;
         background: transparent; }
@@ -4592,7 +4592,7 @@ meta.foundation-mq-topbar {
       background: transparent;
       color: #005daa;
       line-height: 2.8125rem;
-      padding: 0 0.9375rem; }
+      padding: 0 1.5625rem; }
       .top-bar-section li.active:not(.has-form) a:not(.button):hover {
         background: transparent;
         color: #000000; }
@@ -4635,7 +4635,7 @@ meta.foundation-mq-topbar {
         background: #FFFFFF;
         color: #000000;
         line-height: 2.8125rem;
-        padding: 12px 0.9375rem;
+        padding: 12px 1.5625rem;
         white-space: nowrap; }
       .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
         background: #FFFFFF;
@@ -4660,7 +4660,7 @@ meta.foundation-mq-topbar {
     .top-bar-section .has-form {
       background: #FFFFFF;
       height: 2.8125rem;
-      padding: 0 0.9375rem; }
+      padding: 0 1.5625rem; }
     .top-bar-section .right li .dropdown {
       left: auto;
       right: 0; }

diff --git a/scss/_settings.scss b/scss/_settings.scss
index 44357f8..2a4bb6b 100644 (file)
--- a/scss/_settings.scss
+++ b/scss/_settings.scss
@@ -1419,7 +1419,7 @@ $small-font-color: scale-color($header-font-color, $lightness: 35%);
  $topbar-link-bg-active-hover: transparent;
 // $topbar-link-font-family: $body-font-family;
 // $topbar-link-text-transform: none;
- $topbar-link-padding: rem-calc(15);
+ $topbar-link-padding: rem-calc(25);
 // $topbar-back-link-size: rem-calc(18);
  $topbar-link-dropdown-padding: rem-calc(16);
 // $topbar-button-font-size: 0.75rem;