diff --git a/static/styles/alerts.scss b/static/styles/alerts.scss
index f93cf7c210..26269fdab8 100644
--- a/static/styles/alerts.scss
+++ b/static/styles/alerts.scss
@@ -36,7 +36,7 @@ $alert-error-red: hsl(0, 80%, 40%);
     }
 
     &.stream_create_info {
-        margin: 10px 10px 0px 10px;
+        margin: 10px 10px 0 10px;
     }
 
     .bankruptcy_unread_count {
@@ -47,8 +47,8 @@ $alert-error-red: hsl(0, 80%, 40%);
 /* alert box component changes */
 .alert-box {
     position: absolute;
-    top: 0px;
-    left: 0px;
+    top: 0;
+    left: 0;
     width: 900px;
     margin-left: calc(50% - 450px);
     z-index: 220;
@@ -120,8 +120,8 @@ $alert-error-red: hsl(0, 80%, 40%);
         .code-context {
             color: hsl(0, 7%, 15%);
             background-color: hsl(0, 7%, 98%);
-            box-shadow: inset 0px 11px 10px -10px hsl(0, 7%, 70%),
-                inset 0px -11px 10px -10px hsl(0, 7%, 70%);
+            box-shadow: inset 0 11px 10px -10px hsl(0, 7%, 70%),
+                inset 0 -11px 10px -10px hsl(0, 7%, 70%);
 
             margin-top: 1em;
             margin-bottom: 1em;
@@ -191,7 +191,7 @@ $alert-error-red: hsl(0, 80%, 40%);
         .exit {
             position: absolute;
             top: 10px;
-            right: 0px;
+            right: 0;
 
             font-size: 2.5em;
             font-weight: 300;
@@ -216,14 +216,14 @@ $alert-error-red: hsl(0, 80%, 40%);
 
     100% {
         opacity: 1;
-        transform: translateY(0px);
+        transform: translateY(0);
     }
 }
 
 @keyframes fadeOut {
     0% {
         opacity: 1;
-        transform: translateY(0px);
+        transform: translateY(0);
     }
 
     100% {
@@ -238,6 +238,6 @@ $alert-error-red: hsl(0, 80%, 40%);
     .alert-box {
         width: 80%;
         left: 10%;
-        margin-left: 0px;
+        margin-left: 0;
     }
 }
diff --git a/static/styles/app_components.scss b/static/styles/app_components.scss
index a9c83f7a45..4aea84f959 100644
--- a/static/styles/app_components.scss
+++ b/static/styles/app_components.scss
@@ -33,7 +33,7 @@
 }
 
 .box-shadow {
-    box-shadow: 0px 0px 10px hsla(0, 0%, 0%, 0.1);
+    box-shadow: 0 0 10px hsla(0, 0%, 0%, 0.1);
 }
 
 .bg-white {
@@ -72,10 +72,10 @@
 
         /* -- button style variations -- */
         &.no-style {
-            padding: 0px;
+            padding: 0;
             background-color: transparent;
             border: none;
-            min-width: 0px;
+            min-width: 0;
             width: auto;
             outline: none;
             box-shadow: none !important;
@@ -201,7 +201,7 @@
         .ind-tab {
             display: inline-block;
             width: 90px;
-            margin: 0px -0.5px;
+            margin: 0 -0.5px;
             text-align: center;
             text-overflow: ellipsis;
             white-space: nowrap;
@@ -222,7 +222,7 @@
             }
 
             &.first {
-                border-radius: 5px 0px 0px 5px;
+                border-radius: 5px 0 0 5px;
                 border-right: 1px solid transparent;
             }
 
@@ -231,7 +231,7 @@
             }
 
             &.last {
-                border-radius: 0px 5px 5px 0px;
+                border-radius: 0 5px 5px 0;
             }
 
             &.selected {
@@ -306,7 +306,7 @@
         transition: opacity 0.2s ease-out;
 
         .overlay-content {
-            transform: translateY(0px);
+            transform: translateY(0);
             transition-timing-function: ease-out;
         }
     }
@@ -321,7 +321,7 @@
 .new-style input[type="text"] {
     border-radius: 5px;
     box-shadow: none;
-    margin: 0px;
+    margin: 0;
 }
 
 .clear_search_button {
@@ -359,7 +359,7 @@
 }
 
 .grey-box {
-    margin: 0px;
+    margin: 0;
     padding: 5px 10px;
     background-color: hsl(0, 0%, 98%);
     border: 1px solid hsl(0, 0%, 87%);
@@ -400,12 +400,12 @@
 
 .stream-selection-header-colorblock {
     /* box-shadow: 0px 2px 3px hsl(0, 0%, 80%); */
-    box-shadow: inset 0px 2px 1px -2px hsl(0, 0%, 20%),
-        inset 2px 0px 1px -2px hsl(0, 0%, 20%),
-        inset 0px -2px 1px -2px hsl(0, 0%, 20%);
+    box-shadow: inset 0 2px 1px -2px hsl(0, 0%, 20%),
+        inset 2px 0 1px -2px hsl(0, 0%, 20%),
+        inset 0 -2px 1px -2px hsl(0, 0%, 20%);
     width: 10px;
-    border-radius: 3px 0px 0px 3px;
-    border-bottom: 0px;
+    border-radius: 3px 0 0 3px;
+    border-bottom: 0;
 }
 
 .stream_header_colorblock {
@@ -419,7 +419,7 @@
     font-size: 0.9em;
     -webkit-text-stroke: 0.05em;
     position: relative;
-    margin: 0px 5px;
+    margin: 0 5px;
     top: 9px;
 }
 
@@ -449,7 +449,7 @@
     &:hover {
         color: hsl(0, 0%, 20%);
         border: 1px solid hsl(49, 20%, 60%);
-        box-shadow: 0px 0px 4px hsla(199, 79%, 56%, 0.2);
+        box-shadow: 0 0 4px hsla(199, 79%, 56%, 0.2);
 
         text-decoration: none;
     }
@@ -463,7 +463,7 @@
     border: 1px solid hsl(49, 20%, 84%);
     border-radius: 4px;
     padding: 10px;
-    margin: 10px 0px;
+    margin: 10px 0;
     font-size: 1rem;
     line-height: 1.5;
     color: hsl(0, 0%, 40%);
diff --git a/static/styles/components.scss b/static/styles/components.scss
index 2724c99464..70e1de98ad 100644
--- a/static/styles/components.scss
+++ b/static/styles/components.scss
@@ -3,7 +3,7 @@
 
 .new-style {
     label.checkbox {
-        padding: 0px;
+        padding: 0;
         display: inline-block;
         position: relative;
         vertical-align: top;
@@ -19,7 +19,7 @@
                 top: -2px;
 
                 padding: 2px;
-                margin: 0px 5px 0px 0px;
+                margin: 0 5px 0 0;
                 height: 10px;
                 width: 10px;
 
@@ -75,7 +75,7 @@ a.no-underline:hover {
 .simplebar-track {
     .simplebar-scrollbar::before {
         background-color: hsl(0, 0%, 0%);
-        box-shadow: 0px 0px 0px 1px hsla(0, 0%, 100%, 0.33);
+        box-shadow: 0 0 0 1px hsla(0, 0%, 100%, 0.33);
     }
 
     &.simplebar-vertical {
diff --git a/static/styles/compose.scss b/static/styles/compose.scss
index b69ef5d0c2..d3f6850722 100644
--- a/static/styles/compose.scss
+++ b/static/styles/compose.scss
@@ -75,14 +75,14 @@
 .compose_table {
     .stream-selection-header-colorblock {
         &.message_header_private_message {
-            border-radius: 3px 0px 0px 3px;
-            border-bottom: 0px;
+            border-radius: 3px 0 0 3px;
+            border-bottom: 0;
             background-color: hsl(0, 0%, 27%);
         }
     }
 
     .right_part {
-        padding: 0px;
+        padding: 0;
         display: flex;
         align-items: center;
         width: 100%;
@@ -91,7 +91,7 @@
             font-size: 0.9em;
             -webkit-text-stroke: 0.05em;
             position: relative;
-            margin: 0px 5px;
+            margin: 0 5px;
         }
     }
 
@@ -111,14 +111,14 @@
     #compose-lock-icon {
         position: relative;
         left: 5px;
-        width: 0px;
+        width: 0;
     }
 
     .message_header {
         background: none;
         background-color: hsl(0, 0%, 92%);
         border: none;
-        border-radius: 0px;
+        border-radius: 0;
         box-shadow: none !important;
     }
 
@@ -135,19 +135,19 @@
 }
 
 #send_message_form {
-    margin: 0px;
+    margin: 0;
 
     .messagebox {
         /* normally 5px 14px; pull in the right and bottom a bit */
         cursor: default;
-        padding: 0px;
+        padding: 0;
         background: none;
         box-shadow: none;
         border: none;
     }
 
     .message_content {
-        margin-right: 0px;
+        margin-right: 0;
     }
 }
 
@@ -158,8 +158,8 @@
 
 #compose {
     position: fixed;
-    bottom: 0px;
-    left: 0px;
+    bottom: 0;
+    left: 0;
     z-index: 2;
     width: 100%;
 
@@ -176,7 +176,7 @@
 #compose_close {
     display: none;
     position: absolute;
-    right: 0px;
+    right: 0;
 }
 
 #compose_invite_users,
@@ -190,7 +190,7 @@
 .compose-all-everyone,
 .compose-announce,
 .compose_not_subscribed {
-    padding: 4px 0px 4px 0px;
+    padding: 4px 0 4px 0;
     display: flex;
     align-items: center;
     justify-content: space-between;
@@ -219,7 +219,7 @@
 
 .compose_invite_user p,
 .compose_not_subscribed p {
-    margin: 0px;
+    margin: 0;
     display: inline-block;
     max-width: calc(100% - 100px);
 }
@@ -301,7 +301,7 @@ textarea.new_message_textarea {
     padding: 5px;
     height: 1.5em;
     max-height: 22em;
-    margin-bottom: 0px;
+    margin-bottom: 0;
     resize: vertical !important;
     margin-top: 5px;
 }
@@ -319,15 +319,15 @@ textarea.new_message_textarea,
 }
 
 input.recipient_box {
-    margin: 0px;
+    margin: 0;
     height: 1.1em;
     border-radius: 3px;
 }
 
 #stream_message_recipient_stream.recipient_box {
     width: 20%;
-    border-radius: 0px 3px 3px 0px;
-    border-left: 0px;
+    border-radius: 0 3px 3px 0;
+    border-left: 0;
     min-width: 120px;
 
     &:focus {
@@ -370,8 +370,7 @@ input.recipient_box {
         color: hsl(0, 0%, 100%);
 
         &:focus {
-            box-shadow: 0px 0px 10px hsl(170, 48%, 54%),
-                0px 0px 5px hsl(170, 48%, 54%);
+            box-shadow: 0 0 10px hsl(170, 48%, 54%), 0 0 5px hsl(170, 48%, 54%);
         }
     }
 }
diff --git a/static/styles/drafts.scss b/static/styles/drafts.scss
index 5609d6447b..17a0f8ed69 100644
--- a/static/styles/drafts.scss
+++ b/static/styles/drafts.scss
@@ -3,7 +3,7 @@
     height: 95%;
     background-color: hsl(0, 0%, 100%);
     border-radius: 4px;
-    padding: 0px;
+    padding: 0;
     width: 58%;
     overflow: hidden;
     max-width: 1200px;
@@ -105,7 +105,7 @@
             line-height: 1;
             padding-top: 10px;
             padding-bottom: 10px;
-            margin-left: 0px;
+            margin-left: 0;
         }
 
         .draft_controls {
@@ -116,7 +116,7 @@
             font-size: 0.9em;
 
             @media (max-width: 500px) {
-                right: 0px;
+                right: 0;
             }
 
             .restore-draft {
diff --git a/static/styles/hotspots.scss b/static/styles/hotspots.scss
index 7a7dad56eb..a19e33a1f7 100644
--- a/static/styles/hotspots.scss
+++ b/static/styles/hotspots.scss
@@ -63,7 +63,7 @@
     0%,
     15%,
     100% {
-        transform: translateY(0px);
+        transform: translateY(0);
     }
 
     7.5% {
diff --git a/static/styles/image_upload_widget.scss b/static/styles/image_upload_widget.scss
index 0b5e32fe31..997b110039 100644
--- a/static/styles/image_upload_widget.scss
+++ b/static/styles/image_upload_widget.scss
@@ -2,7 +2,7 @@
 .image_upload_widget {
     position: relative;
     border-radius: 5px;
-    box-shadow: 0px 0px 10px hsla(0, 0%, 0%, 0.1);
+    box-shadow: 0 0 10px hsla(0, 0%, 0%, 0.1);
 
     transition: all 0.3s ease;
 
@@ -106,7 +106,7 @@
     position: relative;
 
     .inline-block {
-        margin: 5px 20px 0px 0px;
+        margin: 5px 20px 0 0;
         vertical-align: top;
         border-radius: 4px;
     }
@@ -116,7 +116,7 @@
 #user-avatar-upload-widget {
     .image_upload_button {
         border-radius: 5px;
-        box-shadow: 0px 0px 10px hsla(0, 0%, 0%, 0.1);
+        box-shadow: 0 0 10px hsla(0, 0%, 0%, 0.1);
         z-index: 99;
     }
 
@@ -143,10 +143,10 @@
 
     .image-block {
         border-radius: 5px;
-        box-shadow: 0px 0px 10px hsla(0, 0%, 0%, 0.1);
+        box-shadow: 0 0 10px hsla(0, 0%, 0%, 0.1);
         width: 200px;
         height: 200px;
-        top: 0px;
+        top: 0;
     }
 }
 
@@ -164,7 +164,7 @@
     width: 100px;
     height: 100px;
     border-radius: 5px;
-    box-shadow: 0px 0px 10px hsla(0, 0%, 0%, 0.1);
+    box-shadow: 0 0 10px hsla(0, 0%, 0%, 0.1);
 
     .image-delete-text {
         top: 40px;
@@ -196,7 +196,7 @@
     width: 220px;
     height: 55px;
     text-align: center;
-    margin: 0px 80px 0px 20px;
+    margin: 0 80px 0 20px;
 
     .image-upload-text,
     .image-delete-text {
diff --git a/static/styles/informational-overlays.scss b/static/styles/informational-overlays.scss
index c6a2569061..0267cb84e5 100644
--- a/static/styles/informational-overlays.scss
+++ b/static/styles/informational-overlays.scss
@@ -13,7 +13,7 @@
     }
 
     .overlay-tabs {
-        padding: 10px 0px;
+        padding: 10px 0;
         border-bottom: 1px solid hsla(0, 0%, 0%, 0.2);
 
         .tab-switcher {
diff --git a/static/styles/input_pill.scss b/static/styles/input_pill.scss
index 46d336104d..385afd3741 100644
--- a/static/styles/input_pill.scss
+++ b/static/styles/input_pill.scss
@@ -56,7 +56,7 @@
         cursor: not-allowed;
         border: none;
         background-color: transparent;
-        padding: 0px;
+        padding: 0;
 
         .pill {
             padding-right: 4px;
@@ -93,7 +93,7 @@
 }
 
 .pm_recipient .pill-container {
-    padding: 0px 2px;
+    padding: 0 2px;
     border: none;
     flex-grow: 1;
     align-content: center;
diff --git a/static/styles/left-sidebar.scss b/static/styles/left-sidebar.scss
index 203d76281c..9da03a24b8 100644
--- a/static/styles/left-sidebar.scss
+++ b/static/styles/left-sidebar.scss
@@ -85,15 +85,15 @@ li.show-more-topics {
 
     li {
         a {
-            padding: 1px 0px;
+            padding: 1px 0;
         }
 
         ul {
-            margin-left: 0px;
+            margin-left: 0;
 
             &.topic-list li {
                 padding-top: 2px;
-                padding-right: 0px;
+                padding-right: 0;
                 padding-bottom: 2px;
                 padding-left: $topic_indent;
             }
@@ -105,7 +105,7 @@ li.show-more-topics {
     }
 
     .subscription_block {
-        padding: 0px;
+        padding: 0;
         margin-right: 25px;
         margin-left: $far_left_gutter_size;
         display: flex;
@@ -187,7 +187,7 @@ li.show-more-topics {
 
 ul.filters {
     list-style-type: none;
-    margin-left: 0px;
+    margin-left: 0;
 
     a {
         color: inherit;
@@ -317,7 +317,7 @@ li.top_left_recent_topics {
 .top_left_starred_messages .count {
     background-color: transparent;
     color: inherit;
-    padding: 2px 1px 0px 3px;
+    padding: 2px 1px 0 3px;
     border-color: hsl(105, 2%, 50%);
 }
 
@@ -389,10 +389,10 @@ li.top_left_recent_topics {
 .starred-messages-sidebar-menu-icon,
 .stream-sidebar-menu-icon {
     top: 1px;
-    right: 0px;
+    right: 0;
     font-size: 1em;
     text-align: center;
-    padding: 0px 6px 0px 6px;
+    padding: 0 6px 0 6px;
 }
 
 /*
@@ -401,11 +401,11 @@ li.top_left_recent_topics {
     which also affects it positioning.
 */
 .topic-sidebar-menu-icon {
-    top: 0px;
-    right: 0px;
+    top: 0;
+    right: 0;
     font-size: 0.9em;
     text-align: center;
-    padding: 1px 6px 0px 6px;
+    padding: 1px 6px 0 6px;
 }
 
 /*
@@ -430,7 +430,7 @@ ul.expanded_private_messages {
     list-style-type: none;
     font-size: 13px;
     font-weight: 400;
-    margin-left: 0px;
+    margin-left: 0;
     padding-bottom: 2px;
     margin-top: 3px;
 }
@@ -446,7 +446,7 @@ li.expanded_private_message {
     padding-bottom: 1px;
 
     a {
-        margin: 1px 0px;
+        margin: 1px 0;
     }
 }
 
@@ -475,11 +475,11 @@ li.expanded_private_message {
     .user_circle {
         min-width: 8px;
         height: 8px;
-        margin-top: 0px;
-        margin-bottom: 0px;
+        margin-top: 0;
+        margin-bottom: 0;
         margin-left: 2px;
         position: relative;
-        top: 0px;
+        top: 0;
     }
 }
 
@@ -511,7 +511,7 @@ li.expanded_private_message {
 }
 
 #streams_header {
-    margin-right: 0px;
+    margin-right: 0;
     padding-left: $far_left_gutter_size;
     cursor: pointer;
     margin-top: 3px;
diff --git a/static/styles/lightbox.scss b/static/styles/lightbox.scss
index 202d567113..06c8c98339 100644
--- a/static/styles/lightbox.scss
+++ b/static/styles/lightbox.scss
@@ -8,7 +8,7 @@
         position: relative;
         width: 100%;
         height: calc(100% - 65px - 95px);
-        margin: 0px;
+        margin: 0;
 
         background-size: contain;
         background-repeat: no-repeat;
@@ -30,7 +30,7 @@
 
             background-size: 20px 20px;
 
-            background-position: 0 0, 50px 0, 50px -50px, 0px 50px;
+            background-position: 0 0, 50px 0, 50px -50px, 0 50px;
         }
 
         canvas {
@@ -43,7 +43,7 @@
 
         color: hsla(0, 0%, 100%, 0.8);
         font-size: 2rem;
-        margin: 24px 20px 0px 0px;
+        margin: 24px 20px 0 0;
 
         transform: scaleY(0.75);
         font-weight: 300;
@@ -78,9 +78,9 @@
 
             min-width: 75px;
 
-            margin: 0px;
+            margin: 0;
             margin-right: 5px;
-            padding: 0px 5px;
+            padding: 0 5px;
 
             border-radius: 4px;
 
@@ -130,7 +130,7 @@
             border-radius: 4px;
             text-decoration: none;
             display: inline-block;
-            margin: 0px 5px;
+            margin: 0 5px;
 
             &:hover {
                 background-color: hsl(0, 0%, 100%);
@@ -223,9 +223,9 @@
         .image-list {
             position: relative;
             display: inline-block;
-            padding: 15px 0px 12px 0px;
+            padding: 15px 0 12px 0;
             height: 50px;
-            font-size: 0px;
+            font-size: 0;
 
             max-width: 40vw;
             overflow: hidden;
@@ -236,7 +236,7 @@
                 vertical-align: top;
                 width: 50px;
                 height: 50px;
-                margin: 0px 2px;
+                margin: 0 2px;
 
                 background-color: hsla(0, 0%, 94%, 0.2);
                 opacity: 0.5;
diff --git a/static/styles/message_edit_history.scss b/static/styles/message_edit_history.scss
index a9d38ba3be..e0c001421a 100644
--- a/static/styles/message_edit_history.scss
+++ b/static/styles/message_edit_history.scss
@@ -15,7 +15,7 @@
     }
 
     .messagebox-content {
-        padding: 0px 10px;
+        padding: 0 10px;
     }
 
     .message_edit_history_content {
diff --git a/static/styles/night_mode.scss b/static/styles/night_mode.scss
index 3efc713d3b..239b3b83a8 100644
--- a/static/styles/night_mode.scss
+++ b/static/styles/night_mode.scss
@@ -286,7 +286,7 @@ on a dark background, and don't change the dark labels dark either. */
     .dropdown-menu.typeahead,
     #settings_page,
     .informational-overlays .overlay-content {
-        box-shadow: 0px 0px 30px hsl(212, 32%, 7%);
+        box-shadow: 0 0 30px hsl(212, 32%, 7%);
     }
 
     .dropdown-menu ul,
@@ -539,12 +539,12 @@ on a dark background, and don't change the dark labels dark either. */
                 hsla(0, 0%, 0%, 0.2) 0%,
                 hsla(0, 0%, 0%, 0.1) 100%
             );
-            box-shadow: 0px 0px 0px 1px hsla(0, 0%, 0%, 0.4);
+            box-shadow: 0 0 0 1px hsla(0, 0%, 0%, 0.4);
         }
 
         .user-mention-me :not(.silent) {
             background-color: hsla(355, 37%, 31%, 1);
-            box-shadow: 0px 0px 0px 1px hsla(330, 40%, 20%, 1);
+            box-shadow: 0 0 0 1px hsla(330, 40%, 20%, 1);
         }
 
         .codehilite code,
@@ -740,7 +740,7 @@ on a dark background, and don't change the dark labels dark either. */
 
     time {
         background: hsla(0, 0%, 0%, 0.2);
-        box-shadow: 0px 0px 0px 1px hsla(0, 0%, 0%, 0.4);
+        box-shadow: 0 0 0 1px hsla(0, 0%, 0%, 0.4);
     }
 
     .tip {
@@ -803,8 +803,8 @@ on a dark background, and don't change the dark labels dark either. */
             .code-context {
                 color: hsl(314, 27%, 82%);
                 background-color: hsl(312, 7%, 14%);
-                box-shadow: inset 0px 11px 10px -10px hsl(0, 0%, 6%),
-                    inset 0px -11px 10px -10px hsl(0, 0%, 6%);
+                box-shadow: inset 0 11px 10px -10px hsl(0, 0%, 6%),
+                    inset 0 -11px 10px -10px hsl(0, 0%, 6%);
 
                 .line-number {
                     color: hsl(318, 14%, 44%);
@@ -954,7 +954,7 @@ on a dark background, and don't change the dark labels dark either. */
 
     .simplebar-track .simplebar-scrollbar::before {
         background-color: hsl(0, 0%, 100%);
-        box-shadow: 0px 0px 0px 1px hsla(0, 0%, 0%, 0.33);
+        box-shadow: 0 0 0 1px hsla(0, 0%, 0%, 0.33);
     }
 
     .collapse-settings-btn:hover {
diff --git a/static/styles/popovers.scss b/static/styles/popovers.scss
index 203168b833..1162767daa 100644
--- a/static/styles/popovers.scss
+++ b/static/styles/popovers.scss
@@ -15,7 +15,7 @@
 }
 
 .popover-content {
-    padding: 5px 0px;
+    padding: 5px 0;
 }
 
 .popover-title {
@@ -101,7 +101,7 @@
     }
 
     .popover_sub_unsub_button {
-        margin-top: 0px;
+        margin-top: 0;
         float: none;
     }
 }
@@ -221,7 +221,7 @@ ul {
 .popover_user_presence {
     width: 8px;
     height: 8px;
-    margin: 0px 5px;
+    margin: 0 5px;
     display: inline-block;
     float: initial;
     position: relative;
@@ -358,14 +358,14 @@ ul {
         align-items: center;
 
         /* these are to override JS embedded inline styles. */
-        top: 0px !important;
-        left: 0px !important;
+        top: 0 !important;
+        left: 0 !important;
         margin: 0 !important;
         width: 100%;
         height: 100%;
 
         background-color: hsla(0, 0%, 0%, 0.7);
-        border-radius: 0px;
+        border-radius: 0;
         border: none;
 
         pointer-events: none;
@@ -415,7 +415,7 @@ ul {
 
 .user_info_status_text {
     opacity: 0.8;
-    padding: 2px 0px 3px 0px;
+    padding: 2px 0 3px 0;
 }
 
 #topic_stream_edit_form_error {
@@ -429,8 +429,8 @@ ul {
     justify-content: flex-start;
 
     #select_stream_id {
-        border-left: 0px;
-        padding-left: 0px;
+        border-left: 0;
+        padding-left: 0;
         border-radius: 3px;
         margin: 0 5px 5px -10px;
         text-indent: 10px;
diff --git a/static/styles/portico/activity.scss b/static/styles/portico/activity.scss
index a79c9219d2..18260a7a0c 100644
--- a/static/styles/portico/activity.scss
+++ b/static/styles/portico/activity.scss
@@ -36,7 +36,7 @@ td.number {
 
 .summary-table {
     width: auto;
-    margin: 0px auto;
+    margin: 0 auto;
 }
 
 tr.admin td:first-child {
diff --git a/static/styles/portico/archive.scss b/static/styles/portico/archive.scss
index 429b1b3530..ad4c2f9958 100644
--- a/static/styles/portico/archive.scss
+++ b/static/styles/portico/archive.scss
@@ -5,7 +5,7 @@ body {
 }
 
 .header {
-    padding: 5px 0px 5px 15px;
+    padding: 5px 0 5px 15px;
     line-height: 10px;
 }
 
diff --git a/static/styles/portico/billing.scss b/static/styles/portico/billing.scss
index 0a694e815f..1055f42451 100644
--- a/static/styles/portico/billing.scss
+++ b/static/styles/portico/billing.scss
@@ -124,7 +124,7 @@
             hsl(191, 56%, 55%),
             hsl(169, 65%, 42%)
         );
-        box-shadow: 0px 3px 10px hsla(0, 0%, 0%, 0.2);
+        box-shadow: 0 3px 10px hsla(0, 0%, 0%, 0.2);
         border: 0;
         height: 40px;
         margin: 5px 0 0 0;
@@ -139,7 +139,7 @@
 
     .stripe-button-el:hover {
         background-color: hsl(169, 65%, 42%);
-        box-shadow: 0px 3px 10px hsla(0, 0%, 0%, 0.3);
+        box-shadow: 0 3px 10px hsla(0, 0%, 0%, 0.3);
     }
 
     .stripe-button-el:active,
diff --git a/static/styles/portico/integrations.scss b/static/styles/portico/integrations.scss
index f7f4d0f6dc..452a4217a0 100644
--- a/static/styles/portico/integrations.scss
+++ b/static/styles/portico/integrations.scss
@@ -26,7 +26,7 @@ $category-text: hsl(219, 23%, 33%);
         margin: 0 auto;
 
         background-color: hsl(0, 0%, 100%);
-        box-shadow: 0px 0px 80px hsla(0, 0%, 0%, 0.12);
+        box-shadow: 0 0 80px hsla(0, 0%, 0%, 0.12);
 
         visibility: hidden;
 
@@ -125,14 +125,14 @@ $category-text: hsl(219, 23%, 33%);
                 position: relative;
 
                 input {
-                    box-shadow: 0px 0px 7px 2px hsla(0, 0%, 0%, 0.03);
+                    box-shadow: 0 0 7px 2px hsla(0, 0%, 0%, 0.03);
 
                     font-size: 1em;
                     font-family: inherit;
 
                     width: 500px;
                     height: 45px;
-                    padding: 0px 20px 0px 50px;
+                    padding: 0 20px 0 50px;
                     border-radius: 40px;
                     border: 1px solid $light-blue-border;
                     display: block;
@@ -178,7 +178,7 @@ $category-text: hsl(219, 23%, 33%);
         .integration-categories-sidebar {
             float: left;
             width: 200px;
-            padding: 0 30px 0 0px;
+            padding: 0 30px 0 0;
             margin: 0;
 
             &.sticky {
@@ -192,7 +192,7 @@ $category-text: hsl(219, 23%, 33%);
             h3 {
                 font-weight: 400;
                 font-size: 1.1em;
-                margin: 0px;
+                margin: 0;
             }
 
             h4 {
diff --git a/static/styles/portico/landing-page.scss b/static/styles/portico/landing-page.scss
index b080501d59..d4e97d1f25 100644
--- a/static/styles/portico/landing-page.scss
+++ b/static/styles/portico/landing-page.scss
@@ -17,7 +17,7 @@ body {
 h1,
 h2,
 h3 {
-    margin: 10px 0px;
+    margin: 10px 0;
 
     font-weight: 300;
     line-height: 1.2;
@@ -32,7 +32,7 @@ h2 {
 }
 
 p {
-    margin: 10px 0px;
+    margin: 10px 0;
     font-weight: normal;
     line-height: 1.5;
 }
@@ -108,7 +108,7 @@ ol a:hover {
 }
 
 .box-shadow {
-    box-shadow: 0px 0px 80px hsla(0, 0%, 0%, 0.12);
+    box-shadow: 0 0 80px hsla(0, 0%, 0%, 0.12);
 }
 
 .grey {
@@ -360,7 +360,7 @@ nav {
 .portico-landing.features-app {
     position: relative;
     overflow-x: hidden;
-    padding-top: 0px;
+    padding-top: 0;
 
     z-index: 2;
 
@@ -371,7 +371,7 @@ nav {
         flex-flow: row wrap;
         justify-content: space-around;
         margin: 40px auto;
-        padding: 0px 30px;
+        padding: 0 30px;
         color: hsl(219, 21%, 21%);
 
         &.hero {
@@ -425,14 +425,14 @@ nav {
             max-width: none;
             padding: 50px;
             /* this should only be a thing if the section above is not white */
-            margin-top: 0px;
+            margin-top: 0;
             background-color: hsl(219, 21%, 21%);
             color: hsl(219, 76%, 93%);
 
             img {
                 &.overflow-wave {
                     width: 685px;
-                    right: 0px;
+                    right: 0;
                     top: -168px;
                     position: absolute;
                 }
@@ -467,11 +467,11 @@ nav {
             align-items: center;
 
             margin: 50px auto;
-            padding: 0px 50px;
+            padding: 0 50px;
 
             .image {
                 width: calc(100% - 500px - 100px);
-                margin: 50px 0px 50px 50px;
+                margin: 50px 0 50px 50px;
                 max-width: 500px;
             }
 
@@ -484,7 +484,7 @@ nav {
 
                 .feature-block {
                     display: block;
-                    margin: 30px 0px;
+                    margin: 30px 0;
                 }
             }
         }
@@ -514,7 +514,7 @@ nav {
                 position: relative;
 
                 margin-bottom: 120px;
-                top: -0px;
+                top: 0;
             }
 
             .feature-list {
@@ -524,14 +524,14 @@ nav {
                 vertical-align: top;
                 text-align: left;
 
-                margin: 35px 0px 0px 20px;
+                margin: 35px 0 0 20px;
 
                 z-index: 1;
 
                 h3 {
                     position: relative;
 
-                    margin: 15px 0px 15px 50px;
+                    margin: 15px 0 15px 50px;
 
                     font-size: 1.2em;
                     font-weight: 400;
@@ -544,7 +544,7 @@ nav {
                         position: absolute;
 
                         left: -35px;
-                        top: 0px;
+                        top: 0;
                         width: 20px;
                         height: 20px;
 
@@ -585,7 +585,7 @@ nav {
 
         .headliner {
             .feature-block {
-                margin: 0px 10px;
+                margin: 0 10px;
                 width: calc(100% - 250px - 20px);
             }
         }
@@ -593,7 +593,7 @@ nav {
         h2 {
             font-size: 2.5em;
             text-align: center;
-            margin: 0px 10px;
+            margin: 0 10px;
             line-height: 1.6;
             flex: 1 0 100%;
         }
@@ -607,11 +607,11 @@ nav {
         a {
             &.feature-block {
                 &:hover {
-                    box-shadow: 0px 3px 10px hsl(0, 0%, 75%);
+                    box-shadow: 0 3px 10px hsl(0, 0%, 75%);
                 }
 
                 &:active {
-                    box-shadow: 0px 3px 10px hsl(0, 0%, 50%);
+                    box-shadow: 0 3px 10px hsl(0, 0%, 50%);
                 }
             }
         }
@@ -728,27 +728,27 @@ nav {
             font-size: 3em;
             font-weight: 400;
 
-            text-shadow: 0px 0px 20px hsla(0, 0%, 100%, 0.2);
+            text-shadow: 0 0 20px hsla(0, 0%, 100%, 0.2);
         }
 
         p {
-            margin: 30px 0px;
+            margin: 30px 0;
 
             font-size: 1.5em;
             font-weight: 300;
             line-height: 1.4;
-            text-shadow: 0px 0px 5px hsla(164, 74%, 15%, 0.3),
-                0px 0px 20px hsla(0, 0%, 100%, 0.2);
+            text-shadow: 0 0 5px hsla(164, 74%, 15%, 0.3),
+                0 0 20px hsla(0, 0%, 100%, 0.2);
         }
 
         a {
             display: block;
-            margin: 20px auto 0px auto;
+            margin: 20px auto 0 auto;
             text-align: center;
         }
 
         button {
-            margin-top: 0px;
+            margin-top: 0;
             padding: 12px 20px;
 
             background-color: hsl(0, 0%, 100%);
@@ -758,16 +758,16 @@ nav {
             font-weight: 500;
             color: hsl(148, 23%, 51%);
 
-            box-shadow: 0px 3px 10px hsla(0, 0%, 0%, 0.2);
+            box-shadow: 0 3px 10px hsla(0, 0%, 0%, 0.2);
 
             transition: all 0.2s ease;
 
             &:hover {
-                box-shadow: 0px 3px 10px hsla(0, 0%, 100%, 0.2);
+                box-shadow: 0 3px 10px hsla(0, 0%, 100%, 0.2);
             }
 
             &:active {
-                box-shadow: 0px 3px 20px hsla(0, 0%, 100%, 0.5);
+                box-shadow: 0 3px 20px hsla(0, 0%, 100%, 0.5);
             }
         }
 
@@ -889,7 +889,7 @@ nav {
     color: hsl(0, 0%, 100%);
 
     .text-header .text-content h1 {
-        margin-top: 0px;
+        margin-top: 0;
     }
 
     .padded-content {
@@ -927,7 +927,7 @@ nav {
 
         th {
             font-weight: 600;
-            padding: 15px 0px;
+            padding: 15px 0;
 
             color: hsl(0, 0%, 100%);
 
@@ -942,7 +942,7 @@ nav {
         border-bottom: 1px solid hsla(360, 0%, 100%, 0.03);
 
         td {
-            padding: 10px 0px;
+            padding: 10px 0;
 
             &.no {
                 text-align: center;
@@ -1032,7 +1032,7 @@ nav {
         }
 
         .answer {
-            margin: 20px 0px 0px 0px;
+            margin: 20px 0 0 0;
             font-weight: 400;
         }
     }
@@ -1047,7 +1047,7 @@ nav {
     .line {
         width: 100%;
         height: 6px;
-        margin: 8px 0px;
+        margin: 8px 0;
 
         background-color: hsl(0, 0%, 93%);
         border-radius: 3px;
@@ -1099,7 +1099,7 @@ nav {
         margin: 20px;
 
         .sub-block {
-            margin: 0px 10px;
+            margin: 0 10px;
         }
     }
 
@@ -1119,7 +1119,7 @@ nav {
             vertical-align: top;
 
             width: 50px;
-            margin-top: 0px;
+            margin-top: 0;
 
             background-color: hsl(0, 0%, 73%);
         }
@@ -1152,20 +1152,20 @@ nav {
         }
 
         .stream {
-            padding: 3px 5px 0px 5px;
-            margin: 0px 5px;
+            padding: 3px 5px 0 5px;
+            margin: 0 5px;
 
             background-color: hsl(0, 0%, 100%);
             border-radius: 4px;
 
-            box-shadow: 0px 0px 15px hsla(0, 0%, 0%, 0.01);
+            box-shadow: 0 0 15px hsla(0, 0%, 0%, 0.01);
         }
     }
 }
 
 .portico-landing.hello .screen {
     position: relative;
-    margin: -300px auto 0px auto;
+    margin: -300px auto 0 auto;
 
     width: 600px;
     height: 350px;
@@ -1173,7 +1173,7 @@ nav {
     padding: 10px 30px 10px 30px;
 
     border-radius: 12px;
-    box-shadow: 0px 0px 50px hsla(0, 0%, 0%, 0.2);
+    box-shadow: 0 0 50px hsla(0, 0%, 0%, 0.2);
 
     background-color: hsl(0, 0%, 27%);
 
@@ -1242,7 +1242,7 @@ nav {
 }
 
 .portico-landing.hello .features {
-    padding: 50px 0px 100px 0px;
+    padding: 50px 0 100px 0;
 
     background-color: hsl(0, 0%, 100%);
 
@@ -1279,12 +1279,12 @@ nav {
     background-color: hsl(217, 22%, 93%);
 
     .flex {
-        min-height: 0px;
-        padding: 50px 0px;
+        min-height: 0;
+        padding: 50px 0;
     }
 
     img {
-        margin: 0px 2%;
+        margin: 0 2%;
         width: 28%;
         max-width: 500px;
         display: inline-block;
@@ -1358,7 +1358,7 @@ nav {
         hsla(220, 20%, 97%, 0.9)
     );
     border-radius: 12px;
-    box-shadow: 0px 3px 10px hsla(0, 0%, 0%, 0.02);
+    box-shadow: 0 3px 10px hsla(0, 0%, 0%, 0.02);
     position: relative;
 }
 
@@ -1368,7 +1368,7 @@ nav {
     font-weight: 400;
     color: hsl(0, 0%, 100%);
     background: linear-gradient(145deg, hsl(191, 56%, 55%), hsl(169, 65%, 42%));
-    box-shadow: 0px 3px 10px hsla(0, 0%, 0%, 0.2);
+    box-shadow: 0 3px 10px hsla(0, 0%, 0%, 0.2);
     border: 0;
     position: absolute;
     left: 50%;
@@ -1381,7 +1381,7 @@ nav {
 
     &:hover {
         background-color: hsl(169, 65%, 42%);
-        box-shadow: 0px 3px 10px hsla(0, 0%, 0%, 0.3);
+        box-shadow: 0 3px 10px hsla(0, 0%, 0%, 0.3);
     }
 }
 
@@ -1542,12 +1542,12 @@ nav {
     color: hsl(0, 0%, 100%);
 
     background: linear-gradient(145deg, hsl(191, 56%, 55%), hsl(169, 65%, 42%));
-    box-shadow: 0px 3px 10px hsla(0, 0%, 0%, 0.2);
+    box-shadow: 0 3px 10px hsla(0, 0%, 0%, 0.2);
     border-radius: 4px;
 
     &:hover {
         background-color: hsl(169, 65%, 42%);
-        box-shadow: 0px 3px 10px hsla(0, 0%, 0%, 0.3);
+        box-shadow: 0 3px 10px hsla(0, 0%, 0%, 0.3);
     }
 }
 
@@ -1699,7 +1699,7 @@ nav {
 }
 
 .portico-landing .testimonials blockquote {
-    padding: 0px;
+    padding: 0;
 
     font-weight: 400;
     line-height: 1.6;
@@ -1854,8 +1854,8 @@ nav {
 
 .portico-landing.hello .apps .triangle {
     position: absolute;
-    top: 0px;
-    left: 0px;
+    top: 0;
+    left: 0;
     width: 0;
     height: 0;
     border-style: solid;
@@ -1903,7 +1903,7 @@ nav {
 .portico-landing.hello .apps .left-side .platform-icons .group {
     display: inline-block;
     vertical-align: top;
-    margin: 0px 30px;
+    margin: 0 30px;
 
     text-align: center;
 }
@@ -1979,8 +1979,8 @@ nav {
 
 .portico-landing.hello .call-to-action-bottom {
     position: relative;
-    padding: 100px 100px 0px 100px;
-    margin-top: 0px;
+    padding: 100px 100px 0 100px;
+    margin-top: 0;
 }
 
 .portico-landing.hello .call-to-action-bottom .button {
@@ -2027,7 +2027,7 @@ nav {
 
 /* -- apps page -- */
 .portico-landing.apps {
-    padding-top: 0px;
+    padding-top: 0;
 }
 
 .portico-landing.apps .main,
@@ -2054,8 +2054,8 @@ nav {
 
 .portico-landing.apps .hero h1 {
     font-size: 3em;
-    margin-bottom: 0px;
-    margin-top: 0px;
+    margin-bottom: 0;
+    margin-top: 0;
 }
 
 .portico-landing.apps .hero #waves {
@@ -2082,11 +2082,11 @@ nav {
 }
 
 .portico-landing.apps .hero .image img {
-    border-radius: 4px 4px 0px 0px;
+    border-radius: 4px 4px 0 0;
 }
 
 .portico-landing.apps .hero .info .cta {
-    text-shadow: 0px 0px 60px hsla(0, 0%, 0%, 0.3);
+    text-shadow: 0 0 60px hsla(0, 0%, 0%, 0.3);
     max-width: 600px;
 }
 
@@ -2111,7 +2111,7 @@ nav {
 .portico-landing.apps .hero .info .flex,
 .portico-landing.apps .hero .image .flex {
     height: 500px;
-    min-height: 0px;
+    min-height: 0;
 }
 
 .portico-landing.apps .hero .info .flex {
@@ -2142,7 +2142,7 @@ nav {
 
 .portico-landing.apps .other-apps .apps {
     display: inline-block;
-    margin: 50px 0px 0px 0px;
+    margin: 50px 0 0 0;
 }
 
 .portico-landing.apps .other-apps .apps .icon {
@@ -2196,7 +2196,7 @@ nav {
 
 /* -- /for/open-source/ -- */
 .portico-landing.why-page {
-    padding-top: 0px;
+    padding-top: 0;
     color: hsl(223, 6%, 25%);
 }
 
@@ -2216,7 +2216,7 @@ nav {
 }
 
 .portico-landing.why-page .hero h1 {
-    margin: 0px 0px 20px 0px;
+    margin: 0 0 20px 0;
 
     font-size: 3.5em;
     font-weight: 300;
@@ -2380,7 +2380,7 @@ nav {
 }
 
 .portico-landing.why-page .testimonials blockquote {
-    padding: 0px;
+    padding: 0;
 
     font-weight: 400;
     line-height: 1.6;
@@ -2393,14 +2393,14 @@ nav {
 /* -- hello page styling -- */
 .portico-landing.hello .apps .screen {
     display: inline-block;
-    margin: 0px 10px;
+    margin: 0 10px;
     text-align: left;
 }
 
 .portico-landing.hello .apps .screen.ios {
     width: 200px;
     height: 350px;
-    padding: 30px 0px;
+    padding: 30px 0;
     border-radius: 20px;
 
     transform: translateY(50px);
@@ -2411,7 +2411,7 @@ nav {
 .portico-landing.hello .apps .screen.android {
     width: 200px;
     height: 370px;
-    padding: 10px 0px 30px 0px;
+    padding: 10px 0 30px 0;
     border-radius: 20px;
 
     transform: translateY(-110px);
@@ -2535,7 +2535,7 @@ nav {
 .portico-landing.plans .main .padded-content > h1 {
     text-align: center;
     font-size: 2.5em;
-    margin: 0px;
+    margin: 0;
 
     color: hsl(0, 0%, 100%);
 }
@@ -2573,11 +2573,11 @@ nav {
     position: relative;
     display: inline-block;
     vertical-align: bottom;
-    margin: 0px;
+    margin: 0;
     width: 300px;
     height: 500px;
 
-    box-shadow: 0px 0px 10px hsla(0, 0%, 0%, 0.1);
+    box-shadow: 0 0 10px hsla(0, 0%, 0%, 0.1);
 
     text-align: left;
     background-color: hsl(0, 0%, 100%);
@@ -2592,13 +2592,13 @@ nav {
 }
 
 .pricing-model .padded-content .text-header .text-content h1 {
-    margin-top: 0px;
+    margin-top: 0;
 }
 
 .pricing-model .pricing-container .text-content h2 {
     font-size: 1.5em;
     font-weight: 400;
-    margin-bottom: 0px;
+    margin-bottom: 0;
 
     text-align: left;
 }
@@ -2606,7 +2606,7 @@ nav {
 .pricing-model .pricing-container hr {
     border: none;
     border-bottom: 2px solid hsl(170, 47%, 53%);
-    margin: 15px 0px 15px 0px;
+    margin: 15px 0 15px 0;
 }
 
 .pricing-model .pricing-container .text-content .description {
@@ -2617,13 +2617,13 @@ nav {
 
 .pricing-model .pricing-container ul.feature-list {
     list-style: none;
-    padding: 0px;
-    margin: 0px;
+    padding: 0;
+    margin: 0;
 }
 
 .pricing-model .pricing-container ul.feature-list li {
     position: relative;
-    padding: 10px 0px 10px 25px;
+    padding: 10px 0 10px 25px;
 
     font-size: 0.9em;
     font-weight: 500;
@@ -2647,7 +2647,7 @@ nav {
 
 .pricing-model .pricing-container .bottom {
     position: absolute;
-    bottom: 0px;
+    bottom: 0;
     width: 100%;
     height: 150px;
 
@@ -2703,7 +2703,7 @@ nav {
 }
 
 .pricing-model .pricing-container .price-box:focus .button {
-    box-shadow: 0px 0px 25px hsl(169, 48%, 60%);
+    box-shadow: 0 0 25px hsl(169, 48%, 60%);
     animation: box-shadow-pulse 2s infinite;
 }
 
@@ -2725,7 +2725,7 @@ nav {
 .pricing-overlay.pricing-model {
     position: fixed;
     top: -140px;
-    left: 0px;
+    left: 0;
     width: 100vw;
     height: 100vh;
 
@@ -2783,7 +2783,7 @@ nav {
 }
 
 .pricing-overlay.pricing-model .info-box .text-content h1 {
-    margin-top: 0px;
+    margin-top: 0;
 }
 
 .pricing-overlay.pricing-model .info-box .text-content p {
@@ -2793,7 +2793,7 @@ nav {
 .pricing-overlay.pricing-model .info-box .text-content .feature-detail-box {
     position: absolute;
     width: 100%;
-    bottom: 0px;
+    bottom: 0;
     text-align: center;
 }
 
@@ -2810,7 +2810,7 @@ nav {
 }
 
 .text-content .pricing-details {
-    padding: 15px 0px 15px 0px;
+    padding: 15px 0 15px 0;
     height: 25px;
 
     font-weight: 400;
@@ -2852,15 +2852,15 @@ nav {
 
 @keyframes box-shadow-pulse {
     0% {
-        box-shadow: 0px 0px 0px hsla(170, 47%, 60%, 1);
+        box-shadow: 0 0 0 hsla(170, 47%, 60%, 1);
     }
 
     50% {
-        box-shadow: 0px 0px 25px hsla(170, 47%, 60%, 0.8);
+        box-shadow: 0 0 25px hsla(170, 47%, 60%, 0.8);
     }
 
     100% {
-        box-shadow: 0px 0px 0px hsla(170, 47%, 60%, 1);
+        box-shadow: 0 0 0 hsla(170, 47%, 60%, 1);
     }
 }
 
@@ -2904,7 +2904,7 @@ nav {
     }
 
     .portico-landing.apps .main .details-container .details-box h1 {
-        margin-top: 0px;
+        margin-top: 0;
         padding-top: 20px;
     }
 
@@ -2951,11 +2951,11 @@ nav {
 
     .portico-landing.hello .integrations .integration-icons {
         max-width: 600px;
-        margin: 0px auto;
+        margin: 0 auto;
     }
 
     .portico-landing.hello .apps .left-side .content {
-        margin: 0px auto 50px;
+        margin: 0 auto 50px;
     }
 
     .portico-landing .testimonials .company-box .company {
@@ -3122,7 +3122,7 @@ nav {
 
     .screen.hero-screen .line {
         height: 4px;
-        margin: 4px 0px;
+        margin: 4px 0;
     }
 
     .screen .message-feed .message .content {
@@ -3292,7 +3292,7 @@ nav {
 
     .portico-landing.why-page .main {
         width: auto;
-        margin: 0px;
+        margin: 0;
     }
 
     .portico-landing.why-page .hero {
@@ -3353,7 +3353,7 @@ nav {
 
     .portico-landing.features-app {
         section {
-            padding: 0px 20px;
+            padding: 0 20px;
 
             &.hero {
                 padding: 50px;
@@ -3390,7 +3390,7 @@ nav {
     .portico-landing.apps .hero .info .flex,
     .portico-landing.apps .hero .image .flex {
         height: 200px;
-        min-height: 0px;
+        min-height: 0;
         width: 100%;
     }
 
@@ -3404,10 +3404,10 @@ nav {
     }
 
     .portico-landing.apps .other-apps .apps .icon {
-        padding: 0px 14px;
+        padding: 0 14px;
         width: 30px;
         padding-top: 8px;
-        padding-bottom: 0px;
+        padding-bottom: 0;
         font-size: 2.3em;
     }
 
@@ -3471,7 +3471,7 @@ nav {
         }
 
         ul {
-            margin-top: 0px;
+            margin-top: 0;
             text-align: left;
 
             position: fixed;
@@ -3483,14 +3483,14 @@ nav {
             padding-left: 30px;
 
             background-color: hsl(0, 0%, 100%);
-            transform: translate(-350px, 0px);
+            transform: translate(-350px, 0);
 
-            box-shadow: 0px 0px 80px hsla(0, 0%, 0%, 0.12);
+            box-shadow: 0 0 80px hsla(0, 0%, 0%, 0.12);
 
             transition: all 0.5s ease;
 
             &.show {
-                transform: translate(0px, 0px);
+                transform: translate(0, 0);
             }
 
             .exit {
@@ -3636,7 +3636,7 @@ nav {
             }
 
             &.messages {
-                padding: 0px 20px;
+                padding: 0 20px;
 
                 h2 {
                     font-size: 2em;
@@ -3644,7 +3644,7 @@ nav {
 
                 .features {
                     .feature-block {
-                        margin: 20px 0px;
+                        margin: 20px 0;
                     }
                 }
             }
@@ -3713,7 +3713,7 @@ nav {
         height: auto;
         max-width: 300px;
         width: auto;
-        margin: 10px 0px;
+        margin: 10px 0;
     }
 
     .pricing-model .pricing-container .text-content {
diff --git a/static/styles/portico/markdown.scss b/static/styles/portico/markdown.scss
index b83a617551..7e14a0fff8 100644
--- a/static/styles/portico/markdown.scss
+++ b/static/styles/portico/markdown.scss
@@ -39,7 +39,7 @@
         &#zulip-administration {
             font-size: 1.75em;
             padding: 10px 0;
-            margin-bottom: 0px;
+            margin-bottom: 0;
             line-height: 100%;
         }
     }
@@ -47,7 +47,7 @@
     h2 {
         font-size: 1.5em;
         line-height: 1.25;
-        margin: 20px 0px 5px 0px;
+        margin: 20px 0 5px 0;
     }
 
     h3 {
@@ -143,15 +143,15 @@
         }
 
         @media (max-width: 500px) {
-            margin-left: 0px;
+            margin-left: 0;
         }
     }
 
     ul {
-        margin: 0px 10px 15px 25px;
+        margin: 0 10px 15px 25px;
 
         & > li {
-            margin: 5px 0px;
+            margin: 5px 0;
 
             ::before {
                 content: none;
@@ -169,7 +169,7 @@
         }
 
         i.zulip-icon {
-            margin: 0px 2px 2px 2px;
+            margin: 0 2px 2px 2px;
             vertical-align: middle;
         }
 
@@ -189,7 +189,7 @@
 
     img {
         vertical-align: top;
-        box-shadow: 0px 0px 4px hsla(0, 0%, 0%, 0.05);
+        box-shadow: 0 0 4px hsla(0, 0%, 0%, 0.05);
         border: 1px solid hsl(0, 0%, 87%);
         border-radius: 4px;
 
@@ -221,7 +221,7 @@
         border: 1px solid hsl(210, 22%, 90%);
         border-radius: 4px;
         padding: 10px;
-        margin: 5px 0px;
+        margin: 5px 0;
 
         p {
             margin-bottom: 0;
@@ -302,7 +302,7 @@
         unicode-bidi: embed;
         direction: ltr;
         white-space: initial;
-        padding: 0px;
+        padding: 0;
         padding-right: 4px;
         background-color: hsl(0, 0%, 100%);
     }
@@ -335,7 +335,7 @@
 
                     border: 1px solid hsl(0, 0%, 87%);
                     border-bottom: 1px solid hsl(0, 0%, 100%);
-                    border-radius: 4px 4px 0px 0px;
+                    border-radius: 4px 4px 0 0;
                 }
             }
         }
@@ -355,7 +355,7 @@
         }
 
         &.has-tabs .blocks {
-            border-radius: 0px 6px 6px 6px;
+            border-radius: 0 6px 6px 6px;
         }
 
         &.no-tabs .blocks {
diff --git a/static/styles/portico/portico-signin.scss b/static/styles/portico/portico-signin.scss
index 04da0e8302..b79e015a21 100644
--- a/static/styles/portico/portico-signin.scss
+++ b/static/styles/portico/portico-signin.scss
@@ -4,7 +4,7 @@ html {
 
 .flex {
     display: flex;
-    padding: 80px 0px;
+    padding: 80px 0;
     align-items: center;
     justify-content: center;
 
@@ -18,10 +18,10 @@ html {
 .white-box {
     position: relative;
     padding: 30px;
-    min-width: 0px;
+    min-width: 0;
 
     background-color: hsl(0, 0%, 100%);
-    box-shadow: 0px 0px 4px hsla(0, 0%, 0%, 0.1);
+    box-shadow: 0 0 4px hsla(0, 0%, 0%, 0.1);
     border: 1px solid hsl(0, 0%, 87%);
     border-radius: 4px;
 }
@@ -54,8 +54,8 @@ html {
     .login-page-header {
         font-size: 1.5em;
         font-weight: 300;
-        margin: 0px;
-        height: 0px;
+        margin: 0;
+        height: 0;
         transform: translateX(-15px) translateY(-60px);
         text-align: left;
     }
@@ -77,7 +77,7 @@ html {
             display: inline-block;
             vertical-align: top;
 
-            margin: 0px 20px;
+            margin: 0 20px;
         }
     }
 
@@ -143,7 +143,7 @@ html {
     }
 
     .group {
-        margin: 0px 20px;
+        margin: 0 20px;
         display: inline-block;
     }
 
@@ -210,7 +210,7 @@ html {
 
 .find-account-page-container h3,
 .forgot-password-container h3 {
-    margin-top: 0px;
+    margin-top: 0;
 
     font-weight: 300;
     font-size: 2em;
@@ -221,7 +221,7 @@ html {
 
     h3,
     form {
-        margin-bottom: 0px;
+        margin-bottom: 0;
     }
 }
 
@@ -255,7 +255,7 @@ html {
         margin-top: 10px;
 
         &:empty {
-            margin-top: 0px;
+            margin-top: 0;
         }
     }
 
@@ -297,7 +297,7 @@ html {
     font-weight: 400;
 
     .pitch {
-        margin-bottom: 0px;
+        margin-bottom: 0;
     }
 
     .alert.alert-info {
@@ -309,7 +309,7 @@ html {
     }
 
     .white-box p:last-of-type {
-        margin-bottom: 0px;
+        margin-bottom: 0;
     }
 }
 
@@ -379,7 +379,7 @@ html {
     }
 
     .form-inline {
-        margin: 0px;
+        margin: 0;
     }
 
     .get-started {
@@ -461,8 +461,8 @@ html {
         input[type="text"]:valid + label,
         input[type="email"]:valid + label,
         input[type="password"]:valid + label {
-            left: 0px;
-            transform: translateY(-0px) translateX(0px);
+            left: 0;
+            transform: translateY(0) translateX(0);
             pointer-events: auto;
 
             font-size: 1rem;
@@ -472,7 +472,7 @@ html {
 
         p.text-error {
             display: block;
-            padding: 0px;
+            padding: 0;
 
             color: hsl(0, 54%, 61%);
             font-size: 0.7em;
@@ -492,12 +492,12 @@ html {
             color: hsl(0, 54%, 61%);
             font-size: 0.7em;
             font-weight: 600;
-            padding-left: 0px;
+            padding-left: 0;
         }
     }
 
     .lead {
-        margin: 0px;
+        margin: 0;
     }
 
     .inline-block {
@@ -583,7 +583,7 @@ html {
         .info-box {
             display: inline-block;
             position: relative;
-            margin: 20px 0px 0px 20px;
+            margin: 20px 0 0 20px;
             width: calc(100% - 125px);
 
             /* full width minus the avatar + padding + borders */
@@ -668,10 +668,9 @@ button.login-social-button {
     background-repeat: no-repeat;
     background-position: 13px 50%;
     background-color: hsl(0, 0%, 100%);
-    box-shadow: 0px 1px 3px hsla(0, 0%, 0%, 0.3),
-        0px 0px 5px hsla(0, 0%, 0%, 0.1);
-    margin-left: 0px;
-    margin-top: 0px;
+    box-shadow: 0 1px 3px hsla(0, 0%, 0%, 0.3), 0 0 5px hsla(0, 0%, 0%, 0.1);
+    margin-left: 0;
+    margin-top: 0;
 
     color: hsl(0, 0%, 34%);
 
@@ -682,7 +681,7 @@ button.login-social-button {
 
     &:active {
         background-color: hsl(0, 0%, 93%);
-        box-shadow: 0px 1px 1px hsla(0, 0%, 0%, 0.3);
+        box-shadow: 0 1px 1px hsla(0, 0%, 0%, 0.3);
     }
 }
 
@@ -695,7 +694,7 @@ button#register_auth_button_gitlab {
 
 .login-page-container .right-side .actions,
 .back-to-login-wrapper {
-    margin: 20px 0px 0px;
+    margin: 20px 0 0;
     text-align: left;
 }
 
@@ -753,7 +752,7 @@ button#register_auth_button_gitlab {
     }
 
     .info-box {
-        margin: 10px 0px 0px 20px;
+        margin: 10px 0 0 20px;
 
         .organization-name {
             max-width: 228px;
@@ -805,7 +804,7 @@ button#register_auth_button_gitlab {
     }
 
     #id_team_subdomain.subdomain {
-        margin-top: 0px;
+        margin-top: 0;
         text-align: right;
         position: relative;
         padding-right: 10px;
@@ -833,7 +832,7 @@ button#register_auth_button_gitlab {
         }
 
         .or {
-            margin-top: 0px;
+            margin-top: 0;
         }
     }
 
@@ -865,7 +864,7 @@ button#register_auth_button_gitlab {
     }
 
     .external-host {
-        margin: 25px 0px 0px -3px;
+        margin: 25px 0 0 -3px;
         padding: 11.5px 10px;
 
         font-weight: 400;
@@ -875,7 +874,7 @@ button#register_auth_button_gitlab {
     }
 
     .center-block .pitch {
-        margin-bottom: 0px;
+        margin-bottom: 0;
     }
 
     .input-group {
@@ -899,7 +898,7 @@ button#register_auth_button_gitlab {
 }
 
 .static.org-url + #subdomain_section {
-    margin-top: 0px !important;
+    margin-top: 0 !important;
 
     .or {
         display: none;
@@ -1074,10 +1073,10 @@ button#register_auth_button_gitlab {
             }
 
             .info-box {
-                margin-top: 0px;
+                margin-top: 0;
 
                 .organization-path {
-                    margin-top: 0px;
+                    margin-top: 0;
                 }
             }
         }
@@ -1097,13 +1096,13 @@ button#register_auth_button_gitlab {
 
         .left-side {
             border: none;
-            margin-right: 0px;
-            min-height: 0px;
+            margin-right: 0;
+            min-height: 0;
             margin-bottom: 20px;
             width: 324px;
 
             .description {
-                margin: 20px 0px;
+                margin: 20px 0;
 
                 a {
                     color: hsl(200, 100%, 36%);
diff --git a/static/styles/portico/portico.scss b/static/styles/portico/portico.scss
index 947021505a..0f84948e04 100644
--- a/static/styles/portico/portico.scss
+++ b/static/styles/portico/portico.scss
@@ -29,7 +29,7 @@ html {
 }
 
 .container-fluid {
-    padding: 0px;
+    padding: 0;
     min-height: 100%;
 
     /* Hack for IE */
@@ -44,11 +44,11 @@ html {
 }
 
 .navbar {
-    margin-bottom: 0px;
+    margin-bottom: 0;
 }
 
 .navbar-inner {
-    border-radius: 0px;
+    border-radius: 0;
 }
 
 .header {
@@ -58,7 +58,7 @@ html {
     height: 29px;
 
     background-color: hsl(0, 0%, 100%);
-    box-shadow: 0px 0px 4px hsla(0, 0%, 0%, 0.1);
+    box-shadow: 0 0 4px hsla(0, 0%, 0%, 0.1);
 
     z-index: 100;
 }
@@ -123,7 +123,7 @@ html {
 .app.help {
     display: inline-flex;
 
-    box-shadow: 0px -20px 50px hsla(0, 0%, 0%, 0.04);
+    box-shadow: 0 -20px 50px hsla(0, 0%, 0%, 0.04);
     overflow: auto;
 
     color: hsl(0, 0%, 27%);
@@ -141,7 +141,7 @@ html {
 
     /* Markdown processor generates lots of spurious <p></p> */
     p:empty {
-        margin: 0px;
+        margin: 0;
     }
 
     .sidebar {
@@ -166,7 +166,7 @@ html {
             font-weight: 400;
             font-size: 1.25em;
             line-height: 1.5;
-            margin-bottom: 0px;
+            margin-bottom: 0;
             border-bottom: 1px solid hsla(0, 0, 100%, 0.6);
 
             &:not(:first-of-type) {
@@ -222,7 +222,7 @@ html {
         }
 
         ul {
-            margin: 5px 0px 10px 12px;
+            margin: 5px 0 10px 12px;
         }
 
         &.slide ul {
@@ -298,7 +298,7 @@ html {
     max-width: 500px;
 
     padding: 10px;
-    margin: 10px 0px;
+    margin: 10px 0;
 
     font-size: 0.9rem;
     font-weight: 400;
@@ -311,7 +311,7 @@ html {
     background-color: hsl(0, 0%, 98%);
 
     .blob {
-        margin-top: 0px;
+        margin-top: 0;
     }
 }
 
@@ -393,7 +393,7 @@ img.screenshot {
 
 #registration #pw_strength {
     width: 325px;
-    margin: 7px auto 0px;
+    margin: 7px auto 0;
 }
 
 .def::before {
@@ -431,7 +431,7 @@ img.screenshot {
 }
 
 .landing-page {
-    padding: 2em 0em;
+    padding: 2em 0;
 
     h2,
     h4 {
@@ -510,8 +510,8 @@ input.text-error {
     font-size: 0.9em;
 
     .footer-navigation {
-        margin-left: 0px;
-        margin-right: 0px;
+        margin-left: 0;
+        margin-right: 0;
     }
 
     a {
@@ -520,7 +520,7 @@ input.text-error {
 
     section {
         width: calc(25% - 40px);
-        margin: 0px 20px;
+        margin: 0 20px;
         max-width: 150px;
         display: inline-block;
         vertical-align: top;
@@ -567,7 +567,7 @@ input.text-error {
     .portico-logo {
         height: 28px;
         width: auto;
-        padding: 6px 0px 6px 0px;
+        padding: 6px 0 6px 0;
     }
 }
 
@@ -579,15 +579,15 @@ input.text-error {
         ul {
             display: none;
             position: absolute;
-            right: 0px;
+            right: 0;
             margin: 10px 0 0 0;
             list-style-type: none;
             width: 200px;
             background-color: hsl(0, 0%, 100%);
-            padding: 5px 0px;
+            padding: 5px 0;
             border-radius: 4px;
             border: 1px solid hsl(0, 0%, 87%);
-            box-shadow: 0px 2px 5px hsla(0, 0%, 0%, 0.1);
+            box-shadow: 0 2px 5px hsla(0, 0%, 0%, 0.1);
 
             &::before {
                 content: "\25B2";
@@ -614,8 +614,8 @@ input.text-error {
 
                 a {
                     display: block;
-                    margin: 2px 0px;
-                    padding: 0px;
+                    margin: 2px 0;
+                    padding: 0;
                     transition: none;
                     font-size: 0.9em;
                     font-weight: 400;
@@ -647,8 +647,8 @@ input.text-error {
         .realm-name {
             display: inline-block;
             vertical-align: top;
-            margin: 0px 5px 0px -4px;
-            padding: 1px 0px 1px 5px;
+            margin: 0 5px 0 -4px;
+            padding: 1px 0 1px 5px;
             font-size: 0.9em;
             font-weight: 600;
             line-height: 1.6;
@@ -709,7 +709,7 @@ a.bottom-signup-button {
 .devlogin_subheader {
     margin-top: 10px;
     margin-bottom: 20px;
-    padding-top: 0px;
+    padding-top: 0;
     text-align: center;
     font-size: 16px;
 }
@@ -726,7 +726,7 @@ a.bottom-signup-button {
 
 .table.table-striped {
     background-color: hsl(0, 0%, 100%);
-    box-shadow: 0px 0px 4px hsla(0, 0%, 0%, 0.1);
+    box-shadow: 0 0 4px hsla(0, 0%, 0%, 0.1);
 }
 
 .team-profiles {
@@ -928,11 +928,11 @@ input#terminal:checked ~ #tab-terminal {
 }
 
 .btn-direct {
-    margin-top: 0px;
-    margin-bottom: 0px;
+    margin-top: 0;
+    margin-bottom: 0;
     padding: 8px;
     font-size: 18px;
-    border-radius: 0px;
+    border-radius: 0;
     min-width: 300px;
 }
 
@@ -1073,8 +1073,8 @@ input.new-organization-button {
 .header-main,
 .footer-main {
     min-width: 350px;
-    margin: 0px auto;
-    padding: 0px 20px 0px 20px;
+    margin: 0 auto;
+    padding: 0 20px 0 20px;
     position: relative;
 }
 
@@ -1151,7 +1151,7 @@ input.new-organization-button {
     width: 328px;
 
     form {
-        margin: 0px;
+        margin: 0;
     }
 
     #pw_strength {
@@ -1168,7 +1168,7 @@ input.new-organization-button {
     }
 
     .input-group {
-        margin: 15px 0px;
+        margin: 15px 0;
 
         input[type="text"],
         input[type="password"] {
@@ -1200,7 +1200,7 @@ input.new-organization-button {
 
 .input-group {
     &.margin {
-        margin: 10px 0px;
+        margin: 10px 0;
     }
 
     .progress {
@@ -1222,7 +1222,7 @@ input.new-organization-button {
 
     label {
         margin: 0;
-        padding: 5px 0px;
+        padding: 5px 0;
 
         &.inline-block {
             /* eyeballing off-centered aesth. */
@@ -1235,7 +1235,7 @@ input.new-organization-button {
     }
 
     &.grid {
-        padding: 10px 0px;
+        padding: 10px 0;
         border-bottom: 1px solid hsl(0, 0%, 87%);
 
         label.inline-block {
@@ -1254,7 +1254,7 @@ input.new-organization-button {
 }
 
 .center-block .submit-button-box .controls {
-    margin: 0px;
+    margin: 0;
 }
 
 .center-block {
@@ -1303,7 +1303,7 @@ input.new-organization-button {
 }
 
 .error_page .container {
-    padding: 20px 0px;
+    padding: 20px 0;
 }
 
 .error_page .row-fluid {
@@ -1440,7 +1440,7 @@ input.new-organization-button {
 
 @media (max-width: 767px) {
     body {
-        padding: 0px !important;
+        padding: 0 !important;
     }
 
     .input-medium,
@@ -1448,7 +1448,7 @@ input.new-organization-button {
         display: block !important;
         width: 100% !important;
         min-height: 30px !important;
-        margin: 0px !important;
+        margin: 0 !important;
         padding: 4px 6px !important;
         line-height: 20px !important;
         box-sizing: border-box !important;
@@ -1479,7 +1479,7 @@ input.new-organization-button {
 
     .contributors-list {
         width: 100%;
-        margin-left: 0px;
+        margin-left: 0;
     }
 }
 
@@ -1534,7 +1534,7 @@ input.new-organization-button {
     }
 
     .header {
-        padding: 4px 0px 6px 0px;
+        padding: 4px 0 6px 0;
     }
 
     .header-main {
@@ -1560,7 +1560,7 @@ input.new-organization-button {
         width: auto;
 
         section {
-            margin: 0px 3px;
+            margin: 0 3px;
             width: calc(50% - 8px);
         }
     }
@@ -1583,7 +1583,7 @@ input.new-organization-button {
 }
 
 .m-v-20 {
-    margin: 20px 0px;
+    margin: 20px 0;
 }
 
 label.label-title {
@@ -1665,7 +1665,7 @@ label.label-title {
 }
 
 .portico-page.error {
-    padding-bottom: 0px;
+    padding-bottom: 0;
 }
 
 .portico-page.error .portico-page-container {
@@ -1741,7 +1741,7 @@ label.label-title {
     font-weight: 600;
     text-align: center;
     position: relative;
-    top: 0px;
+    top: 0;
     padding: 10px;
     border-bottom: 1px solid hsl(177, 52%, 55%);
     z-index: 5;
diff --git a/static/styles/portico/stats.scss b/static/styles/portico/stats.scss
index 261797fac1..d7aa71cc7a 100644
--- a/static/styles/portico/stats.scss
+++ b/static/styles/portico/stats.scss
@@ -8,7 +8,7 @@ hr {
 }
 
 p {
-    margin-bottom: 0px;
+    margin-bottom: 0;
 }
 
 .app-main {
@@ -33,7 +33,7 @@ p {
 .chart-container {
     display: inline-block;
     vertical-align: top;
-    margin: 10px 0px;
+    margin: 10px 0;
     padding: 20px;
     border: 2px solid hsl(0, 0%, 93%);
     background-color: hsl(0, 0%, 100%);
@@ -44,7 +44,7 @@ p {
     }
 
     h1 {
-        margin-top: 0px;
+        margin-top: 0;
         font-size: 1.5em;
     }
 
@@ -144,7 +144,7 @@ p {
 }
 
 .last-update {
-    margin: 0px 0px 30px 0px;
+    margin: 0 0 30px 0;
 
     font-size: 0.8em;
     font-weight: 400;
@@ -198,7 +198,7 @@ p {
     font-size: 0.8em;
     font-weight: 400;
     position: relative;
-    height: 0px;
+    height: 0;
     top: -35px;
     left: 40px;
 }
@@ -235,7 +235,7 @@ p {
         .right {
             display: inline-block;
             vertical-align: top;
-            margin: 0px 10px;
+            margin: 0 10px;
             width: 790px;
         }
     }
diff --git a/static/styles/reactions.scss b/static/styles/reactions.scss
index bde479142c..daeba6911a 100644
--- a/static/styles/reactions.scss
+++ b/static/styles/reactions.scss
@@ -38,7 +38,7 @@
         .emoji {
             display: inline-block;
             vertical-align: top;
-            top: 0px;
+            top: 0;
             margin: 1px 3px;
 
             height: 17px;
@@ -54,7 +54,7 @@
         display: inline-block;
         vertical-align: top;
         color: hsl(200, 100%, 40%);
-        margin: 0px 1px 0px 0px;
+        margin: 0 1px 0 0;
         line-height: 1em;
     }
 
@@ -151,11 +151,11 @@
             position: relative;
 
             padding: 8px 10px;
-            margin-bottom: 0px;
+            margin-bottom: 0;
 
             background-color: hsl(0, 0%, 93%);
 
-            border-radius: 5px 5px 0px 0px;
+            border-radius: 5px 5px 0 0;
 
             .fa-search {
                 position: absolute;
@@ -199,7 +199,7 @@
 
         .emoji-popover-emoji-map,
         .emoji-search-results-container {
-            padding: 0px;
+            padding: 0;
             position: relative;
             overflow-x: hidden;
             overflow-y: auto;
@@ -268,7 +268,7 @@
             height: 32px;
             left: 5px;
             top: 6px;
-            margin-top: 0px;
+            margin-top: 0;
         }
 
         .emoji-canonical-name {
@@ -290,7 +290,7 @@
     font-size: 0.8em;
     display: inline-block;
     vertical-align: top;
-    margin: 0px 1px 0px 0px;
+    margin: 0 1px 0 0;
     line-height: 1em;
 }
 
diff --git a/static/styles/recent_topics.scss b/static/styles/recent_topics.scss
index cc3629d36c..a996a28e67 100644
--- a/static/styles/recent_topics.scss
+++ b/static/styles/recent_topics.scss
@@ -4,7 +4,7 @@
     width: 70%;
     max-width: 1200px;
     max-height: 1000px;
-    padding: 0px;
+    padding: 0;
     border-radius: 4px;
     background-color: hsl(0, 0%, 100%);
     overflow: hidden;
@@ -53,7 +53,7 @@
     }
 
     .recent_topics_table {
-        margin: 0px;
+        margin: 0;
         padding: 15px;
         overflow: hidden !important;
         display: flex;
@@ -68,7 +68,7 @@
             display: inline-block;
 
             & > * {
-                outline: 0px;
+                outline: 0;
             }
 
             &:focus-within {
@@ -103,7 +103,7 @@
 
         .table_fix_head {
             padding: 10px;
-            padding-top: 0px !important;
+            padding-top: 0 !important;
             overflow-y: auto;
             max-height: 89%;
         }
@@ -123,7 +123,7 @@
         .search_group {
             display: flex;
             flex-grow: 1;
-            margin: 0 0 10px 0px;
+            margin: 0 0 10px 0;
         }
 
         #recent_topics_search {
diff --git a/static/styles/rendered_markdown.scss b/static/styles/rendered_markdown.scss
index 0117ab9fca..291234e201 100644
--- a/static/styles/rendered_markdown.scss
+++ b/static/styles/rendered_markdown.scss
@@ -2,7 +2,7 @@
     /* The default top/bottom margins for paragraphs are small, to make sure
        they look nice next to blockquotes, lists, etc. */
     p {
-        margin: 3px 0px 3px 0px;
+        margin: 3px 0 3px 0;
     }
 
     /* The spacing between two paragraphs is significantly larger.  We
@@ -50,7 +50,7 @@
         font-size: 14px;
         font-weight: 600;
         line-height: 1.4;
-        margin-top: 0px;
+        margin-top: 0;
         margin-bottom: 5px;
         text-decoration: underline;
     }
@@ -120,7 +120,7 @@
     .user-mention {
         border-radius: 3px;
         padding: 0 0.2em;
-        box-shadow: 0px 0px 0px 1px hsl(0, 0%, 80%);
+        box-shadow: 0 0 0 1px hsl(0, 0%, 80%);
         margin-right: 2px;
         margin-left: 2px;
         white-space: nowrap;
@@ -142,7 +142,7 @@
         background: hsl(0, 0%, 93%);
         border-radius: 3px;
         padding: 0 0.2em;
-        box-shadow: 0px 0px 0px 1px hsl(0, 0%, 80%);
+        box-shadow: 0 0 0 1px hsl(0, 0%, 80%);
         white-space: nowrap;
         margin-left: 2px;
         margin-right: 2px;
@@ -152,7 +152,7 @@
 
     /* LaTeX styling */
     .katex-display {
-        margin: 0em 0;
+        margin: 0 0;
     }
 
     .tex-error {
@@ -176,11 +176,11 @@
 
         .spoiler-content {
             overflow: hidden;
-            border-top: hsl(0, 0%, 50%) 0px solid;
+            border-top: hsl(0, 0%, 50%) 0 solid;
             transition: height 0.4s ease-in-out, border-top 0.4s step-end,
                 padding 0.4s step-end;
-            padding: 0px;
-            height: 0px;
+            padding: 0;
+            height: 0;
 
             &.spoiler-content-open {
                 border-top: hsl(0, 0%, 50%) 1px solid;
@@ -246,7 +246,7 @@
     /* CSS for message content widgets */
     table.tictactoe {
         width: 80px;
-        margin-left: 0px;
+        margin-left: 0;
     }
 
     td.tictactoe {
@@ -370,7 +370,7 @@
     .message_embed {
         display: block;
         position: relative;
-        margin: 5px 0px;
+        margin: 5px 0;
         border: none;
         border-left: 3px solid hsl(0, 0%, 93%);
         height: 80px;
@@ -379,7 +379,7 @@
         text-shadow: hsla(0, 0%, 0%, 0.01) 0 0 1px;
 
         .message_embed_title {
-            padding-top: 0px;
+            padding-top: 0;
             /* to remove the spacing that the font has from the top of the container. */
             margin-top: -5px;
 
@@ -406,7 +406,7 @@
 
         .data-container {
             position: relative;
-            padding: 0px 5px;
+            padding: 0 5px;
             display: inline-block;
             vertical-align: top;
             max-width: calc(100% - 115px);
@@ -479,7 +479,7 @@ code {
 
 .rendered_markdown code {
     white-space: pre-wrap;
-    padding: 0px 4px;
+    padding: 0 4px;
     background-color: hsl(0, 0%, 100%);
 }
 
diff --git a/static/styles/right-sidebar.scss b/static/styles/right-sidebar.scss
index 5ef04e99e6..d7b90a26a0 100644
--- a/static/styles/right-sidebar.scss
+++ b/static/styles/right-sidebar.scss
@@ -30,11 +30,11 @@
         .user-list-sidebar-menu-icon {
             position: absolute;
             top: 1px;
-            right: 0px;
+            right: 0;
             font-size: 1em;
             display: none;
             text-align: center;
-            padding: 0px 6px 0px 6px;
+            padding: 0 6px 0 6px;
 
             i {
                 padding-right: 0.25em;
@@ -67,8 +67,8 @@
     .user_circle {
         width: 8px;
         height: 8px;
-        margin-top: 0px;
-        margin-bottom: 0px;
+        margin-top: 0;
+        margin-bottom: 0;
         margin-left: 5px;
         margin-right: 5px;
         display: block;
@@ -76,7 +76,7 @@
 
     a {
         color: inherit;
-        margin-left: 0px;
+        margin-left: 0;
     }
 }
 
@@ -140,8 +140,8 @@
 #userlist-toggle {
     display: none;
     position: absolute;
-    top: 0px;
-    right: 0px;
+    top: 0;
+    right: 0;
     text-align: center;
     vertical-align: middle;
     border-left: 1px solid hsl(0, 0%, 88%);
@@ -225,7 +225,7 @@
 
     #userlist-toggle-button {
         height: 30px;
-        padding-top: 0px;
-        padding-bottom: 0px;
+        padding-top: 0;
+        padding-bottom: 0;
     }
 }
diff --git a/static/styles/settings.scss b/static/styles/settings.scss
index 57ab7abd26..7be54d9597 100644
--- a/static/styles/settings.scss
+++ b/static/styles/settings.scss
@@ -78,7 +78,7 @@ h3 .fa-question-circle-o {
         #pw_strength {
             width: 140px;
             height: 8px;
-            margin: 6px 0px 0px 0px;
+            margin: 6px 0 0 0;
         }
     }
     .button {
@@ -106,7 +106,7 @@ h3 .fa-question-circle-o {
     }
 
     .inline-block {
-        box-shadow: 0px 0px 10px hsla(0, 0%, 0%, 0.1);
+        box-shadow: 0 0 10px hsla(0, 0%, 0%, 0.1);
     }
 }
 
@@ -130,7 +130,7 @@ h3 .fa-question-circle-o {
 }
 
 .side-padded-container {
-    padding: 0px 20px;
+    padding: 0 20px;
 }
 
 #notification_sound,
@@ -154,7 +154,7 @@ h3 .fa-question-circle-o {
     }
 
     &.table-condensed.table-striped {
-        margin: 0px;
+        margin: 0;
     }
 }
 
@@ -193,7 +193,7 @@ h3 .fa-question-circle-o {
 }
 
 td .button {
-    margin: 2px 0px;
+    margin: 2px 0;
     box-shadow: none;
 }
 
@@ -231,7 +231,7 @@ td .button {
     .settings-section-title {
         font-size: 1.4em;
         font-weight: 500;
-        margin: 10px 0px 10px 0px;
+        margin: 10px 0 10px 0;
 
         &.transparent {
             background-color: transparent;
@@ -240,7 +240,7 @@ td .button {
 
         .table-title {
             display: inline-block;
-            padding: 6px 0px;
+            padding: 6px 0;
             margin-left: 5px;
 
             i {
@@ -302,7 +302,7 @@ td .button {
 
     input[type="text"].search {
         float: right;
-        margin: 2px 5px 2px 0px;
+        margin: 2px 5px 2px 0;
         padding: 2px 5px;
         font-size: 0.9em;
     }
@@ -370,7 +370,7 @@ td .button {
 
     &:hover {
         outline: none;
-        box-shadow: 0px 0px 4px hsla(199, 79%, 56%, 1);
+        box-shadow: 0 0 4px hsla(199, 79%, 56%, 1);
     }
 
     div,
@@ -405,7 +405,7 @@ td .button {
 
 .input-group {
     .thinner {
-        margin: 10px 0px;
+        margin: 10px 0;
     }
 
     label.checkbox + label {
@@ -423,7 +423,7 @@ td .button {
 }
 
 .no-margin {
-    margin: 0px;
+    margin: 0;
 }
 
 input[type="checkbox"] {
@@ -432,7 +432,7 @@ input[type="checkbox"] {
     }
 
     .inline-block {
-        margin: -2px 0px 0px 0px;
+        margin: -2px 0 0 0;
     }
 }
 
@@ -442,7 +442,7 @@ input[type="checkbox"] {
 }
 
 .realm_domains_info {
-    margin-bottom: 0px;
+    margin-bottom: 0;
 }
 
 .admin-realm-form {
@@ -460,7 +460,7 @@ input[type="checkbox"] {
 }
 
 .org-settings-form .organization-submission {
-    margin-top: 0px;
+    margin-top: 0;
 }
 
 #id_org_profile_preview {
@@ -478,12 +478,12 @@ input[type="checkbox"] {
 .remove-attachment {
     margin-right: 5px !important;
     font-size: 1.1em !important;
-    padding-left: 0px !important;
+    padding-left: 0 !important;
 }
 
 #download_attachment {
-    padding-left: 0px;
-    border-left: 0px;
+    padding-left: 0;
+    border-left: 0;
 }
 
 .alert-word-information-box {
@@ -536,7 +536,7 @@ input[type="checkbox"] {
     }
 
     .loading_indicator_text {
-        margin-top: 0px;
+        margin-top: 0;
         font-size: inherit;
         vertical-align: top;
     }
@@ -566,7 +566,7 @@ input[type="checkbox"] {
 
             .stream-privacy span.hashtag,
             .filter-icon i {
-                padding-right: 0px;
+                padding-right: 0;
             }
         }
 
@@ -584,11 +584,11 @@ input[type="checkbox"] {
     }
 
     .alert-notification.custom-field-status {
-        padding-top: 0px;
-        padding-bottom: 0px;
-        margin-top: 0px;
+        padding-top: 0;
+        padding-bottom: 0;
+        margin-top: 0;
         font-size: 14px;
-        padding-left: 0px;
+        padding-left: 0;
         margin-left: 5px;
         border: none;
     }
@@ -635,7 +635,7 @@ input[type="checkbox"] {
 .add-new-user-group-box .new-user-group-form,
 .add-new-alert-word-box .new-alert-word-form,
 .add-new-export-box {
-    margin: 10px 0px;
+    margin: 10px 0;
 }
 
 .add-new-emoji-box,
@@ -671,7 +671,7 @@ input[type="checkbox"] {
 }
 
 .grey-box .wrapper {
-    margin: 10px 0px;
+    margin: 10px 0;
 }
 
 .admin_profile_fields_table,
@@ -708,7 +708,7 @@ input[type="checkbox"] {
 .bots_list {
     display: none;
     list-style-type: none;
-    margin-left: 0px;
+    margin-left: 0;
 
     .image {
         vertical-align: top;
@@ -783,12 +783,12 @@ input[type="checkbox"] {
     }
 
     img.avatar {
-        margin: 10px 5px 0px 10px;
+        margin: 10px 5px 0 10px;
         height: 50px;
         width: 50px;
         border-radius: 4px;
         vertical-align: top;
-        box-shadow: 0px 0px 4px hsla(0, 0%, 0%, 0.1);
+        box-shadow: 0 0 4px hsla(0, 0%, 0%, 0.1);
     }
 
     .email,
@@ -799,7 +799,7 @@ input[type="checkbox"] {
     .email .value,
     .api_key .api-key-value-and-button {
         display: block;
-        margin-left: 0px;
+        margin-left: 0;
         word-wrap: break-word;
         word-break: break-all;
         white-space: normal;
@@ -828,7 +828,7 @@ input[type="checkbox"] {
 }
 
 .edit_bot h3 {
-    margin: 0px;
+    margin: 0;
     font-weight: 400;
 }
 
@@ -846,8 +846,8 @@ input[type="checkbox"] {
 
 .edit_bot_form {
     font-size: 100%;
-    margin: 0px;
-    padding: 0px;
+    margin: 0;
+    padding: 0;
 
     label {
         text-transform: uppercase;
@@ -857,7 +857,7 @@ input[type="checkbox"] {
     }
 
     .buttons {
-        margin: 10px 0px 5px 0px;
+        margin: 10px 0 5px 0;
     }
 }
 
@@ -865,7 +865,7 @@ input[type="checkbox"] {
     font-weight: 400;
     font-size: 18px;
     text-align: left;
-    margin-top: 0px;
+    margin-top: 0;
     margin-bottom: 10px;
 
     overflow: hidden;
@@ -930,13 +930,13 @@ input[type="checkbox"] {
     .edit-attachment-buttons {
         position: absolute;
         right: 20px;
-        top: 0px;
+        top: 0;
     }
 }
 
 .emojiset_choices {
     width: 250px;
-    padding: 0px 10px;
+    padding: 0 10px;
 
     .emoji {
         height: 22px;
@@ -945,7 +945,7 @@ input[type="checkbox"] {
 
     label {
         border-bottom: 1px solid hsla(0, 0%, 0%, 0.2);
-        padding: 8px 0px 10px 0px;
+        padding: 8px 0 10px 0;
 
         &:last-of-type {
             border-bottom: none;
@@ -954,7 +954,7 @@ input[type="checkbox"] {
         input[type="radio"] {
             position: relative;
             top: -2px;
-            margin: 0px 5px 0px 0px;
+            margin: 0 5px 0 0;
 
             &:checked + span {
                 font-weight: 600;
@@ -996,7 +996,7 @@ input[type="checkbox"] {
 
         h4 {
             font-weight: normal;
-            margin: 0px;
+            margin: 0;
             display: flex;
             align-items: center;
             justify-content: left;
@@ -1191,13 +1191,13 @@ input[type="checkbox"] {
 
     input.search {
         font-size: 0.9rem;
-        margin: 10px 0px 20px 0px;
+        margin: 10px 0 20px 0;
     }
 
     .form-sidebar {
         position: absolute;
         top: 45px;
-        right: 0px;
+        right: 0;
         transform: translateX(303px);
         width: 300px;
         height: calc(100% - 45px);
@@ -1211,7 +1211,7 @@ input[type="checkbox"] {
 
         &.show {
             pointer-events: auto;
-            transform: translateX(0px);
+            transform: translateX(0);
             visibility: visible;
         }
 
@@ -1242,7 +1242,7 @@ input[type="checkbox"] {
             h1 {
                 display: inline-block;
                 font-size: 1.3rem;
-                margin: 0px;
+                margin: 0;
             }
 
             .exit {
@@ -1283,7 +1283,7 @@ input[type="checkbox"] {
         }
 
         li {
-            padding: 5px 0px;
+            padding: 5px 0;
             outline: none;
             cursor: pointer;
             transition: all 0.2s ease;
@@ -1312,7 +1312,7 @@ input[type="checkbox"] {
 
             .text {
                 width: calc(100% - 90px);
-                padding: 10px 12px 10px 0px;
+                padding: 10px 12px 10px 0;
             }
 
             .icon {
@@ -1348,7 +1348,7 @@ input[type="checkbox"] {
         .sidebar-bottom-anchor {
             width: 100%;
             position: absolute;
-            bottom: 0px;
+            bottom: 0;
         }
 
         .tab-container {
@@ -1489,10 +1489,10 @@ input[type="checkbox"] {
 }
 
 .modal {
-    box-shadow: 0px 0px 75px hsla(0, 0%, 0%, 0.5);
+    box-shadow: 0 0 75px hsla(0, 0%, 0%, 0.5);
     outline: 10000px solid hsla(0, 0%, 0%, 0.3);
     border: none;
-    border-radius: 0px;
+    border-radius: 0;
 
     &.fade {
         /* Ensure the modal is entirely off-screen while we fade the background */
@@ -1562,7 +1562,7 @@ body:not(.night-mode) #settings_page .custom_user_field .datepicker {
 
 .dropdown-list-widget {
     button {
-        margin: 0px 5px;
+        margin: 0 5px;
 
         &.dropdown_list_reset_button {
             // Prevent night mode from overriding background.
@@ -1718,7 +1718,7 @@ body:not(.night-mode) #settings_page .custom_user_field .datepicker {
 }
 
 .collapse-settings-btn {
-    margin: 10px 0px 0px 10px;
+    margin: 10px 0 0 10px;
     color: hsl(200, 100%, 40%);
 
     &:hover {
@@ -1828,7 +1828,7 @@ body:not(.night-mode) #settings_page .custom_user_field .datepicker {
     #profile-field-settings .new-profile-field-form .control-label {
         display: block;
         width: 120px;
-        padding: 0px;
+        padding: 0;
         padding-top: 0;
         text-align: center;
         margin: auto;
diff --git a/static/styles/subscriptions.scss b/static/styles/subscriptions.scss
index d8f7f00c53..2567383814 100644
--- a/static/styles/subscriptions.scss
+++ b/static/styles/subscriptions.scss
@@ -117,13 +117,13 @@
 .sp-preview {
     width: 20px;
     border: none;
-    box-shadow: 0px 0px 1px hsla(0, 0%, 0%, 1);
+    box-shadow: 0 0 1px hsla(0, 0%, 0%, 1);
 }
 
 .sp-replacer {
     margin-right: 12px;
     border: none;
-    box-shadow: 0px 0px 2px hsla(0, 0%, 0%, 0.8);
+    box-shadow: 0 0 2px hsla(0, 0%, 0%, 0.8);
 }
 
 .stream-email .email-address {
@@ -167,7 +167,7 @@
     float: right;
     padding: 3px 10px;
     border: 1px solid hsl(0, 0%, 80%);
-    margin: 9px 10px 0px 0px;
+    margin: 9px 10px 0 0;
     color: hsl(0, 0%, 20%);
 }
 
@@ -183,7 +183,7 @@ form#add_new_subscription {
 }
 
 .create_stream_button {
-    margin: 0px 0px 0px 5px;
+    margin: 0 0 0 5px;
 
     border: none;
     outline: none;
@@ -196,8 +196,8 @@ form#add_new_subscription {
 
     display: inline-block;
     transition: all 0.2s ease;
-    padding-bottom: 0px;
-    padding-top: 0px;
+    padding-bottom: 0;
+    padding-top: 0;
 
     &:hover {
         color: hsl(0, 0%, 27%);
@@ -258,7 +258,7 @@ form#add_new_subscription {
                 }
 
                 td {
-                    padding: 4px 0px;
+                    padding: 4px 0;
 
                     &:first-of-type {
                         padding-left: 10px;
@@ -322,7 +322,7 @@ form#add_new_subscription {
 }
 
 .subscriber_list_add .form-inline {
-    margin-bottom: 0px;
+    margin-bottom: 0;
 }
 
 .add_subscribers_container {
@@ -336,7 +336,7 @@ form#add_new_subscription {
 }
 
 .remove-subscriber-form {
-    margin: 0px 0px 0px 0px;
+    margin: 0 0 0 0;
 }
 
 #subscription-status {
@@ -383,7 +383,7 @@ form#add_new_subscription {
 .subscriptions-container .subscriptions-header .fa-chevron-left,
 #settings_overlay_container .settings-header.mobile .fa-chevron-left {
     position: relative;
-    transform: translate(-50px, 0px);
+    transform: translate(-50px, 0);
     opacity: 0;
     color: hsl(0, 0%, 67%);
 
@@ -399,7 +399,7 @@ form#add_new_subscription {
 #settings_overlay_container
     .settings-header.mobile.slide-left
     .fa-chevron-left {
-    transform: translate(-0px, 0px);
+    transform: translate(0, 0);
     opacity: 1;
 }
 
@@ -407,7 +407,7 @@ form#add_new_subscription {
     position: relative;
     height: 95%;
     border-radius: 4px;
-    padding: 0px;
+    padding: 0;
     width: 97%;
     overflow: hidden;
     max-width: 1200px;
@@ -431,7 +431,7 @@ form#add_new_subscription {
         .subscriptions-title {
             display: inline-block;
             transition: all 0.3s ease;
-            transform: translate(-13px, 0px);
+            transform: translate(-13px, 0);
         }
 
         .exit {
@@ -460,7 +460,7 @@ form#add_new_subscription {
         vertical-align: top;
         width: 50%;
         height: calc(100% - 45px);
-        margin: 0px -2px;
+        margin: 0 -2px;
     }
 
     .left {
@@ -512,7 +512,7 @@ form#add_new_subscription {
                 display: none;
                 font-size: 1em;
                 line-height: 1;
-                margin: 9px 0px;
+                margin: 9px 0;
                 font-weight: 600;
             }
         }
@@ -522,7 +522,7 @@ form#add_new_subscription {
             height: calc(100% - 45px);
             border: none;
             background-color: hsl(0, 0%, 98%);
-            box-shadow: inset 0px 0px 50px hsla(0, 0%, 0%, 0.5);
+            box-shadow: inset 0 0 50px hsla(0, 0%, 0%, 0.5);
             background-image: url(../images/preview-loading.png);
             background-size: 150px auto;
             background-position: center center;
@@ -551,7 +551,7 @@ form#add_new_subscription {
 #search_stream_name {
     width: 100%;
     padding: 3px 5px;
-    margin: 8px 0px;
+    margin: 8px 0;
     margin-left: 10px;
     margin-right: -15px !important;
     display: inline-block;
@@ -802,7 +802,7 @@ form#add_new_subscription {
         }
 
         .add-user-label {
-            margin: 8px 0px;
+            margin: 8px 0;
         }
 
         .add-user-list-filter {
@@ -810,7 +810,7 @@ form#add_new_subscription {
         }
 
         #stream_creation_form {
-            margin: 0px;
+            margin: 0;
 
             #stream_creating_indicator {
                 &:not(:empty) {
@@ -1030,7 +1030,7 @@ ul.grey-box {
         #stream_privacy_modal &,
         #subscription_overlay & {
             border-bottom: 1px solid hsl(0, 0%, 87%);
-            padding: 5px 0px;
+            padding: 5px 0;
         }
 
         input[type="checkbox"] {
@@ -1039,7 +1039,7 @@ ul.grey-box {
             }
 
             #subscription_overlay & {
-                margin-top: 0px;
+                margin-top: 0;
             }
         }
 
@@ -1075,7 +1075,7 @@ ul.grey-box {
 
         select {
             width: auto;
-            margin-bottom: 0px;
+            margin-bottom: 0;
         }
     }
 }
@@ -1108,7 +1108,7 @@ ul.grey-box {
 
     .subscriber_list_settings input {
         float: left;
-        margin: 0px 5px 0px 0px;
+        margin: 0 5px 0 0;
         width: calc(50% - 45px);
     }
 }
diff --git a/static/styles/widgets.scss b/static/styles/widgets.scss
index 16a532b5a6..7413da58f1 100644
--- a/static/styles/widgets.scss
+++ b/static/styles/widgets.scss
@@ -27,11 +27,11 @@
 
     li {
         list-style: none;
-        margin: 2px 2px 2px 0px;
+        margin: 2px 2px 2px 0;
     }
 
     ul {
-        margin: 0px 0px 5px 0px;
+        margin: 0 0 5px 0;
         padding: 0;
     }
 }
@@ -74,7 +74,7 @@ button {
 
     &.task-completed {
         border-color: hsl(157, 18%, 77%);
-        padding: 0px;
+        padding: 0;
     }
 
     &.add-task,
@@ -103,7 +103,7 @@ button {
     &.poll-option,
     &.poll-question {
         padding: 4px 6px;
-        margin: 2px 0px 2px 0px;
+        margin: 2px 0 2px 0;
     }
 }
 
diff --git a/static/styles/zulip.scss b/static/styles/zulip.scss
index 180b5fb49a..c35ed6cc83 100644
--- a/static/styles/zulip.scss
+++ b/static/styles/zulip.scss
@@ -79,7 +79,7 @@ a {
 }
 
 p.n-margin {
-    margin: 10px 0px 0px 0px;
+    margin: 10px 0 0 0;
 }
 
 .small-line-height {
@@ -165,13 +165,13 @@ p.n-margin {
     display: none;
     position: absolute;
     width: 400px;
-    top: 0px;
+    top: 0;
     left: calc(50vw - 220px);
     padding: 15px;
 
     background-color: hsl(0, 0%, 98%);
     border-radius: 5px;
-    box-shadow: 0px 0px 30px hsla(0, 0%, 0%, 0.25);
+    box-shadow: 0 0 30px hsla(0, 0%, 0%, 0.25);
     z-index: 110;
 
     animation-name: pulse;
@@ -193,22 +193,22 @@ p.n-margin {
     .exit-me {
         font-size: 30pt;
         font-weight: 200;
-        margin: 5px 0px 0px 10px;
+        margin: 5px 0 0 10px;
         cursor: pointer;
     }
 }
 
 @keyframes pulse {
     0% {
-        box-shadow: 0px 0px 30px hsla(0, 0%, 0%, 0.35);
+        box-shadow: 0 0 30px hsla(0, 0%, 0%, 0.35);
     }
 
     50% {
-        box-shadow: 0px 0px 30px hsla(0, 0%, 0%, 0.15);
+        box-shadow: 0 0 30px hsla(0, 0%, 0%, 0.15);
     }
 
     100% {
-        box-shadow: 0px 0px 30px hsla(0, 0%, 0%, 0.35);
+        box-shadow: 0 0 30px hsla(0, 0%, 0%, 0.35);
     }
 }
 
@@ -278,7 +278,7 @@ p.n-margin {
         }
 
         .buttons .alert-link {
-            margin: 0px 5px;
+            margin: 0 5px;
         }
     }
 }
@@ -306,8 +306,8 @@ p.n-margin {
     // misplaced before the JS code can fix it.
     max-width: 1400px;
     min-width: 950px;
-    margin: 0px auto;
-    padding: 0px;
+    margin: 0 auto;
+    padding: 0;
     position: relative;
     background-color: hsl(0, 0%, 100%);
 }
@@ -316,7 +316,7 @@ p.n-margin {
     width: 100%;
     position: fixed;
     z-index: 98;
-    left: 0px;
+    left: 0;
 }
 
 .column-left,
@@ -327,14 +327,14 @@ p.n-margin {
 
 .column-left {
     position: absolute;
-    left: 0px;
-    top: 0px;
+    left: 0;
+    top: 0;
 }
 
 .column-right {
     position: absolute;
-    right: 0px;
-    top: 0px;
+    right: 0;
+    top: 0;
 }
 
 .app-main {
@@ -350,7 +350,7 @@ p.n-margin {
 
     .column-left .left-sidebar {
         width: 242px;
-        padding-left: 0px;
+        padding-left: 0;
     }
 
     .column-right .right-sidebar {
@@ -459,10 +459,10 @@ li,
 
 .notvisible {
     visibility: hidden !important;
-    width: 0px !important;
-    min-width: 0px !important;
-    min-height: 0px !important;
-    height: 0px !important;
+    width: 0 !important;
+    min-width: 0 !important;
+    min-height: 0 !important;
+    height: 0 !important;
     overflow: hidden !important;
     position: absolute !important;
 }
@@ -587,9 +587,9 @@ td.pointer {
         display: inline-block;
         vertical-align: top;
         line-height: 14px;
-        margin-left: 0px;
+        margin-left: 0;
         position: static;
-        padding: 0px;
+        padding: 0;
         width: auto;
     }
 
@@ -620,7 +620,7 @@ td.pointer {
 
 .sender-status {
     display: inline-block;
-    margin: 8px 0px 8px -3px;
+    margin: 8px 0 8px -3px;
     /* this normalizes the margin of the emoji reactions with normal messages. */
     padding-bottom: 5px;
     vertical-align: middle;
@@ -641,7 +641,7 @@ td.pointer {
     text-align: right;
     width: 45px;
     position: absolute;
-    left: 0px;
+    left: 0;
     top: 16px;
     user-select: none;
 }
@@ -825,8 +825,8 @@ td.pointer {
     }
 
     .message_header_private_message {
-        border-bottom: 0px;
-        border-left: 0px;
+        border-bottom: 0;
+        border-left: 0;
     }
 }
 
@@ -841,7 +841,7 @@ td.pointer {
     border-bottom-color: hsla(0, 0%, 0%, 0);
     background-color: hsl(0, 0%, 88%);
     border-left-color: hsl(0, 0%, 88%);
-    border-width: 0px;
+    border-width: 0;
     position: relative;
     text-decoration: none;
 
@@ -858,8 +858,8 @@ td.pointer {
         left: 100%;
         top: 50%;
         content: " ";
-        height: 0px;
-        width: 0px;
+        height: 0;
+        width: 0;
         position: absolute;
         pointer-events: none;
         margin-top: -11px;
@@ -874,8 +874,8 @@ td.pointer {
         left: 100%;
         top: 50%;
         content: " ";
-        height: 0px;
-        width: 0px;
+        height: 0;
+        width: 0;
         position: absolute;
         pointer-events: none;
         margin-top: -14px;
@@ -921,16 +921,16 @@ td.pointer {
 
 .summary_row {
     .message_header {
-        padding: 5px 0px 4px 5px;
+        padding: 5px 0 4px 5px;
         border-radius: 0;
     }
 
     &.last_message {
         .message_header {
             border-bottom-right-radius: 3px;
-            box-shadow: inset 0px 2px 1px -2px hsl(0, 0%, 20%),
-                inset -2px 0px 1px -2px hsl(0, 0%, 20%),
-                inset 0px -2px 1px -2px hsl(0, 0%, 20%);
+            box-shadow: inset 0 2px 1px -2px hsl(0, 0%, 20%),
+                inset -2px 0 1px -2px hsl(0, 0%, 20%),
+                inset 0 -2px 1px -2px hsl(0, 0%, 20%);
         }
 
         .summary_colorblock {
@@ -954,7 +954,7 @@ td.pointer {
     position: absolute;
     text-indent: -99999px;
     float: left;
-    width: 0px;
+    width: 0;
 }
 
 .summary_row_private_message .summary_colorblock {
@@ -992,7 +992,7 @@ td.pointer {
     }
 
     100% {
-        transform: translateX(0px);
+        transform: translateX(0);
     }
 }
 
@@ -1013,7 +1013,7 @@ td.pointer {
 
     .message-header-contents {
         background-color: hsla(192, 19%, 75%, 0.2);
-        box-shadow: inset 1px 1px 0px hsl(0, 0%, 88%);
+        box-shadow: inset 1px 1px 0 hsl(0, 0%, 88%);
     }
 }
 
@@ -1025,8 +1025,7 @@ td.pointer {
     .messagebox,
     .date_row {
         background-color: hsla(192, 19%, 75%, 0.2);
-        box-shadow: inset 2px 0px 0px 0px hsl(0, 0%, 27%),
-            -1px 0px 0px 0px hsl(0, 0%, 27%);
+        box-shadow: inset 2px 0 0 0 hsl(0, 0%, 27%), -1px 0 0 0 hsl(0, 0%, 27%);
     }
 }
 
@@ -1043,14 +1042,14 @@ td.pointer {
 }
 
 .recipient_row .message_row:first-child .unread_marker {
-    top: 0px;
+    top: 0;
 }
 
 .unread_marker {
     display: block;
     position: absolute;
     left: 2px;
-    top: 0px;
+    top: 0;
     opacity: 0;
     z-index: 1;
     bottom: 1px;
@@ -1092,16 +1091,14 @@ td.pointer {
     }
 
     .messagebox-content {
-        box-shadow: inset 0px 0px 0px 2px hsl(215, 47%, 50%),
-            -1px -1px 0px 0px hsl(215, 47%, 50%),
-            1px 1px 0px 0px hsl(215, 47%, 50%),
-            -1px 1px 0px 0px hsl(215, 47%, 50%),
-            1px -1px 0px 0px hsl(215, 47%, 50%);
+        box-shadow: inset 0 0 0 2px hsl(215, 47%, 50%),
+            -1px -1px 0 0 hsl(215, 47%, 50%), 1px 1px 0 0 hsl(215, 47%, 50%),
+            -1px 1px 0 0 hsl(215, 47%, 50%), 1px -1px 0 0 hsl(215, 47%, 50%);
     }
 }
 
 .message_sender {
-    height: 0px;
+    height: 0;
     vertical-align: top;
     position: relative;
 
@@ -1238,7 +1235,7 @@ div.message_table {
 
     .date_row {
         /* We only want padding for the date rows between recipient blocks */
-        padding-bottom: 0px;
+        padding-bottom: 0;
     }
 }
 
@@ -1261,13 +1258,13 @@ div.focused_table {
 
     &.condensed {
         max-height: 8.5em;
-        min-height: 0em;
+        min-height: 0;
         overflow: hidden;
     }
 
     &.collapsed {
-        max-height: 0em;
-        min-height: 0em;
+        max-height: 0;
+        min-height: 0;
         overflow: hidden;
     }
 }
@@ -1323,7 +1320,7 @@ div.focused_table {
     &.header-v {
         height: 18px;
         display: inline-block;
-        padding: 0px 3px;
+        padding: 0 3px;
         vertical-align: baseline;
 
         line-height: 0px;
@@ -1345,8 +1342,8 @@ div.focused_table {
 
 .select_edit_stream {
     margin-bottom: 5px !important;
-    border-left: 0px;
-    padding-left: 0px;
+    border-left: 0;
+    padding-left: 0;
     border-radius: 3px;
     margin-left: -10px;
     text-indent: 10px;
@@ -1415,8 +1412,8 @@ div.focused_table {
 }
 
 .next_is_same_sender {
-    border-bottom: 0px;
-    padding-bottom: 0px;
+    border-bottom: 0;
+    padding-bottom: 0;
 }
 
 .inline_profile_picture {
@@ -1448,9 +1445,9 @@ div.focused_table {
 
 .brand.skinny-user-gravatar {
     display: table-cell;
-    padding-top: 0px;
-    padding-bottom: 0px;
-    margin-bottom: 0px;
+    padding-top: 0;
+    padding-bottom: 0;
+    margin-bottom: 0;
     white-space: nowrap;
 }
 
@@ -1477,7 +1474,7 @@ div.focused_table {
     display: flex;
     align-content: flex-start;
     flex-wrap: nowrap;
-    margin: 0px 0px 0px 0px;
+    margin: 0 0 0 0;
     border: none;
     white-space: nowrap;
     cursor: default;
@@ -1505,15 +1502,15 @@ div.focused_table {
             margin-right: 3px;
         }
         .fa {
-            margin: 0px 3px 0px 5px;
+            margin: 0 3px 0 5px;
             .fa-envelope {
                 font-size: 14px;
-                margin: 0px 5px 0px 5px;
+                margin: 0 5px 0 5px;
             }
             .fa-hashtag {
                 font-size: 1.2rem;
                 // font-weight: 800;
-                margin: 0px 2px 0px 5px;
+                margin: 0 2px 0 5px;
             }
         }
     }
@@ -1542,7 +1539,7 @@ div.focused_table {
         padding-right: 10px;
         margin-right: 1px;
         .fa.fa-user-o {
-            margin-left: 0px;
+            margin-left: 0;
         }
 
         &::before,
@@ -1563,7 +1560,7 @@ div.focused_table {
             @media (max-width: 500px) {
                 // this ensures the before "|" doesn't overlap
                 // with the stream name text on small narrows
-                left: 0px;
+                left: 0;
             }
         }
 
@@ -1583,7 +1580,7 @@ div.focused_table {
         overflow: hidden;
         white-space: nowrap;
         margin: 0;
-        padding: 12px 0px;
+        padding: 12px 0;
         padding-left: 10px;
 
         @media (max-width: 500px) {
@@ -1592,7 +1589,7 @@ div.focused_table {
         }
 
         & > a {
-            padding: 12px 0px;
+            padding: 12px 0;
         }
     }
 
@@ -1602,9 +1599,9 @@ div.focused_table {
         cursor: pointer;
         font-size: 20px;
 
-        padding: 10px 15px 0px 0px;
+        padding: 10px 15px 0 0;
         @media (max-width: 500px) {
-            padding: 5px 15px 0px 0px;
+            padding: 5px 15px 0 0;
         }
     }
 
@@ -1646,7 +1643,7 @@ div.focused_table {
 
     .navbar-search.expanded {
         overflow: hidden;
-        margin-top: 0px;
+        margin-top: 0;
         width: calc(100% - 2px);
         position: absolute;
         .search_button {
@@ -1662,7 +1659,7 @@ div.focused_table {
         min-width: 100%;
 
         .fa-search {
-            padding: 0px;
+            padding: 0;
             font-size: 20px;
             position: absolute;
             left: 10px;
@@ -1679,18 +1676,18 @@ div.focused_table {
         width: 100%;
         font-size: 16px;
         height: $header_height;
-        padding: 0px;
+        padding: 0;
         padding-left: 5px;
         padding-right: 20px;
         border: none;
-        border-radius: 0px;
+        border-radius: 0;
         font-family: "Source Sans Pro";
         font-weight: 300;
         line-height: $header_height;
     }
 
     #search_arrows:focus {
-        box-shadow: inset 0px 0px 0px 2px hsl(204, 20%, 74%);
+        box-shadow: inset 0 0 0 2px hsl(204, 20%, 74%);
     }
 
     .search_button,
@@ -1699,7 +1696,7 @@ div.focused_table {
         right: 35px;
         top: 6px;
         background: none;
-        border-radius: 0px;
+        border-radius: 0;
         border: none;
         height: 30px;
         text-align: center;
@@ -1727,7 +1724,7 @@ div.focused_table {
         padding: 0 10px;
         font-size: 20px;
         z-index: 5;
-        left: 0px;
+        left: 0;
     }
 
     .search_icon_hover_highlight,
@@ -1747,12 +1744,12 @@ div.focused_table {
         flex-wrap: nowrap;
         align-items: center;
         border: none;
-        padding: 0px;
+        padding: 0;
     }
 
     @media (min-width: 500px) {
         .pill {
-            padding: 2px 0px 2px 0px !important;
+            padding: 2px 0 2px 0 !important;
             font-size: 14px;
         }
     }
@@ -1769,13 +1766,13 @@ div.focused_table {
 
 #searchbox_legacy {
     #search_arrows {
-        padding-left: 0px;
+        padding-left: 0;
     }
     #search_query {
         padding-left: 35px;
     }
     .search_button {
-        right: 0px;
+        right: 0;
     }
     .navbar-search.expanded {
         .search_button {
@@ -1800,7 +1797,7 @@ div.focused_table {
     float: right;
 
     ul.nav {
-        margin: 0px;
+        margin: 0;
 
         .dropdown-toggle,
         li.active .dropdown-toggle {
@@ -1808,7 +1805,7 @@ div.focused_table {
             color: inherit;
             opacity: 0.5;
             text-shadow: none;
-            padding-left: 0px !important;
+            padding-left: 0 !important;
             background-color: inherit;
             box-shadow: inherit;
             display: block;
@@ -1838,8 +1835,8 @@ div.focused_table {
 #streamlist-toggle {
     display: none;
     position: absolute;
-    top: 0px;
-    left: 0px;
+    top: 0;
+    left: 0;
     text-align: center;
     vertical-align: middle;
     // border-right: 2px solid hsl(204, 20%, 74%);
@@ -1868,7 +1865,7 @@ div.focused_table {
     top: 4px;
     right: 4px;
     border: 1px solid hsl(0, 0%, 93%);
-    box-shadow: 0px 0px 1px hsla(0, 0%, 0%, 0.2);
+    box-shadow: 0 0 1px hsla(0, 0%, 0%, 0.2);
     border-radius: 12px;
     padding: 1px 1px 1px 1px;
     font-size: 9px;
@@ -1879,15 +1876,15 @@ div.focused_table {
 
 .nav .dropdown-menu {
     left: auto;
-    right: 0px;
+    right: 0;
     top: 30px;
     min-width: 180px;
-    box-shadow: 0px 0px 5px hsla(0, 0%, 0%, 0.2);
+    box-shadow: 0 0 5px hsla(0, 0%, 0%, 0.2);
 
     &::after {
         position: absolute;
-        width: 0px;
-        height: 0px;
+        width: 0;
+        height: 0;
         top: -7px;
         right: 19px;
         display: inline-block;
@@ -2054,7 +2051,7 @@ div.floating_recipient {
         display: block;
 
         input[type="checkbox"] {
-            margin: 5px 0px;
+            margin: 5px 0;
             float: none;
         }
     }
@@ -2069,7 +2066,7 @@ div.floating_recipient {
     }
 
     input[type="checkbox"] {
-        margin: 5px 0px;
+        margin: 5px 0;
         float: none;
     }
 }
@@ -2142,7 +2139,7 @@ div.topic_edit_spinner .loading_indicator_spinner {
     outline: 0;
 
     form {
-        margin-bottom: 0px;
+        margin-bottom: 0;
     }
 }
 
@@ -2187,7 +2184,7 @@ div.topic_edit_spinner .loading_indicator_spinner {
 
     .modal-footer {
         position: absolute;
-        bottom: 0px;
+        bottom: 0;
         width: calc(100% - 30px);
     }
 
@@ -2236,7 +2233,7 @@ div.topic_edit_spinner .loading_indicator_spinner {
 #notifications-area {
     position: fixed;
     z-index: 10;
-    bottom: 0px;
+    bottom: 0;
     right: 20px;
     width: 200px;
     height: auto;
@@ -2277,7 +2274,7 @@ div.topic_edit_spinner .loading_indicator_spinner {
 #pw_strength {
     width: 100%;
     height: 10px;
-    margin-bottom: 0px;
+    margin-bottom: 0;
 }
 
 /* Override padding-top on form labels when they label only text */
@@ -2309,7 +2306,7 @@ div.topic_edit_spinner .loading_indicator_spinner {
         width: 33%;
         border-top: 1px solid hsl(0, 0%, 88%);
         border-bottom: 1px solid hsl(0, 0%, 100%);
-        margin: 0px 5px 0px 5px;
+        margin: 0 5px 0 5px;
     }
 }
 
@@ -2337,7 +2334,7 @@ div.topic_edit_spinner .loading_indicator_spinner {
     content: " ";
     vertical-align: middle;
     width: 50%;
-    height: 0px;
+    height: 0;
     border-top: 1px solid hsl(0, 0%, 88%);
     border-bottom: 1px solid hsl(0, 0%, 100%);
 }
@@ -2367,8 +2364,8 @@ div.topic_edit_spinner .loading_indicator_spinner {
     cursor: default;
 
     .edit-controls {
-        margin-left: 0px;
-        margin-top: 0px;
+        margin-left: 0;
+        margin-top: 0;
     }
 
     textarea {
@@ -2378,11 +2375,11 @@ div.topic_edit_spinner .loading_indicator_spinner {
     }
 
     .control-group.no-margin {
-        margin-bottom: 0px;
+        margin-bottom: 0;
     }
 
     .action-buttons {
-        margin: 10px 0px;
+        margin: 10px 0;
     }
 }
 
@@ -2523,11 +2520,11 @@ select.inline_select_topic_edit {
             position: absolute;
             float: none;
             right: 15px;
-            top: 0px;
+            top: 0;
 
             .right-sidebar {
                 background-color: hsla(0, 0%, 100%, 1);
-                box-shadow: 0px -2px 3px 0px hsla(0, 0%, 0%, 0.1);
+                box-shadow: 0 -2px 3px 0 hsla(0, 0%, 0%, 0.1);
                 border-left: 1px solid hsl(0, 0%, 87%);
 
                 // We use both margin and padding to
@@ -2536,11 +2533,11 @@ select.inline_select_topic_edit {
                 margin-top: $header_height;
                 padding-top: $header_padding_bottom;
 
-                padding-bottom: 0px;
+                padding-bottom: 0;
                 padding-left: 15px;
                 padding-right: 15px;
                 height: 100%;
-                right: 0px;
+                right: 0;
             }
         }
     }
@@ -2556,7 +2553,7 @@ select.inline_select_topic_edit {
 
     .nav .dropdown-menu {
         min-width: 180px;
-        box-shadow: 0px 0px 5px hsla(0, 0%, 0%, 0.2);
+        box-shadow: 0 0 5px hsla(0, 0%, 0%, 0.2);
 
         &::after {
             right: 21px;
@@ -2591,7 +2588,7 @@ select.inline_select_topic_edit {
 
 @media (max-width: 775px) {
     body {
-        padding: 0px;
+        padding: 0;
     }
 
     .column-left {
@@ -2601,12 +2598,12 @@ select.inline_select_topic_edit {
             display: block;
             position: absolute;
             float: none;
-            left: 0px;
-            top: 0px;
+            left: 0;
+            top: 0;
 
             .left-sidebar {
                 background-color: hsla(0, 0%, 100%, 1);
-                box-shadow: 0px 2px 3px 0px hsla(0, 0%, 0%, 0.1);
+                box-shadow: 0 2px 3px 0 hsla(0, 0%, 0%, 0.1);
                 border-right: 1px solid hsl(0, 0%, 87%);
 
                 // We use both margin and padding to
@@ -2636,21 +2633,21 @@ select.inline_select_topic_edit {
     }
 
     .header-main .column-middle {
-        margin-left: 0px;
+        margin-left: 0;
     }
 
     .column-middle-inner {
-        margin-left: 0px;
+        margin-left: 0;
         margin-right: 15px;
     }
 
     .app-main .column-middle .column-middle-inner {
-        margin-right: 0px;
+        margin-right: 0;
     }
 
     .skinny-user-gravatar {
         position: absolute;
-        top: 0px;
+        top: 0;
     }
 
     #streamlist-toggle {
@@ -2695,7 +2692,7 @@ select.inline_select_topic_edit {
 
     .column-left.expanded {
         .left-sidebar {
-            padding: 0px;
+            padding: 0;
 
             #streams_header {
                 padding-right: 10px;
@@ -2729,8 +2726,8 @@ select.inline_select_topic_edit {
 
     #streamlist-toggle-button {
         height: 30px;
-        padding-top: 0px;
-        padding-bottom: 0px;
+        padding-top: 0;
+        padding-bottom: 0;
     }
 
     #navbar-buttons ul.nav .dropdown-toggle,
@@ -2746,7 +2743,7 @@ select.inline_select_topic_edit {
 
         .search_button,
         .search_button[disabled]:hover {
-            top: 0px;
+            top: 0;
         }
     }
 
diff --git a/stylelint.config.js b/stylelint.config.js
index 5e744bdef2..50dd58be14 100644
--- a/stylelint.config.js
+++ b/stylelint.config.js
@@ -14,7 +14,6 @@ module.exports = {
         // Disable standard rules we don't comply with yet
         "comment-empty-line-before": null,
         "declaration-empty-line-before": null,
-        "length-zero-no-unit": null,
 
         // Additional stylistic rules
         "font-family-name-quotes": "always-where-recommended",
diff --git a/templates/zerver/emails/email.css b/templates/zerver/emails/email.css
index d3d5bf3e4b..db7ea7cb87 100644
--- a/templates/zerver/emails/email.css
+++ b/templates/zerver/emails/email.css
@@ -23,8 +23,8 @@ body {
 
 table {
     border-collapse: separate;
-    mso-table-lspace: 0pt;
-    mso-table-rspace: 0pt;
+    mso-table-lspace: 0;
+    mso-table-rspace: 0;
     width: 100%;
 }
 
@@ -62,7 +62,7 @@ table td {
 
 .wrapper {
     box-sizing: border-box;
-    padding: 0px 20px 20px 20px;
+    padding: 0 20px 20px 20px;
 }
 
 .footer {
@@ -83,7 +83,7 @@ table td {
 }
 
 .footer .content-block p {
-    margin-top: 0px;
+    margin-top: 0;
 }
 
 h1,
@@ -111,7 +111,7 @@ ol {
     font-family: sans-serif;
     font-size: 14px;
     font-weight: normal;
-    margin: 10px 0px;
+    margin: 10px 0;
 }
 
 p li,
@@ -136,7 +136,7 @@ a:hover {
 
 .button {
     display: block;
-    padding: 10px 0px;
+    padding: 10px 0;
     margin: 20px auto;
     width: 200px;
     border: 1px solid #80d1ba;
@@ -319,7 +319,7 @@ a.button:hover {
     }
 
     table[class="body"] .wrapper {
-        padding: 0px 10px 10px 10px;
+        padding: 0 10px 10px 10px;
     }
 
     table[class="body"] .article {