Styles auto-complete emails items.

For full themes.

1 files changed, 17 insertions, 6 deletions

diff --git a/templates/@theme-base/_full.scss b/templates/@theme-base/_full.scss
index 66a3c3e..1228165 100644
--- a/templates/@theme-base/_full.scss
+++ b/templates/@theme-base/_full.scss
@@ -17,12 +17,29 @@ body {
   }
 }
 
+.bordered,
+.bordered-container:not([class*="composerInputMeta-"]),
+.breadcrumb-container {
+  border-color: lighten($base, 10%);
+}
+
 // Compose window
 #pm_composer .composer,
 .composerInputMeta-overlay {
   background: $base;
 }
 
+// Email tags present in new message window
+.autocompleteEmails-item {
+  background-color: darken($base, 2%);
+  border-color: darken($base, 2%);
+}
+
+.autocompleteEmails-label {
+  border-left: 1px solid lighten($base, 10%);
+  border-right: 1px solid lighten($base, 10%);
+}
+
 [class*="squireToolbar-row"] .squireToolbar-action-mode:active, [class*="squireToolbar-row"] .squireToolbar-action-mode:hover, [class*="squireToolbar-row"] [class*="squireToolbar-action-"]:active, [class*="squireToolbar-row"] [class*="squireToolbar-action-"]:hover {
   background: lighten($base, 2%) !important;
 }
@@ -146,12 +163,6 @@ details:first-child {
   background-color: $base;
 }
 
-.bordered,
-.bordered-container:not([class*="composerInputMeta-"]),
-.breadcrumb-container {
-  border-color: lighten($base, 10%);
-}
-
 // Email body background, text and links
 .message-content.frame.message-frame {
   background: white;