_user-navigation.scss in thredded-0.3.0

- old
+ new
@@ -1,87 +1,61 @@
 &--user-navigation {
   @extend %thredded--list-unstyled;
   @include thredded--clearfix;
-  font-size: 0.875em;
+  border-bottom: $thredded-base-border;
   margin-bottom: 1rem;
-  text-align: center;
+  text-align: left;
 
   @include thredded-media-tablet-and-up {
+    font-size: $thredded-font-size-small;
     margin-bottom: 0;
     margin-top: $thredded-large-spacing;
-    text-align: left;
   }
 
   a {
-    @extend %thredded--link;
-    color: lighten($thredded-base-font-color, 30%);
+    @extend %thredded--nav-link;
+    color: $thredded-secondary-nav-color;
   }
-}
 
-&--user-navigation--actions {
-  @extend %thredded--list-unstyled;
-  padding: $thredded-small-spacing 0;
-
-  @include thredded-media-tablet-and-up {
-    float: left;
+  > ul {
+    @extend %thredded--list-unstyled;
   }
+}
 
-  li {
-    display: inline-block;
-    margin-right: $thredded-base-spacing;
+&--user-navigation--item {
+  display: inline-block;
+  margin-right: 1rem;
 
-    &:last-child {
-      margin-right: 0;
-    }
+  a {
+    padding: $thredded-small-spacing 0;
   }
-}
 
-&--user-navigation--search {
-  @include thredded-media-mobile {
-    margin-bottom: 0.5rem;
+  &:last-child {
+    margin-right: 0;
   }
 
-  label {
-    display: none;
+  @include thredded-media-tablet-and-up {
+    padding: $thredded-small-spacing 0;
   }
+}
 
-  input[type="search"] {
-    box-shadow: none;
-    font-size: $thredded-font-size-small;
-    transition: all 0.15s ease-out 0s;
-    width: 100%;
+.thredded--preferences &--user-navigation--settings,
+.thredded--new-private-topic &--user-navigation--private-topics,
+.thredded--private-topics-index &--user-navigation--private-topics,
+.thredded--private-topic-show &--user-navigation--private-topics {
+  border-bottom: 1px solid $thredded-action-color;
+  margin-bottom: -1px;
 
-    @include thredded-media-tablet-and-up {
-      border-color: transparent;
-      float: right;
-      min-width: 200px;
-      margin-right: -$thredded-base-spacing;
-      text-align: right;
-      width: auto;
-
-      &:focus {
-        box-shadow: none;
-        min-width: 290px;
-        text-align: left;
-        transition: all 0.15s ease-out 0s;
-        margin-right: 0;
-      }
-
-      &:hover {
-        border-color: transparent;
-        box-shadow: none;
-      }
-    }
-
-    &:hover::placeholder {
-      color: $thredded-action-color;
-    }
-
-    &:focus {
-      border-color: $thredded-base-border-color;
-    }
+  a {
+    @extend %thredded--nav-link-current;
   }
+}
 
-  input[type="submit"] {
-    display: none;
-  }
+&--user-navigation--private-topics--unread {
+  background: $thredded-badge-active-background;
+  border-radius: 10px;
+  color: $thredded-badge-active-color;
+  font-size: 0.75rem; // 12px
+  line-height: 1;
+  margin-left: 0.4rem;
+  padding: 2px 6px;
 }