CSS refactor

accordion_table.scss refactor

audit_log.scss refactor

budget_chart.scss refactor

delete checklist.scss

dod_login_notice.scss refactor

empty_state.scss refactor

footer.scss refactor

forms.scss refactor

global_navigation.scss refactor

delete member_edit.scss

modal.scss refactor

refactor portfolio_layout

delete search_bar.scss

selector.scss refactor

sticky_cta.scss refactor

refactor topbar.scss

refactor accordions.scss

refactor action_group.scss

refactor block_list.scss

refactor card.scss

refactor icon css

refactor inputs.scss

refactor labels.scss

refactor panel.scss

sidename.scss

tables.scss

refactor uploader.scss

application list and edit refactor

home.scss refactor

login.scss styles

reports.scss refactor

task_order.scss refactor

styles/components/_topbar.scss

@@ -2,7 +2,7 @@
   background-color: $color-blue-darkest;
   border-bottom: 1px solid $color-black;
 
-  .topbar__navigation {
+  &__navigation {
     display: flex;
     flex-direction: row;
     align-items: stretch;
@@ -16,28 +16,24 @@
       padding: 0 ($gap * 2);
       text-decoration: none;
 
-      .topbar__link-label {
+      &-label {
         @include h5;
-
         text-decoration: underline;
+        padding-left: $gap;
+        text-decoration: none;
       }
 
-      .topbar__link-icon {
+      &-icon {
         margin-left: $gap;
 
         @include icon-color($color-white);
       }
 
-      &.topbar__link--home {
+      &--home {
         padding-left: $gap / 2;
-
-        .topbar__link-label {
-          padding-left: $gap;
-          text-decoration: none;
-        }
       }
 
-      &.topbar__link--shield {
+      &--shield {
         width: $icon-bar-width;
         justify-content: center;
         padding: 0;
@@ -78,11 +74,11 @@
     .topbar__link {
       color: $color-white;
 
-      .topbar__link-icon {
+      &-icon {
         @include icon-style-inverted;
       }
 
-      &.topbar__link--home {
+      &--home {
         padding-left: $gap;
       }