🎨 Modify app component styling and formatting

tterb · Nov 27, 2017 · 4400f96 · 4400f96
1 parent 278feda
commit 4400f96
Show file tree

Hide file tree

Showing 5 changed files with 877 additions and 571 deletions.
diff --git a/assets/css/commandPalette.css b/assets/css/commandPalette.css
@@ -12,40 +12,60 @@
   box-shadow: 0 0 48px -5px rgba(0, 0, 0, 0.75);
   margin: 0 0 0 -26% !important;
   padding: 10px;
-  z-index: 999 !important; }
-  .palette .palette-input {
-    color: rgba(255, 255, 255, 0.85);
-    font-family: "Open Sans","Helvetica Neue","Segoe UI",Helvetica,Arial,sans-serif;
-    font-size: 14px;
-    font-weight: 300;
-    letter-spacing: 0.08em;
-    padding: 6px 10px; }
-  .palette .palette-list .command {
-    transition: background 300ms ease-in-out; }
-    .palette .palette-list .command .title {
-      font-size: 15.5px;
-      margin: 7px 3px 0px; }
-    .palette .palette-list .command .description {
-      font-size: 13.5px;
-      margin: 1px 3px 6px; }
-    .palette .palette-list .command .shortcut {
-      margin: 10px 5px 10px 0; }
-      .palette .palette-list .command .shortcut span {
-        background: #242526;
-        font-size: 13px;
-        border-radius: 5px;
-        border: 1px outset #404040;
-        padding: 6px 8px; }
-    .palette .palette-list .command:hover {
-      background: #353739;
-      box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.5); }
-      .palette .palette-list .command:hover .description {
-        color: rgba(255, 255, 255, 0.7) !important; }
-      .palette .palette-list .command:hover .shortcut span {
-        color: #e64d59; }
+  z-index: 999 !important;
+}
+
+.palette .palette-input {
+  color: rgba(255, 255, 255, 0.85);
+  font-family: 'Open Sans','Helvetica Neue','Segoe UI',Helvetica,Arial,sans-serif;
+  font-size: 14px;
+  font-weight: 300;
+  letter-spacing: 0.08em;
+  padding: 6px 10px;
+}
+
+.palette .palette-list .command {
+  transition: background 300ms ease-in-out;
+}
+
+.palette .palette-list .command .title {
+  font-size: 15.5px;
+  margin: 7px 3px 0;
+}
+
+.palette .palette-list .command .description {
+  font-size: 13.5px;
+  margin: 1px 3px 6px;
+}
+
+.palette .palette-list .command .shortcut {
+  margin: 10px 5px 10px 0;
+}
+
+.palette .palette-list .command .shortcut span {
+  background: #242526;
+  font-size: 13px;
+  border-radius: 5px;
+  border: 1px outset #404040;
+  padding: 6px 8px;
+}
+
+.palette .palette-list .command:hover {
+  background: #353739;
+  box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.5);
+}
+
+.palette .palette-list .command:hover .description {
+  color: rgba(255, 255, 255, 0.7) !important;
+}
+
+.palette .palette-list .command:hover .shortcut span {
+  color: #e64d59;
+}
 
 mark {
   background: transparent;
   color: rgba(255, 255, 255, 0.85);
   font-weight: bold;
-  text-decoration: underline; }
+  text-decoration: underline;
+}