From 483445e3d3285151f2222c6ad1b674615a7488c9 Mon Sep 17 00:00:00 2001 From: Anders Kaseorg Date: Wed, 5 Aug 2020 17:42:07 -0700 Subject: [PATCH] styles: Remove unit from 0 lengths. Generated by stylelint --fix. Signed-off-by: Anders Kaseorg --- static/styles/alerts.scss | 18 +- static/styles/app_components.scss | 34 ++-- static/styles/components.scss | 6 +- static/styles/compose.scss | 39 ++-- static/styles/drafts.scss | 6 +- static/styles/hotspots.scss | 2 +- static/styles/image_upload_widget.scss | 14 +- static/styles/informational-overlays.scss | 2 +- static/styles/input_pill.scss | 4 +- static/styles/left-sidebar.scss | 34 ++-- static/styles/lightbox.scss | 18 +- static/styles/message_edit_history.scss | 2 +- static/styles/night_mode.scss | 14 +- static/styles/popovers.scss | 18 +- static/styles/portico/activity.scss | 2 +- static/styles/portico/archive.scss | 2 +- static/styles/portico/billing.scss | 4 +- static/styles/portico/integrations.scss | 10 +- static/styles/portico/landing-page.scss | 202 +++++++++---------- static/styles/portico/markdown.scss | 22 +- static/styles/portico/portico-signin.scss | 71 ++++--- static/styles/portico/portico.scss | 90 ++++----- static/styles/portico/stats.scss | 12 +- static/styles/reactions.scss | 14 +- static/styles/recent_topics.scss | 10 +- static/styles/rendered_markdown.scss | 26 +-- static/styles/right-sidebar.scss | 18 +- static/styles/settings.scss | 102 +++++----- static/styles/subscriptions.scss | 46 ++--- static/styles/widgets.scss | 8 +- static/styles/zulip.scss | 235 +++++++++++----------- stylelint.config.js | 1 - templates/zerver/emails/email.css | 14 +- 33 files changed, 547 insertions(+), 553 deletions(-) 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: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 {