styles: Fix stylelint rule-empty-line-before.

Signed-off-by: Anders Kaseorg <anders@zulip.com>

static/styles/app_components.css

@@ -406,6 +406,7 @@ div.overlay {
         width: calc(100% - 34px);
         margin-left: 10px;
     }
+
     .input-append .topic-list-filter {
         /* Input width = 100% - 11px margin x2 - 6px padding x2 - 1px border x2. */
         width: calc(100% - 36px);

static/styles/compose.css

@@ -359,6 +359,7 @@ textarea.new_message_textarea {
         0% {
             box-shadow: none;
         }
+
         100% {
             box-shadow: 0 0 0 1pt hsl(0, 100%, 50%);
         }

static/styles/image_upload_widget.css

@@ -154,6 +154,7 @@
 #user-avatar-source {
     font-size: 1em;
     z-index: 99;
+
     a {
         position: relative;
         top: 10px;

static/styles/left_sidebar.css

@@ -159,8 +159,10 @@ li.show-more-topics {
 
 .narrows_panel {
     margin-bottom: 4px;
+
     li a {
         margin-top: 1px;
+
         &:hover {
             text-decoration: none;
         }
@@ -198,9 +200,11 @@ li.show-more-topics {
     text-decoration: none;
     margin-left: 10px;
     margin-top: 5px;
+
     i {
         min-width: 19px;
         text-align: center;
+
         &::before {
             padding-right: 3px;
         }
@@ -443,6 +447,7 @@ ul.topic-list {
 
 ul.expanded_private_messages {
     list-style-type: none;
+
     span.fa-group {
         font-size: 90%;
     }
@@ -515,10 +520,12 @@ li.expanded_private_message {
 #topics_header {
     margin-right: 10px;
     color: hsl(0, 0%, 43%);
+
     a {
         color: inherit;
         text-decoration: none;
         text-transform: uppercase;
+
         i {
             margin: 0 5px 0 10px;
             position: relative;
@@ -559,6 +566,7 @@ li.expanded_private_message {
     .show-more-topics {
         display: none;
     }
+
     .zoom-in-hide {
         display: none;
     }

static/styles/night_mode.css

@@ -43,6 +43,7 @@ body.night-mode {
         .tippy-content a {
             color: hsl(236, 33%, 90%);
         }
+
         &[data-placement^="top"] {
             > .tippy-arrow {
                 &::before {
@@ -50,6 +51,7 @@ body.night-mode {
                 }
             }
         }
+
         &[data-placement^="bottom"] {
             > .tippy-arrow {
                 &::before {
@@ -57,6 +59,7 @@ body.night-mode {
                 }
             }
         }
+
         &[data-placement^="left"] {
             > .tippy-arrow {
                 &::before {
@@ -64,6 +67,7 @@ body.night-mode {
                 }
             }
         }
+
         &[data-placement^="right"] {
             > .tippy-arrow {
                 &::before {
@@ -350,6 +354,7 @@ body.night-mode {
     #message_view_header .stream {
         color: hsl(236, 33%, 90%);
     }
+
     #message_view_header .sub_count,
     #message_view_header .narrow_description {
         color: hsla(0, 0%, 90%, 1);
@@ -538,6 +543,7 @@ body.night-mode {
     #recent_topics_table td a {
         color: hsl(206, 89%, 74%);
         text-decoration: none;
+
         &:hover {
             color: hsl(208, 64%, 52%);
         }
@@ -1086,6 +1092,7 @@ body.night-mode {
 
     .color_animated_button {
         background-color: hsl(209, 32%, 5%);
+
         * {
             color: hsl(0, 0%, 100%);
         }

static/styles/popovers.css

@@ -258,14 +258,17 @@ ul {
 #user-profile-modal {
     border-radius: 4px;
     height: 60vh;
+
     #tab-toggle {
         font-weight: initial;
         margin: 6px 4px 6px 0;
         width: 100%;
+
         .tab-switcher {
             margin-left: 2px;
         }
     }
+
     .name {
         color: hsl(0, 0%, 20%);
         display: inline-block;
@@ -292,6 +295,7 @@ ul {
             outline: 9px solid hsl(0, 0%, 100%);
         }
     }
+
     #name {
         font-size: 26px;
         font-weight: 700;
@@ -305,6 +309,7 @@ ul {
             margin-left: 10px;
         }
     }
+
     #default-section {
         display: inline-block;
         vertical-align: top;
@@ -376,6 +381,7 @@ ul {
             padding-right: 3px;
         }
     }
+
     .stream-list-top-section {
         display: flex;
 
@@ -508,6 +514,7 @@ ul {
             .popover-inner {
                 width: 70%;
             }
+
             .sp-picker-container {
                 border-left: none !important;
             }
@@ -551,6 +558,7 @@ ul {
         position: static;
         margin-right: 0;
     }
+
     #user-profile-modal {
         .stream-list-top-section {
             display: block;
@@ -645,6 +653,7 @@ ul {
 .user_info_status_text {
     opacity: 0.8;
     padding: 2px 0 3px 0;
+
     .status_emoji {
         height: 18px;
         width: 18px;
@@ -655,6 +664,7 @@ ul {
 #move_topic_modal {
     /* Ensure that the dropdown can overflow the modal. */
     overflow: visible;
+
     .modal-body {
         overflow: visible;
     }

static/styles/portico/billing.css

@@ -33,6 +33,7 @@
     .nav-tabs {
         border-bottom: 0;
         font-size: 1.2em;
+
         a {
             font-weight: bold;
         }
@@ -49,6 +50,7 @@
 
     .support-link {
         margin: 10px 20px;
+
         a,
         a:hover,
         a:visited {
@@ -62,8 +64,10 @@
         label {
             display: inline-block;
         }
+
         input[type="radio"] {
             display: none;
+
             &:checked {
                 + .box {
                     background-color: hsl(153, 32%, 55%);
@@ -72,6 +76,7 @@
                 }
             }
         }
+
         .box {
             width: 120px;
             height: 70px;
@@ -86,28 +91,34 @@
             margin: 0 10px 5px 0;
             padding: 30px 20px;
             vertical-align: top;
+
             &:hover {
                 background-color: hsl(0, 0%, 91%);
                 border-color: hsl(0, 0%, 80%);
             }
+
             .schedule-time {
                 font-weight: bold;
                 font-size: 1.2em;
                 margin-top: 10px;
             }
+
             .schedule-amount {
                 margin-top: 5px;
                 font-size: 1.1em;
                 height: 50px;
             }
+
             .schedule-amount-2 {
                 font-size: 0.9em;
             }
+
             .management-type {
                 font-weight: bold;
                 font-size: 1.2em;
                 margin-top: 10px;
             }
+
             .management-type-text {
                 font-size: 1.1em;
                 margin-top: 5px;
@@ -128,6 +139,7 @@
         border: 0;
         height: 40px;
         margin: 5px 0 0 0;
+
         span {
             background: 0;
             box-shadow: none;
@@ -145,6 +157,7 @@
     .stripe-button-el:active,
     .stripe-button-el:enabled:active {
         background-color: hsl(169, 70%, 32%);
+
         span {
             background: 0;
             box-shadow: none;
@@ -285,6 +298,7 @@ input[name="licenses"]::-webkit-inner-spin-button {
     appearance: none;
     margin: 0;
 }
+
 input[name="licenses"] {
     appearance: textfield;
 }
@@ -294,6 +308,7 @@ input[name="licenses"] {
         box-sizing: border-box;
         height: 30px;
     }
+
     textarea {
         box-sizing: border-box;
     }

static/styles/portico/integrations.css

@@ -502,6 +502,7 @@ $category-text: hsl(219, 23%, 33%);
 
             .categories {
                 order: 2;
+
                 .integration-category {
                     font-size: 0.9em;
                     font-weight: 400;

static/styles/portico/landing_page.css

@@ -325,6 +325,7 @@ nav {
 
     .nav-dropdown {
         padding-bottom: 3px;
+
         ul {
             width: 300px;
         }
@@ -339,6 +340,7 @@ nav {
 
                 div.dropdown-column {
                     float: left;
+
                     &:first-of-type {
                         width: 40%;
                     }
@@ -350,6 +352,7 @@ nav {
 
                 div.dropdown-column {
                     float: left;
+
                     &:first-of-type {
                         width: 40%;
                     }
@@ -2358,6 +2361,7 @@ nav {
 
     opacity: 0.7;
 }
+
 .portico-landing.why-page .markdown {
     font-size: 1.1rem;
 }
@@ -2368,12 +2372,14 @@ nav {
     padding: 20px 30px;
     margin-top: 20px;
     font-size: 1.05em;
+
     p {
         line-height: 1.5;
         margin: 0;
         font-weight: 400;
         color: hsl(220, 23%, 33%);
     }
+
     p:last-child {
         margin-top: 10px;
     }
@@ -4251,6 +4257,7 @@ nav {
 
     a {
         color: hsl(0, 0%, 100%);
+
         &.case-study-link {
             margin-left: 20px;
             text-decoration: underline;

static/styles/portico/markdown.css

@@ -35,6 +35,7 @@
                 height: 30px;
             }
         }
+
         &#using-zulip,
         &#zulip-administration {
             font-size: 1.75em;
@@ -348,6 +349,7 @@
             margin-left: 15px;
             margin-top: 10px;
         }
+
         ul.nav {
             margin: 0;
 

static/styles/portico/portico.css

@@ -623,6 +623,7 @@ input.text-error {
                 text-align: left;
                 opacity: 1;
                 cursor: pointer;
+
                 &:hover {
                     background-color: hsl(190, 10%, 90%);
                     transition: none;
@@ -805,6 +806,7 @@ a.bottom-signup-button {
             font-weight: 400;
             font-size: 0.8em;
             opacity: 0.8;
+
             p {
                 /* Avoid double-applying the 1.2em font-size here */
                 font-size: 1em;
@@ -1667,6 +1669,7 @@ label.label-title {
 
 #devtools-registration {
     float: left;
+
     form {
         display: inline;
     }

static/styles/portico/portico_signin.css

@@ -376,6 +376,7 @@ html {
     .alert-info {
         font-weight: 400;
     }
+
     .alert {
         &:not(.alert-info) {
             padding: 0;
@@ -998,6 +999,7 @@ button#register_auth_button_gitlab {
     font-size: 1.2rem;
     height: 45px;
     width: 325px;
+
     &:focus {
         outline: none;
     }

static/styles/pygments.css

@@ -1,12 +1,15 @@
 .codehilite pre {
     background-color: hsl(0, 0%, 100%);
 }
+
 .codehilite .hll {
     background-color: hsl(60, 100%, 90%);
 }
+
 .codehilite {
     background-color: hsl(0, 0%, 98%);
 }
+
 .codehilite .c {
     color: hsl(180, 33%, 37%);
     font-style: italic;

static/styles/recent_topics.css

@@ -46,6 +46,7 @@
         a {
             color: hsl(205, 47%, 42%);
             text-decoration: none;
+
             &:hover {
                 color: hsl(214, 40%, 58%);
             }

static/styles/rendered_markdown.css

@@ -244,6 +244,7 @@
             float: right;
             width: 25px;
             height: 25px;
+
             &:hover .spoiler-arrow {
                 &::before,
                 &::after {
@@ -264,6 +265,7 @@
             margin-top: 2px;
             text-align: left;
             transform: rotate(45deg);
+
             &::before,
             &::after {
                 position: absolute;
@@ -274,17 +276,21 @@
                 background-color: hsl(0, 0%, 83%);
                 transition: 0.4s ease;
             }
+
             &::after {
                 position: absolute;
                 transform: rotate(90deg);
                 top: -5px;
                 left: 5px;
             }
+
             &.spoiler-button-open {
                 transform: rotate(45deg) translate(-5px, -5px);
+
                 &::before {
                     transform: translate(10px, 0);
                 }
+
                 &::after {
                     transform: rotate(90deg) translate(10px, 0);
                 }

static/styles/settings.css

@@ -32,28 +32,36 @@ h3 .fa-question-circle-o {
     .block {
         display: block;
     }
+
     .center-block {
         margin: 0 auto;
     }
+
     .center {
         text-align: center;
     }
+
     .w-70 {
         width: 70%;
     }
+
     .w-200 {
         width: 200px;
     }
+
     .m-t-20 {
         margin-top: 20px;
     }
+
     .m-t-10 {
         margin-top: 10px;
     }
+
     .grid {
         label {
             min-width: 200px;
         }
+
         .warning {
             display: inline-block;
             vertical-align: top;
@@ -62,12 +70,14 @@ h3 .fa-question-circle-o {
             text-align: left;
         }
     }
+
     #account-settings,
     #profile-field-settings {
         .grid {
             label {
                 min-width: 120px;
             }
+
             .warning {
                 display: block;
                 width: calc(100% - 20px - 5px);
@@ -75,6 +85,7 @@ h3 .fa-question-circle-o {
             }
         }
     }
+
     .warning {
         #pw_strength {
             width: 140px;
@@ -82,6 +93,7 @@ h3 .fa-question-circle-o {
             margin: 6px 0 0 0;
         }
     }
+
     .button {
         ul {
             text-align: left;
@@ -700,10 +712,12 @@ input[type="checkbox"] {
 .profile_field_choices_table {
     .movable-profile-field-row {
         cursor: move;
+
         .fa-ellipsis-v {
             color: hsl(0, 0, 75%);
             position: relative;
             top: 1px;
+
             + i {
                 margin-right: 5px;
             }
@@ -942,6 +956,7 @@ input[type="checkbox"] {
 
     li {
         list-style-type: none;
+
         &.alert-word-item:first-child {
             background: none;
             margin-top: 8px;
@@ -1058,6 +1073,7 @@ input[type="checkbox"] {
         span[contenteditable] {
             display: inline-block;
             word-break: break-all;
+
             &:empty::before {
                 opacity: 0.5;
                 display: inline-block;
@@ -1098,9 +1114,11 @@ input[type="checkbox"] {
 
     .ntm {
         cursor: not-allowed;
+
         h4 > .button {
             cursor: not-allowed;
             display: none;
+
             &:hover {
                 border-color: hsl(4, 56%, 82%);
             }
@@ -1407,6 +1425,7 @@ input[type="checkbox"] {
         .org-settings-list {
             position: relative;
         }
+
         .settings-sticky-bar {
             position: sticky;
             z-index: 1;
@@ -1612,6 +1631,7 @@ input[type="checkbox"] {
 .dropdown-list-widget {
     button {
         margin: 0 5px;
+
         &.dropdown-toggle {
             /* Match settings for select elements. */
             padding: 4px 6px;
@@ -1942,6 +1962,7 @@ input[type="checkbox"] {
         flex-direction: column;
         margin-top: 5px;
     }
+
     #settings_page .custom_user_field textarea {
         width: calc(100% - 25px);
     }

static/styles/subscriptions.css

@@ -909,6 +909,7 @@
 
     .stream-description {
         margin-bottom: 5px;
+
         .no-description {
             font-style: italic;
             color: hsl(0, 0%, 67%);
@@ -946,6 +947,7 @@
 
         .subscription-type-text {
             display: inline;
+
             ul {
                 margin: 0 0 10px 14px;
                 list-style-type: unset;
@@ -1065,6 +1067,7 @@
         }
     }
 }
+
 #change_stream_info_modal {
     .modal-header h3 {
         text-overflow: ellipsis;
@@ -1214,6 +1217,7 @@
         display: block;
         text-align: center;
         margin-left: 0;
+
         .tab-container {
             .ind-tab {
                 width: 85px;

static/styles/user_status.css

@@ -11,6 +11,7 @@
     margin-left: 0;
     /* We are setting a z-index so emoji popover can be visible on top of it. */
     z-index: 105;
+
     .user_status_content_wrapper {
         display: flex;
         border: 1px solid;
@@ -26,6 +27,7 @@
                 width: 92%;
             }
         }
+
         .status_emoji_wrapper {
             height: 20px;
             width: 22px;
@@ -33,6 +35,7 @@
             border-right: 1px solid;
             border-color: inherit;
             cursor: pointer;
+
             .selected_emoji {
                 width: 20px;
                 height: 20px;
@@ -53,6 +56,7 @@
                 position: relative;
                 top: -2px;
                 left: 2px;
+
                 &:hover {
                     text-decoration: none;
                 }

static/styles/zulip.css

@@ -164,9 +164,11 @@ p.n-margin {
     font-size: 16px;
     margin: 0 auto 12px;
     padding: 5px;
+
     i {
         margin: 0 3px 0 1px;
     }
+
     p {
         margin: 0;
         padding: 4px;
@@ -726,6 +728,7 @@ li.actual-dropdown-menu i {
         filter: invert(20%) sepia(11%) saturate(0%) hue-rotate(272deg)
             brightness(20%) contrast(95%);
     }
+
     .about_zulip_text {
         position: relative;
         top: 1.4px;
@@ -1338,6 +1341,7 @@ td.pointer {
 .on_hover_topic_resolve,
 .on_hover_topic_mute {
     opacity: 0.2;
+
     &:hover {
         cursor: pointer;
         opacity: 0.7;
@@ -1498,6 +1502,7 @@ div.focused_table {
     .btn-wrapper {
         cursor: not-allowed;
     }
+
     .disable-btn {
         pointer-events: none;
     }
@@ -1506,6 +1511,7 @@ div.focused_table {
 .topic_edit {
     display: none;
     line-height: 22px;
+
     .alert {
         display: inline-block;
         margin: 0;
@@ -1583,6 +1589,7 @@ div.focused_table {
     label.checkbox {
         /* Place the checkboxes on their own lines. */
         display: block;
+
         input {
             margin: 0;
             vertical-align: baseline;
@@ -1674,6 +1681,7 @@ div.focused_table {
     color: inherit;
     opacity: 0.5;
     text-decoration: none;
+
     &:hover {
         opacity: 1;
     }
@@ -1693,9 +1701,11 @@ div.focused_table {
     border: none;
     white-space: nowrap;
     cursor: default;
+
     .hidden {
         display: none;
     }
+
     .sub_count,
     .stream,
     & > span {
@@ -1714,15 +1724,19 @@ div.focused_table {
         @media (width < $sm_min) {
             padding: 7px 3.5px; /* based on having ~41.66% decrease */
         }
+
         i {
             margin-right: 3px;
         }
+
         .fa {
             margin: 0 3px 0 5px;
+
             .fa-envelope {
                 font-size: 14px;
                 margin: 0 5px 0 5px;
             }
+
             .fa-hashtag {
                 font-size: 1.2rem;
                 /* font-weight: 800; */
@@ -1754,6 +1768,7 @@ div.focused_table {
         padding-right: 10px;
         margin-right: 1px;
         overflow: visible;
+
         .fa.fa-user-o {
             margin-left: 0;
         }
@@ -1830,6 +1845,7 @@ div.focused_table {
 
         /* Provide the visual cue that clicking this will work as expected. */
         cursor: pointer;
+
         &:hover + .search_closed {
             opacity: 1;
         }
@@ -1850,6 +1866,7 @@ div.focused_table {
         margin-top: 0;
         width: calc(100% - 2px);
         position: absolute;
+
         .search_button {
             display: inline;
             margin-right: 15px;
@@ -1966,12 +1983,15 @@ div.focused_table {
     #search_arrows {
         padding-left: 0;
     }
+
     #search_query {
         padding-left: 35px;
     }
+
     .search_button {
         right: 0;
     }
+
     .navbar-search.expanded {
         .search_button {
             margin-right: 14px;
@@ -2778,6 +2798,7 @@ select.inline_select_topic_edit {
         .search_closed .fa-search {
             right: 72px;
         }
+
         .top-navbar-border,
         #searchbox_legacy .navbar-search.expanded,
         #searchbox .navbar-search.expanded {
@@ -2873,6 +2894,7 @@ select.inline_select_topic_edit {
         .top-navbar-border {
             width: calc(100% - 75px);
         }
+
         #searchbox_legacy .navbar-search.expanded,
         #searchbox .navbar-search.expanded {
             width: calc(100% - 90px);