styles: Remove unit from 0 lengths.

Generated by stylelint --fix.

Signed-off-by: Anders Kaseorg <anders@zulip.com>
This commit is contained in:
Anders Kaseorg 2020-08-05 17:42:07 -07:00 committed by Tim Abbott
parent 6dea671fde
commit 483445e3d3
33 changed files with 547 additions and 553 deletions

View File

@ -36,7 +36,7 @@ $alert-error-red: hsl(0, 80%, 40%);
} }
&.stream_create_info { &.stream_create_info {
margin: 10px 10px 0px 10px; margin: 10px 10px 0 10px;
} }
.bankruptcy_unread_count { .bankruptcy_unread_count {
@ -47,8 +47,8 @@ $alert-error-red: hsl(0, 80%, 40%);
/* alert box component changes */ /* alert box component changes */
.alert-box { .alert-box {
position: absolute; position: absolute;
top: 0px; top: 0;
left: 0px; left: 0;
width: 900px; width: 900px;
margin-left: calc(50% - 450px); margin-left: calc(50% - 450px);
z-index: 220; z-index: 220;
@ -120,8 +120,8 @@ $alert-error-red: hsl(0, 80%, 40%);
.code-context { .code-context {
color: hsl(0, 7%, 15%); color: hsl(0, 7%, 15%);
background-color: hsl(0, 7%, 98%); background-color: hsl(0, 7%, 98%);
box-shadow: inset 0px 11px 10px -10px hsl(0, 7%, 70%), box-shadow: inset 0 11px 10px -10px hsl(0, 7%, 70%),
inset 0px -11px 10px -10px hsl(0, 7%, 70%); inset 0 -11px 10px -10px hsl(0, 7%, 70%);
margin-top: 1em; margin-top: 1em;
margin-bottom: 1em; margin-bottom: 1em;
@ -191,7 +191,7 @@ $alert-error-red: hsl(0, 80%, 40%);
.exit { .exit {
position: absolute; position: absolute;
top: 10px; top: 10px;
right: 0px; right: 0;
font-size: 2.5em; font-size: 2.5em;
font-weight: 300; font-weight: 300;
@ -216,14 +216,14 @@ $alert-error-red: hsl(0, 80%, 40%);
100% { 100% {
opacity: 1; opacity: 1;
transform: translateY(0px); transform: translateY(0);
} }
} }
@keyframes fadeOut { @keyframes fadeOut {
0% { 0% {
opacity: 1; opacity: 1;
transform: translateY(0px); transform: translateY(0);
} }
100% { 100% {
@ -238,6 +238,6 @@ $alert-error-red: hsl(0, 80%, 40%);
.alert-box { .alert-box {
width: 80%; width: 80%;
left: 10%; left: 10%;
margin-left: 0px; margin-left: 0;
} }
} }

View File

@ -33,7 +33,7 @@
} }
.box-shadow { .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 { .bg-white {
@ -72,10 +72,10 @@
/* -- button style variations -- */ /* -- button style variations -- */
&.no-style { &.no-style {
padding: 0px; padding: 0;
background-color: transparent; background-color: transparent;
border: none; border: none;
min-width: 0px; min-width: 0;
width: auto; width: auto;
outline: none; outline: none;
box-shadow: none !important; box-shadow: none !important;
@ -201,7 +201,7 @@
.ind-tab { .ind-tab {
display: inline-block; display: inline-block;
width: 90px; width: 90px;
margin: 0px -0.5px; margin: 0 -0.5px;
text-align: center; text-align: center;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
@ -222,7 +222,7 @@
} }
&.first { &.first {
border-radius: 5px 0px 0px 5px; border-radius: 5px 0 0 5px;
border-right: 1px solid transparent; border-right: 1px solid transparent;
} }
@ -231,7 +231,7 @@
} }
&.last { &.last {
border-radius: 0px 5px 5px 0px; border-radius: 0 5px 5px 0;
} }
&.selected { &.selected {
@ -306,7 +306,7 @@
transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out;
.overlay-content { .overlay-content {
transform: translateY(0px); transform: translateY(0);
transition-timing-function: ease-out; transition-timing-function: ease-out;
} }
} }
@ -321,7 +321,7 @@
.new-style input[type="text"] { .new-style input[type="text"] {
border-radius: 5px; border-radius: 5px;
box-shadow: none; box-shadow: none;
margin: 0px; margin: 0;
} }
.clear_search_button { .clear_search_button {
@ -359,7 +359,7 @@
} }
.grey-box { .grey-box {
margin: 0px; margin: 0;
padding: 5px 10px; padding: 5px 10px;
background-color: hsl(0, 0%, 98%); background-color: hsl(0, 0%, 98%);
border: 1px solid hsl(0, 0%, 87%); border: 1px solid hsl(0, 0%, 87%);
@ -400,12 +400,12 @@
.stream-selection-header-colorblock { .stream-selection-header-colorblock {
/* box-shadow: 0px 2px 3px hsl(0, 0%, 80%); */ /* box-shadow: 0px 2px 3px hsl(0, 0%, 80%); */
box-shadow: inset 0px 2px 1px -2px hsl(0, 0%, 20%), box-shadow: inset 0 2px 1px -2px hsl(0, 0%, 20%),
inset 2px 0px 1px -2px hsl(0, 0%, 20%), inset 2px 0 1px -2px hsl(0, 0%, 20%),
inset 0px -2px 1px -2px hsl(0, 0%, 20%); inset 0 -2px 1px -2px hsl(0, 0%, 20%);
width: 10px; width: 10px;
border-radius: 3px 0px 0px 3px; border-radius: 3px 0 0 3px;
border-bottom: 0px; border-bottom: 0;
} }
.stream_header_colorblock { .stream_header_colorblock {
@ -419,7 +419,7 @@
font-size: 0.9em; font-size: 0.9em;
-webkit-text-stroke: 0.05em; -webkit-text-stroke: 0.05em;
position: relative; position: relative;
margin: 0px 5px; margin: 0 5px;
top: 9px; top: 9px;
} }
@ -449,7 +449,7 @@
&:hover { &:hover {
color: hsl(0, 0%, 20%); color: hsl(0, 0%, 20%);
border: 1px solid hsl(49, 20%, 60%); 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; text-decoration: none;
} }
@ -463,7 +463,7 @@
border: 1px solid hsl(49, 20%, 84%); border: 1px solid hsl(49, 20%, 84%);
border-radius: 4px; border-radius: 4px;
padding: 10px; padding: 10px;
margin: 10px 0px; margin: 10px 0;
font-size: 1rem; font-size: 1rem;
line-height: 1.5; line-height: 1.5;
color: hsl(0, 0%, 40%); color: hsl(0, 0%, 40%);

View File

@ -3,7 +3,7 @@
.new-style { .new-style {
label.checkbox { label.checkbox {
padding: 0px; padding: 0;
display: inline-block; display: inline-block;
position: relative; position: relative;
vertical-align: top; vertical-align: top;
@ -19,7 +19,7 @@
top: -2px; top: -2px;
padding: 2px; padding: 2px;
margin: 0px 5px 0px 0px; margin: 0 5px 0 0;
height: 10px; height: 10px;
width: 10px; width: 10px;
@ -75,7 +75,7 @@ a.no-underline:hover {
.simplebar-track { .simplebar-track {
.simplebar-scrollbar::before { .simplebar-scrollbar::before {
background-color: hsl(0, 0%, 0%); 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 { &.simplebar-vertical {

View File

@ -75,14 +75,14 @@
.compose_table { .compose_table {
.stream-selection-header-colorblock { .stream-selection-header-colorblock {
&.message_header_private_message { &.message_header_private_message {
border-radius: 3px 0px 0px 3px; border-radius: 3px 0 0 3px;
border-bottom: 0px; border-bottom: 0;
background-color: hsl(0, 0%, 27%); background-color: hsl(0, 0%, 27%);
} }
} }
.right_part { .right_part {
padding: 0px; padding: 0;
display: flex; display: flex;
align-items: center; align-items: center;
width: 100%; width: 100%;
@ -91,7 +91,7 @@
font-size: 0.9em; font-size: 0.9em;
-webkit-text-stroke: 0.05em; -webkit-text-stroke: 0.05em;
position: relative; position: relative;
margin: 0px 5px; margin: 0 5px;
} }
} }
@ -111,14 +111,14 @@
#compose-lock-icon { #compose-lock-icon {
position: relative; position: relative;
left: 5px; left: 5px;
width: 0px; width: 0;
} }
.message_header { .message_header {
background: none; background: none;
background-color: hsl(0, 0%, 92%); background-color: hsl(0, 0%, 92%);
border: none; border: none;
border-radius: 0px; border-radius: 0;
box-shadow: none !important; box-shadow: none !important;
} }
@ -135,19 +135,19 @@
} }
#send_message_form { #send_message_form {
margin: 0px; margin: 0;
.messagebox { .messagebox {
/* normally 5px 14px; pull in the right and bottom a bit */ /* normally 5px 14px; pull in the right and bottom a bit */
cursor: default; cursor: default;
padding: 0px; padding: 0;
background: none; background: none;
box-shadow: none; box-shadow: none;
border: none; border: none;
} }
.message_content { .message_content {
margin-right: 0px; margin-right: 0;
} }
} }
@ -158,8 +158,8 @@
#compose { #compose {
position: fixed; position: fixed;
bottom: 0px; bottom: 0;
left: 0px; left: 0;
z-index: 2; z-index: 2;
width: 100%; width: 100%;
@ -176,7 +176,7 @@
#compose_close { #compose_close {
display: none; display: none;
position: absolute; position: absolute;
right: 0px; right: 0;
} }
#compose_invite_users, #compose_invite_users,
@ -190,7 +190,7 @@
.compose-all-everyone, .compose-all-everyone,
.compose-announce, .compose-announce,
.compose_not_subscribed { .compose_not_subscribed {
padding: 4px 0px 4px 0px; padding: 4px 0 4px 0;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
@ -219,7 +219,7 @@
.compose_invite_user p, .compose_invite_user p,
.compose_not_subscribed p { .compose_not_subscribed p {
margin: 0px; margin: 0;
display: inline-block; display: inline-block;
max-width: calc(100% - 100px); max-width: calc(100% - 100px);
} }
@ -301,7 +301,7 @@ textarea.new_message_textarea {
padding: 5px; padding: 5px;
height: 1.5em; height: 1.5em;
max-height: 22em; max-height: 22em;
margin-bottom: 0px; margin-bottom: 0;
resize: vertical !important; resize: vertical !important;
margin-top: 5px; margin-top: 5px;
} }
@ -319,15 +319,15 @@ textarea.new_message_textarea,
} }
input.recipient_box { input.recipient_box {
margin: 0px; margin: 0;
height: 1.1em; height: 1.1em;
border-radius: 3px; border-radius: 3px;
} }
#stream_message_recipient_stream.recipient_box { #stream_message_recipient_stream.recipient_box {
width: 20%; width: 20%;
border-radius: 0px 3px 3px 0px; border-radius: 0 3px 3px 0;
border-left: 0px; border-left: 0;
min-width: 120px; min-width: 120px;
&:focus { &:focus {
@ -370,8 +370,7 @@ input.recipient_box {
color: hsl(0, 0%, 100%); color: hsl(0, 0%, 100%);
&:focus { &:focus {
box-shadow: 0px 0px 10px hsl(170, 48%, 54%), box-shadow: 0 0 10px hsl(170, 48%, 54%), 0 0 5px hsl(170, 48%, 54%);
0px 0px 5px hsl(170, 48%, 54%);
} }
} }
} }

View File

@ -3,7 +3,7 @@
height: 95%; height: 95%;
background-color: hsl(0, 0%, 100%); background-color: hsl(0, 0%, 100%);
border-radius: 4px; border-radius: 4px;
padding: 0px; padding: 0;
width: 58%; width: 58%;
overflow: hidden; overflow: hidden;
max-width: 1200px; max-width: 1200px;
@ -105,7 +105,7 @@
line-height: 1; line-height: 1;
padding-top: 10px; padding-top: 10px;
padding-bottom: 10px; padding-bottom: 10px;
margin-left: 0px; margin-left: 0;
} }
.draft_controls { .draft_controls {
@ -116,7 +116,7 @@
font-size: 0.9em; font-size: 0.9em;
@media (max-width: 500px) { @media (max-width: 500px) {
right: 0px; right: 0;
} }
.restore-draft { .restore-draft {

View File

@ -63,7 +63,7 @@
0%, 0%,
15%, 15%,
100% { 100% {
transform: translateY(0px); transform: translateY(0);
} }
7.5% { 7.5% {

View File

@ -2,7 +2,7 @@
.image_upload_widget { .image_upload_widget {
position: relative; position: relative;
border-radius: 5px; 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; transition: all 0.3s ease;
@ -106,7 +106,7 @@
position: relative; position: relative;
.inline-block { .inline-block {
margin: 5px 20px 0px 0px; margin: 5px 20px 0 0;
vertical-align: top; vertical-align: top;
border-radius: 4px; border-radius: 4px;
} }
@ -116,7 +116,7 @@
#user-avatar-upload-widget { #user-avatar-upload-widget {
.image_upload_button { .image_upload_button {
border-radius: 5px; 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; z-index: 99;
} }
@ -143,10 +143,10 @@
.image-block { .image-block {
border-radius: 5px; 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; width: 200px;
height: 200px; height: 200px;
top: 0px; top: 0;
} }
} }
@ -164,7 +164,7 @@
width: 100px; width: 100px;
height: 100px; height: 100px;
border-radius: 5px; 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 { .image-delete-text {
top: 40px; top: 40px;
@ -196,7 +196,7 @@
width: 220px; width: 220px;
height: 55px; height: 55px;
text-align: center; text-align: center;
margin: 0px 80px 0px 20px; margin: 0 80px 0 20px;
.image-upload-text, .image-upload-text,
.image-delete-text { .image-delete-text {

View File

@ -13,7 +13,7 @@
} }
.overlay-tabs { .overlay-tabs {
padding: 10px 0px; padding: 10px 0;
border-bottom: 1px solid hsla(0, 0%, 0%, 0.2); border-bottom: 1px solid hsla(0, 0%, 0%, 0.2);
.tab-switcher { .tab-switcher {

View File

@ -56,7 +56,7 @@
cursor: not-allowed; cursor: not-allowed;
border: none; border: none;
background-color: transparent; background-color: transparent;
padding: 0px; padding: 0;
.pill { .pill {
padding-right: 4px; padding-right: 4px;
@ -93,7 +93,7 @@
} }
.pm_recipient .pill-container { .pm_recipient .pill-container {
padding: 0px 2px; padding: 0 2px;
border: none; border: none;
flex-grow: 1; flex-grow: 1;
align-content: center; align-content: center;

View File

@ -85,15 +85,15 @@ li.show-more-topics {
li { li {
a { a {
padding: 1px 0px; padding: 1px 0;
} }
ul { ul {
margin-left: 0px; margin-left: 0;
&.topic-list li { &.topic-list li {
padding-top: 2px; padding-top: 2px;
padding-right: 0px; padding-right: 0;
padding-bottom: 2px; padding-bottom: 2px;
padding-left: $topic_indent; padding-left: $topic_indent;
} }
@ -105,7 +105,7 @@ li.show-more-topics {
} }
.subscription_block { .subscription_block {
padding: 0px; padding: 0;
margin-right: 25px; margin-right: 25px;
margin-left: $far_left_gutter_size; margin-left: $far_left_gutter_size;
display: flex; display: flex;
@ -187,7 +187,7 @@ li.show-more-topics {
ul.filters { ul.filters {
list-style-type: none; list-style-type: none;
margin-left: 0px; margin-left: 0;
a { a {
color: inherit; color: inherit;
@ -317,7 +317,7 @@ li.top_left_recent_topics {
.top_left_starred_messages .count { .top_left_starred_messages .count {
background-color: transparent; background-color: transparent;
color: inherit; color: inherit;
padding: 2px 1px 0px 3px; padding: 2px 1px 0 3px;
border-color: hsl(105, 2%, 50%); border-color: hsl(105, 2%, 50%);
} }
@ -389,10 +389,10 @@ li.top_left_recent_topics {
.starred-messages-sidebar-menu-icon, .starred-messages-sidebar-menu-icon,
.stream-sidebar-menu-icon { .stream-sidebar-menu-icon {
top: 1px; top: 1px;
right: 0px; right: 0;
font-size: 1em; font-size: 1em;
text-align: center; 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. which also affects it positioning.
*/ */
.topic-sidebar-menu-icon { .topic-sidebar-menu-icon {
top: 0px; top: 0;
right: 0px; right: 0;
font-size: 0.9em; font-size: 0.9em;
text-align: center; 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; list-style-type: none;
font-size: 13px; font-size: 13px;
font-weight: 400; font-weight: 400;
margin-left: 0px; margin-left: 0;
padding-bottom: 2px; padding-bottom: 2px;
margin-top: 3px; margin-top: 3px;
} }
@ -446,7 +446,7 @@ li.expanded_private_message {
padding-bottom: 1px; padding-bottom: 1px;
a { a {
margin: 1px 0px; margin: 1px 0;
} }
} }
@ -475,11 +475,11 @@ li.expanded_private_message {
.user_circle { .user_circle {
min-width: 8px; min-width: 8px;
height: 8px; height: 8px;
margin-top: 0px; margin-top: 0;
margin-bottom: 0px; margin-bottom: 0;
margin-left: 2px; margin-left: 2px;
position: relative; position: relative;
top: 0px; top: 0;
} }
} }
@ -511,7 +511,7 @@ li.expanded_private_message {
} }
#streams_header { #streams_header {
margin-right: 0px; margin-right: 0;
padding-left: $far_left_gutter_size; padding-left: $far_left_gutter_size;
cursor: pointer; cursor: pointer;
margin-top: 3px; margin-top: 3px;

View File

@ -8,7 +8,7 @@
position: relative; position: relative;
width: 100%; width: 100%;
height: calc(100% - 65px - 95px); height: calc(100% - 65px - 95px);
margin: 0px; margin: 0;
background-size: contain; background-size: contain;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -30,7 +30,7 @@
background-size: 20px 20px; 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 { canvas {
@ -43,7 +43,7 @@
color: hsla(0, 0%, 100%, 0.8); color: hsla(0, 0%, 100%, 0.8);
font-size: 2rem; font-size: 2rem;
margin: 24px 20px 0px 0px; margin: 24px 20px 0 0;
transform: scaleY(0.75); transform: scaleY(0.75);
font-weight: 300; font-weight: 300;
@ -78,9 +78,9 @@
min-width: 75px; min-width: 75px;
margin: 0px; margin: 0;
margin-right: 5px; margin-right: 5px;
padding: 0px 5px; padding: 0 5px;
border-radius: 4px; border-radius: 4px;
@ -130,7 +130,7 @@
border-radius: 4px; border-radius: 4px;
text-decoration: none; text-decoration: none;
display: inline-block; display: inline-block;
margin: 0px 5px; margin: 0 5px;
&:hover { &:hover {
background-color: hsl(0, 0%, 100%); background-color: hsl(0, 0%, 100%);
@ -223,9 +223,9 @@
.image-list { .image-list {
position: relative; position: relative;
display: inline-block; display: inline-block;
padding: 15px 0px 12px 0px; padding: 15px 0 12px 0;
height: 50px; height: 50px;
font-size: 0px; font-size: 0;
max-width: 40vw; max-width: 40vw;
overflow: hidden; overflow: hidden;
@ -236,7 +236,7 @@
vertical-align: top; vertical-align: top;
width: 50px; width: 50px;
height: 50px; height: 50px;
margin: 0px 2px; margin: 0 2px;
background-color: hsla(0, 0%, 94%, 0.2); background-color: hsla(0, 0%, 94%, 0.2);
opacity: 0.5; opacity: 0.5;

View File

@ -15,7 +15,7 @@
} }
.messagebox-content { .messagebox-content {
padding: 0px 10px; padding: 0 10px;
} }
.message_edit_history_content { .message_edit_history_content {

View File

@ -286,7 +286,7 @@ on a dark background, and don't change the dark labels dark either. */
.dropdown-menu.typeahead, .dropdown-menu.typeahead,
#settings_page, #settings_page,
.informational-overlays .overlay-content { .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, .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.2) 0%,
hsla(0, 0%, 0%, 0.1) 100% 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) { .user-mention-me :not(.silent) {
background-color: hsla(355, 37%, 31%, 1); 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, .codehilite code,
@ -740,7 +740,7 @@ on a dark background, and don't change the dark labels dark either. */
time { time {
background: hsla(0, 0%, 0%, 0.2); 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 { .tip {
@ -803,8 +803,8 @@ on a dark background, and don't change the dark labels dark either. */
.code-context { .code-context {
color: hsl(314, 27%, 82%); color: hsl(314, 27%, 82%);
background-color: hsl(312, 7%, 14%); background-color: hsl(312, 7%, 14%);
box-shadow: inset 0px 11px 10px -10px hsl(0, 0%, 6%), box-shadow: inset 0 11px 10px -10px hsl(0, 0%, 6%),
inset 0px -11px 10px -10px hsl(0, 0%, 6%); inset 0 -11px 10px -10px hsl(0, 0%, 6%);
.line-number { .line-number {
color: hsl(318, 14%, 44%); 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 { .simplebar-track .simplebar-scrollbar::before {
background-color: hsl(0, 0%, 100%); 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 { .collapse-settings-btn:hover {

View File

@ -15,7 +15,7 @@
} }
.popover-content { .popover-content {
padding: 5px 0px; padding: 5px 0;
} }
.popover-title { .popover-title {
@ -101,7 +101,7 @@
} }
.popover_sub_unsub_button { .popover_sub_unsub_button {
margin-top: 0px; margin-top: 0;
float: none; float: none;
} }
} }
@ -221,7 +221,7 @@ ul {
.popover_user_presence { .popover_user_presence {
width: 8px; width: 8px;
height: 8px; height: 8px;
margin: 0px 5px; margin: 0 5px;
display: inline-block; display: inline-block;
float: initial; float: initial;
position: relative; position: relative;
@ -358,14 +358,14 @@ ul {
align-items: center; align-items: center;
/* these are to override JS embedded inline styles. */ /* these are to override JS embedded inline styles. */
top: 0px !important; top: 0 !important;
left: 0px !important; left: 0 !important;
margin: 0 !important; margin: 0 !important;
width: 100%; width: 100%;
height: 100%; height: 100%;
background-color: hsla(0, 0%, 0%, 0.7); background-color: hsla(0, 0%, 0%, 0.7);
border-radius: 0px; border-radius: 0;
border: none; border: none;
pointer-events: none; pointer-events: none;
@ -415,7 +415,7 @@ ul {
.user_info_status_text { .user_info_status_text {
opacity: 0.8; opacity: 0.8;
padding: 2px 0px 3px 0px; padding: 2px 0 3px 0;
} }
#topic_stream_edit_form_error { #topic_stream_edit_form_error {
@ -429,8 +429,8 @@ ul {
justify-content: flex-start; justify-content: flex-start;
#select_stream_id { #select_stream_id {
border-left: 0px; border-left: 0;
padding-left: 0px; padding-left: 0;
border-radius: 3px; border-radius: 3px;
margin: 0 5px 5px -10px; margin: 0 5px 5px -10px;
text-indent: 10px; text-indent: 10px;

View File

@ -36,7 +36,7 @@ td.number {
.summary-table { .summary-table {
width: auto; width: auto;
margin: 0px auto; margin: 0 auto;
} }
tr.admin td:first-child { tr.admin td:first-child {

View File

@ -5,7 +5,7 @@ body {
} }
.header { .header {
padding: 5px 0px 5px 15px; padding: 5px 0 5px 15px;
line-height: 10px; line-height: 10px;
} }

View File

@ -124,7 +124,7 @@
hsl(191, 56%, 55%), hsl(191, 56%, 55%),
hsl(169, 65%, 42%) 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; border: 0;
height: 40px; height: 40px;
margin: 5px 0 0 0; margin: 5px 0 0 0;
@ -139,7 +139,7 @@
.stripe-button-el:hover { .stripe-button-el:hover {
background-color: hsl(169, 65%, 42%); 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, .stripe-button-el:active,

View File

@ -26,7 +26,7 @@ $category-text: hsl(219, 23%, 33%);
margin: 0 auto; margin: 0 auto;
background-color: hsl(0, 0%, 100%); 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; visibility: hidden;
@ -125,14 +125,14 @@ $category-text: hsl(219, 23%, 33%);
position: relative; position: relative;
input { 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-size: 1em;
font-family: inherit; font-family: inherit;
width: 500px; width: 500px;
height: 45px; height: 45px;
padding: 0px 20px 0px 50px; padding: 0 20px 0 50px;
border-radius: 40px; border-radius: 40px;
border: 1px solid $light-blue-border; border: 1px solid $light-blue-border;
display: block; display: block;
@ -178,7 +178,7 @@ $category-text: hsl(219, 23%, 33%);
.integration-categories-sidebar { .integration-categories-sidebar {
float: left; float: left;
width: 200px; width: 200px;
padding: 0 30px 0 0px; padding: 0 30px 0 0;
margin: 0; margin: 0;
&.sticky { &.sticky {
@ -192,7 +192,7 @@ $category-text: hsl(219, 23%, 33%);
h3 { h3 {
font-weight: 400; font-weight: 400;
font-size: 1.1em; font-size: 1.1em;
margin: 0px; margin: 0;
} }
h4 { h4 {

View File

@ -17,7 +17,7 @@ body {
h1, h1,
h2, h2,
h3 { h3 {
margin: 10px 0px; margin: 10px 0;
font-weight: 300; font-weight: 300;
line-height: 1.2; line-height: 1.2;
@ -32,7 +32,7 @@ h2 {
} }
p { p {
margin: 10px 0px; margin: 10px 0;
font-weight: normal; font-weight: normal;
line-height: 1.5; line-height: 1.5;
} }
@ -108,7 +108,7 @@ ol a:hover {
} }
.box-shadow { .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 { .grey {
@ -360,7 +360,7 @@ nav {
.portico-landing.features-app { .portico-landing.features-app {
position: relative; position: relative;
overflow-x: hidden; overflow-x: hidden;
padding-top: 0px; padding-top: 0;
z-index: 2; z-index: 2;
@ -371,7 +371,7 @@ nav {
flex-flow: row wrap; flex-flow: row wrap;
justify-content: space-around; justify-content: space-around;
margin: 40px auto; margin: 40px auto;
padding: 0px 30px; padding: 0 30px;
color: hsl(219, 21%, 21%); color: hsl(219, 21%, 21%);
&.hero { &.hero {
@ -425,14 +425,14 @@ nav {
max-width: none; max-width: none;
padding: 50px; padding: 50px;
/* this should only be a thing if the section above is not white */ /* 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%); background-color: hsl(219, 21%, 21%);
color: hsl(219, 76%, 93%); color: hsl(219, 76%, 93%);
img { img {
&.overflow-wave { &.overflow-wave {
width: 685px; width: 685px;
right: 0px; right: 0;
top: -168px; top: -168px;
position: absolute; position: absolute;
} }
@ -467,11 +467,11 @@ nav {
align-items: center; align-items: center;
margin: 50px auto; margin: 50px auto;
padding: 0px 50px; padding: 0 50px;
.image { .image {
width: calc(100% - 500px - 100px); width: calc(100% - 500px - 100px);
margin: 50px 0px 50px 50px; margin: 50px 0 50px 50px;
max-width: 500px; max-width: 500px;
} }
@ -484,7 +484,7 @@ nav {
.feature-block { .feature-block {
display: block; display: block;
margin: 30px 0px; margin: 30px 0;
} }
} }
} }
@ -514,7 +514,7 @@ nav {
position: relative; position: relative;
margin-bottom: 120px; margin-bottom: 120px;
top: -0px; top: 0;
} }
.feature-list { .feature-list {
@ -524,14 +524,14 @@ nav {
vertical-align: top; vertical-align: top;
text-align: left; text-align: left;
margin: 35px 0px 0px 20px; margin: 35px 0 0 20px;
z-index: 1; z-index: 1;
h3 { h3 {
position: relative; position: relative;
margin: 15px 0px 15px 50px; margin: 15px 0 15px 50px;
font-size: 1.2em; font-size: 1.2em;
font-weight: 400; font-weight: 400;
@ -544,7 +544,7 @@ nav {
position: absolute; position: absolute;
left: -35px; left: -35px;
top: 0px; top: 0;
width: 20px; width: 20px;
height: 20px; height: 20px;
@ -585,7 +585,7 @@ nav {
.headliner { .headliner {
.feature-block { .feature-block {
margin: 0px 10px; margin: 0 10px;
width: calc(100% - 250px - 20px); width: calc(100% - 250px - 20px);
} }
} }
@ -593,7 +593,7 @@ nav {
h2 { h2 {
font-size: 2.5em; font-size: 2.5em;
text-align: center; text-align: center;
margin: 0px 10px; margin: 0 10px;
line-height: 1.6; line-height: 1.6;
flex: 1 0 100%; flex: 1 0 100%;
} }
@ -607,11 +607,11 @@ nav {
a { a {
&.feature-block { &.feature-block {
&:hover { &:hover {
box-shadow: 0px 3px 10px hsl(0, 0%, 75%); box-shadow: 0 3px 10px hsl(0, 0%, 75%);
} }
&:active { &: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-size: 3em;
font-weight: 400; 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 { p {
margin: 30px 0px; margin: 30px 0;
font-size: 1.5em; font-size: 1.5em;
font-weight: 300; font-weight: 300;
line-height: 1.4; line-height: 1.4;
text-shadow: 0px 0px 5px hsla(164, 74%, 15%, 0.3), text-shadow: 0 0 5px hsla(164, 74%, 15%, 0.3),
0px 0px 20px hsla(0, 0%, 100%, 0.2); 0 0 20px hsla(0, 0%, 100%, 0.2);
} }
a { a {
display: block; display: block;
margin: 20px auto 0px auto; margin: 20px auto 0 auto;
text-align: center; text-align: center;
} }
button { button {
margin-top: 0px; margin-top: 0;
padding: 12px 20px; padding: 12px 20px;
background-color: hsl(0, 0%, 100%); background-color: hsl(0, 0%, 100%);
@ -758,16 +758,16 @@ nav {
font-weight: 500; font-weight: 500;
color: hsl(148, 23%, 51%); 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; transition: all 0.2s ease;
&:hover { &:hover {
box-shadow: 0px 3px 10px hsla(0, 0%, 100%, 0.2); box-shadow: 0 3px 10px hsla(0, 0%, 100%, 0.2);
} }
&:active { &: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%); color: hsl(0, 0%, 100%);
.text-header .text-content h1 { .text-header .text-content h1 {
margin-top: 0px; margin-top: 0;
} }
.padded-content { .padded-content {
@ -927,7 +927,7 @@ nav {
th { th {
font-weight: 600; font-weight: 600;
padding: 15px 0px; padding: 15px 0;
color: hsl(0, 0%, 100%); color: hsl(0, 0%, 100%);
@ -942,7 +942,7 @@ nav {
border-bottom: 1px solid hsla(360, 0%, 100%, 0.03); border-bottom: 1px solid hsla(360, 0%, 100%, 0.03);
td { td {
padding: 10px 0px; padding: 10px 0;
&.no { &.no {
text-align: center; text-align: center;
@ -1032,7 +1032,7 @@ nav {
} }
.answer { .answer {
margin: 20px 0px 0px 0px; margin: 20px 0 0 0;
font-weight: 400; font-weight: 400;
} }
} }
@ -1047,7 +1047,7 @@ nav {
.line { .line {
width: 100%; width: 100%;
height: 6px; height: 6px;
margin: 8px 0px; margin: 8px 0;
background-color: hsl(0, 0%, 93%); background-color: hsl(0, 0%, 93%);
border-radius: 3px; border-radius: 3px;
@ -1099,7 +1099,7 @@ nav {
margin: 20px; margin: 20px;
.sub-block { .sub-block {
margin: 0px 10px; margin: 0 10px;
} }
} }
@ -1119,7 +1119,7 @@ nav {
vertical-align: top; vertical-align: top;
width: 50px; width: 50px;
margin-top: 0px; margin-top: 0;
background-color: hsl(0, 0%, 73%); background-color: hsl(0, 0%, 73%);
} }
@ -1152,20 +1152,20 @@ nav {
} }
.stream { .stream {
padding: 3px 5px 0px 5px; padding: 3px 5px 0 5px;
margin: 0px 5px; margin: 0 5px;
background-color: hsl(0, 0%, 100%); background-color: hsl(0, 0%, 100%);
border-radius: 4px; 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 { .portico-landing.hello .screen {
position: relative; position: relative;
margin: -300px auto 0px auto; margin: -300px auto 0 auto;
width: 600px; width: 600px;
height: 350px; height: 350px;
@ -1173,7 +1173,7 @@ nav {
padding: 10px 30px 10px 30px; padding: 10px 30px 10px 30px;
border-radius: 12px; 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%); background-color: hsl(0, 0%, 27%);
@ -1242,7 +1242,7 @@ nav {
} }
.portico-landing.hello .features { .portico-landing.hello .features {
padding: 50px 0px 100px 0px; padding: 50px 0 100px 0;
background-color: hsl(0, 0%, 100%); background-color: hsl(0, 0%, 100%);
@ -1279,12 +1279,12 @@ nav {
background-color: hsl(217, 22%, 93%); background-color: hsl(217, 22%, 93%);
.flex { .flex {
min-height: 0px; min-height: 0;
padding: 50px 0px; padding: 50px 0;
} }
img { img {
margin: 0px 2%; margin: 0 2%;
width: 28%; width: 28%;
max-width: 500px; max-width: 500px;
display: inline-block; display: inline-block;
@ -1358,7 +1358,7 @@ nav {
hsla(220, 20%, 97%, 0.9) hsla(220, 20%, 97%, 0.9)
); );
border-radius: 12px; 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; position: relative;
} }
@ -1368,7 +1368,7 @@ nav {
font-weight: 400; font-weight: 400;
color: hsl(0, 0%, 100%); color: hsl(0, 0%, 100%);
background: linear-gradient(145deg, hsl(191, 56%, 55%), hsl(169, 65%, 42%)); 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; border: 0;
position: absolute; position: absolute;
left: 50%; left: 50%;
@ -1381,7 +1381,7 @@ nav {
&:hover { &:hover {
background-color: hsl(169, 65%, 42%); 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%); color: hsl(0, 0%, 100%);
background: linear-gradient(145deg, hsl(191, 56%, 55%), hsl(169, 65%, 42%)); 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; border-radius: 4px;
&:hover { &:hover {
background-color: hsl(169, 65%, 42%); 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 { .portico-landing .testimonials blockquote {
padding: 0px; padding: 0;
font-weight: 400; font-weight: 400;
line-height: 1.6; line-height: 1.6;
@ -1854,8 +1854,8 @@ nav {
.portico-landing.hello .apps .triangle { .portico-landing.hello .apps .triangle {
position: absolute; position: absolute;
top: 0px; top: 0;
left: 0px; left: 0;
width: 0; width: 0;
height: 0; height: 0;
border-style: solid; border-style: solid;
@ -1903,7 +1903,7 @@ nav {
.portico-landing.hello .apps .left-side .platform-icons .group { .portico-landing.hello .apps .left-side .platform-icons .group {
display: inline-block; display: inline-block;
vertical-align: top; vertical-align: top;
margin: 0px 30px; margin: 0 30px;
text-align: center; text-align: center;
} }
@ -1979,8 +1979,8 @@ nav {
.portico-landing.hello .call-to-action-bottom { .portico-landing.hello .call-to-action-bottom {
position: relative; position: relative;
padding: 100px 100px 0px 100px; padding: 100px 100px 0 100px;
margin-top: 0px; margin-top: 0;
} }
.portico-landing.hello .call-to-action-bottom .button { .portico-landing.hello .call-to-action-bottom .button {
@ -2027,7 +2027,7 @@ nav {
/* -- apps page -- */ /* -- apps page -- */
.portico-landing.apps { .portico-landing.apps {
padding-top: 0px; padding-top: 0;
} }
.portico-landing.apps .main, .portico-landing.apps .main,
@ -2054,8 +2054,8 @@ nav {
.portico-landing.apps .hero h1 { .portico-landing.apps .hero h1 {
font-size: 3em; font-size: 3em;
margin-bottom: 0px; margin-bottom: 0;
margin-top: 0px; margin-top: 0;
} }
.portico-landing.apps .hero #waves { .portico-landing.apps .hero #waves {
@ -2082,11 +2082,11 @@ nav {
} }
.portico-landing.apps .hero .image img { .portico-landing.apps .hero .image img {
border-radius: 4px 4px 0px 0px; border-radius: 4px 4px 0 0;
} }
.portico-landing.apps .hero .info .cta { .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; max-width: 600px;
} }
@ -2111,7 +2111,7 @@ nav {
.portico-landing.apps .hero .info .flex, .portico-landing.apps .hero .info .flex,
.portico-landing.apps .hero .image .flex { .portico-landing.apps .hero .image .flex {
height: 500px; height: 500px;
min-height: 0px; min-height: 0;
} }
.portico-landing.apps .hero .info .flex { .portico-landing.apps .hero .info .flex {
@ -2142,7 +2142,7 @@ nav {
.portico-landing.apps .other-apps .apps { .portico-landing.apps .other-apps .apps {
display: inline-block; display: inline-block;
margin: 50px 0px 0px 0px; margin: 50px 0 0 0;
} }
.portico-landing.apps .other-apps .apps .icon { .portico-landing.apps .other-apps .apps .icon {
@ -2196,7 +2196,7 @@ nav {
/* -- /for/open-source/ -- */ /* -- /for/open-source/ -- */
.portico-landing.why-page { .portico-landing.why-page {
padding-top: 0px; padding-top: 0;
color: hsl(223, 6%, 25%); color: hsl(223, 6%, 25%);
} }
@ -2216,7 +2216,7 @@ nav {
} }
.portico-landing.why-page .hero h1 { .portico-landing.why-page .hero h1 {
margin: 0px 0px 20px 0px; margin: 0 0 20px 0;
font-size: 3.5em; font-size: 3.5em;
font-weight: 300; font-weight: 300;
@ -2380,7 +2380,7 @@ nav {
} }
.portico-landing.why-page .testimonials blockquote { .portico-landing.why-page .testimonials blockquote {
padding: 0px; padding: 0;
font-weight: 400; font-weight: 400;
line-height: 1.6; line-height: 1.6;
@ -2393,14 +2393,14 @@ nav {
/* -- hello page styling -- */ /* -- hello page styling -- */
.portico-landing.hello .apps .screen { .portico-landing.hello .apps .screen {
display: inline-block; display: inline-block;
margin: 0px 10px; margin: 0 10px;
text-align: left; text-align: left;
} }
.portico-landing.hello .apps .screen.ios { .portico-landing.hello .apps .screen.ios {
width: 200px; width: 200px;
height: 350px; height: 350px;
padding: 30px 0px; padding: 30px 0;
border-radius: 20px; border-radius: 20px;
transform: translateY(50px); transform: translateY(50px);
@ -2411,7 +2411,7 @@ nav {
.portico-landing.hello .apps .screen.android { .portico-landing.hello .apps .screen.android {
width: 200px; width: 200px;
height: 370px; height: 370px;
padding: 10px 0px 30px 0px; padding: 10px 0 30px 0;
border-radius: 20px; border-radius: 20px;
transform: translateY(-110px); transform: translateY(-110px);
@ -2535,7 +2535,7 @@ nav {
.portico-landing.plans .main .padded-content > h1 { .portico-landing.plans .main .padded-content > h1 {
text-align: center; text-align: center;
font-size: 2.5em; font-size: 2.5em;
margin: 0px; margin: 0;
color: hsl(0, 0%, 100%); color: hsl(0, 0%, 100%);
} }
@ -2573,11 +2573,11 @@ nav {
position: relative; position: relative;
display: inline-block; display: inline-block;
vertical-align: bottom; vertical-align: bottom;
margin: 0px; margin: 0;
width: 300px; width: 300px;
height: 500px; 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; text-align: left;
background-color: hsl(0, 0%, 100%); background-color: hsl(0, 0%, 100%);
@ -2592,13 +2592,13 @@ nav {
} }
.pricing-model .padded-content .text-header .text-content h1 { .pricing-model .padded-content .text-header .text-content h1 {
margin-top: 0px; margin-top: 0;
} }
.pricing-model .pricing-container .text-content h2 { .pricing-model .pricing-container .text-content h2 {
font-size: 1.5em; font-size: 1.5em;
font-weight: 400; font-weight: 400;
margin-bottom: 0px; margin-bottom: 0;
text-align: left; text-align: left;
} }
@ -2606,7 +2606,7 @@ nav {
.pricing-model .pricing-container hr { .pricing-model .pricing-container hr {
border: none; border: none;
border-bottom: 2px solid hsl(170, 47%, 53%); 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 { .pricing-model .pricing-container .text-content .description {
@ -2617,13 +2617,13 @@ nav {
.pricing-model .pricing-container ul.feature-list { .pricing-model .pricing-container ul.feature-list {
list-style: none; list-style: none;
padding: 0px; padding: 0;
margin: 0px; margin: 0;
} }
.pricing-model .pricing-container ul.feature-list li { .pricing-model .pricing-container ul.feature-list li {
position: relative; position: relative;
padding: 10px 0px 10px 25px; padding: 10px 0 10px 25px;
font-size: 0.9em; font-size: 0.9em;
font-weight: 500; font-weight: 500;
@ -2647,7 +2647,7 @@ nav {
.pricing-model .pricing-container .bottom { .pricing-model .pricing-container .bottom {
position: absolute; position: absolute;
bottom: 0px; bottom: 0;
width: 100%; width: 100%;
height: 150px; height: 150px;
@ -2703,7 +2703,7 @@ nav {
} }
.pricing-model .pricing-container .price-box:focus .button { .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; animation: box-shadow-pulse 2s infinite;
} }
@ -2725,7 +2725,7 @@ nav {
.pricing-overlay.pricing-model { .pricing-overlay.pricing-model {
position: fixed; position: fixed;
top: -140px; top: -140px;
left: 0px; left: 0;
width: 100vw; width: 100vw;
height: 100vh; height: 100vh;
@ -2783,7 +2783,7 @@ nav {
} }
.pricing-overlay.pricing-model .info-box .text-content h1 { .pricing-overlay.pricing-model .info-box .text-content h1 {
margin-top: 0px; margin-top: 0;
} }
.pricing-overlay.pricing-model .info-box .text-content p { .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 { .pricing-overlay.pricing-model .info-box .text-content .feature-detail-box {
position: absolute; position: absolute;
width: 100%; width: 100%;
bottom: 0px; bottom: 0;
text-align: center; text-align: center;
} }
@ -2810,7 +2810,7 @@ nav {
} }
.text-content .pricing-details { .text-content .pricing-details {
padding: 15px 0px 15px 0px; padding: 15px 0 15px 0;
height: 25px; height: 25px;
font-weight: 400; font-weight: 400;
@ -2852,15 +2852,15 @@ nav {
@keyframes box-shadow-pulse { @keyframes box-shadow-pulse {
0% { 0% {
box-shadow: 0px 0px 0px hsla(170, 47%, 60%, 1); box-shadow: 0 0 0 hsla(170, 47%, 60%, 1);
} }
50% { 50% {
box-shadow: 0px 0px 25px hsla(170, 47%, 60%, 0.8); box-shadow: 0 0 25px hsla(170, 47%, 60%, 0.8);
} }
100% { 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 { .portico-landing.apps .main .details-container .details-box h1 {
margin-top: 0px; margin-top: 0;
padding-top: 20px; padding-top: 20px;
} }
@ -2951,11 +2951,11 @@ nav {
.portico-landing.hello .integrations .integration-icons { .portico-landing.hello .integrations .integration-icons {
max-width: 600px; max-width: 600px;
margin: 0px auto; margin: 0 auto;
} }
.portico-landing.hello .apps .left-side .content { .portico-landing.hello .apps .left-side .content {
margin: 0px auto 50px; margin: 0 auto 50px;
} }
.portico-landing .testimonials .company-box .company { .portico-landing .testimonials .company-box .company {
@ -3122,7 +3122,7 @@ nav {
.screen.hero-screen .line { .screen.hero-screen .line {
height: 4px; height: 4px;
margin: 4px 0px; margin: 4px 0;
} }
.screen .message-feed .message .content { .screen .message-feed .message .content {
@ -3292,7 +3292,7 @@ nav {
.portico-landing.why-page .main { .portico-landing.why-page .main {
width: auto; width: auto;
margin: 0px; margin: 0;
} }
.portico-landing.why-page .hero { .portico-landing.why-page .hero {
@ -3353,7 +3353,7 @@ nav {
.portico-landing.features-app { .portico-landing.features-app {
section { section {
padding: 0px 20px; padding: 0 20px;
&.hero { &.hero {
padding: 50px; padding: 50px;
@ -3390,7 +3390,7 @@ nav {
.portico-landing.apps .hero .info .flex, .portico-landing.apps .hero .info .flex,
.portico-landing.apps .hero .image .flex { .portico-landing.apps .hero .image .flex {
height: 200px; height: 200px;
min-height: 0px; min-height: 0;
width: 100%; width: 100%;
} }
@ -3404,10 +3404,10 @@ nav {
} }
.portico-landing.apps .other-apps .apps .icon { .portico-landing.apps .other-apps .apps .icon {
padding: 0px 14px; padding: 0 14px;
width: 30px; width: 30px;
padding-top: 8px; padding-top: 8px;
padding-bottom: 0px; padding-bottom: 0;
font-size: 2.3em; font-size: 2.3em;
} }
@ -3471,7 +3471,7 @@ nav {
} }
ul { ul {
margin-top: 0px; margin-top: 0;
text-align: left; text-align: left;
position: fixed; position: fixed;
@ -3483,14 +3483,14 @@ nav {
padding-left: 30px; padding-left: 30px;
background-color: hsl(0, 0%, 100%); 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; transition: all 0.5s ease;
&.show { &.show {
transform: translate(0px, 0px); transform: translate(0, 0);
} }
.exit { .exit {
@ -3636,7 +3636,7 @@ nav {
} }
&.messages { &.messages {
padding: 0px 20px; padding: 0 20px;
h2 { h2 {
font-size: 2em; font-size: 2em;
@ -3644,7 +3644,7 @@ nav {
.features { .features {
.feature-block { .feature-block {
margin: 20px 0px; margin: 20px 0;
} }
} }
} }
@ -3713,7 +3713,7 @@ nav {
height: auto; height: auto;
max-width: 300px; max-width: 300px;
width: auto; width: auto;
margin: 10px 0px; margin: 10px 0;
} }
.pricing-model .pricing-container .text-content { .pricing-model .pricing-container .text-content {

View File

@ -39,7 +39,7 @@
&#zulip-administration { &#zulip-administration {
font-size: 1.75em; font-size: 1.75em;
padding: 10px 0; padding: 10px 0;
margin-bottom: 0px; margin-bottom: 0;
line-height: 100%; line-height: 100%;
} }
} }
@ -47,7 +47,7 @@
h2 { h2 {
font-size: 1.5em; font-size: 1.5em;
line-height: 1.25; line-height: 1.25;
margin: 20px 0px 5px 0px; margin: 20px 0 5px 0;
} }
h3 { h3 {
@ -143,15 +143,15 @@
} }
@media (max-width: 500px) { @media (max-width: 500px) {
margin-left: 0px; margin-left: 0;
} }
} }
ul { ul {
margin: 0px 10px 15px 25px; margin: 0 10px 15px 25px;
& > li { & > li {
margin: 5px 0px; margin: 5px 0;
::before { ::before {
content: none; content: none;
@ -169,7 +169,7 @@
} }
i.zulip-icon { i.zulip-icon {
margin: 0px 2px 2px 2px; margin: 0 2px 2px 2px;
vertical-align: middle; vertical-align: middle;
} }
@ -189,7 +189,7 @@
img { img {
vertical-align: top; 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: 1px solid hsl(0, 0%, 87%);
border-radius: 4px; border-radius: 4px;
@ -221,7 +221,7 @@
border: 1px solid hsl(210, 22%, 90%); border: 1px solid hsl(210, 22%, 90%);
border-radius: 4px; border-radius: 4px;
padding: 10px; padding: 10px;
margin: 5px 0px; margin: 5px 0;
p { p {
margin-bottom: 0; margin-bottom: 0;
@ -302,7 +302,7 @@
unicode-bidi: embed; unicode-bidi: embed;
direction: ltr; direction: ltr;
white-space: initial; white-space: initial;
padding: 0px; padding: 0;
padding-right: 4px; padding-right: 4px;
background-color: hsl(0, 0%, 100%); background-color: hsl(0, 0%, 100%);
} }
@ -335,7 +335,7 @@
border: 1px solid hsl(0, 0%, 87%); border: 1px solid hsl(0, 0%, 87%);
border-bottom: 1px solid hsl(0, 0%, 100%); 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 { &.has-tabs .blocks {
border-radius: 0px 6px 6px 6px; border-radius: 0 6px 6px 6px;
} }
&.no-tabs .blocks { &.no-tabs .blocks {

View File

@ -4,7 +4,7 @@ html {
.flex { .flex {
display: flex; display: flex;
padding: 80px 0px; padding: 80px 0;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@ -18,10 +18,10 @@ html {
.white-box { .white-box {
position: relative; position: relative;
padding: 30px; padding: 30px;
min-width: 0px; min-width: 0;
background-color: hsl(0, 0%, 100%); 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: 1px solid hsl(0, 0%, 87%);
border-radius: 4px; border-radius: 4px;
} }
@ -54,8 +54,8 @@ html {
.login-page-header { .login-page-header {
font-size: 1.5em; font-size: 1.5em;
font-weight: 300; font-weight: 300;
margin: 0px; margin: 0;
height: 0px; height: 0;
transform: translateX(-15px) translateY(-60px); transform: translateX(-15px) translateY(-60px);
text-align: left; text-align: left;
} }
@ -77,7 +77,7 @@ html {
display: inline-block; display: inline-block;
vertical-align: top; vertical-align: top;
margin: 0px 20px; margin: 0 20px;
} }
} }
@ -143,7 +143,7 @@ html {
} }
.group { .group {
margin: 0px 20px; margin: 0 20px;
display: inline-block; display: inline-block;
} }
@ -210,7 +210,7 @@ html {
.find-account-page-container h3, .find-account-page-container h3,
.forgot-password-container h3 { .forgot-password-container h3 {
margin-top: 0px; margin-top: 0;
font-weight: 300; font-weight: 300;
font-size: 2em; font-size: 2em;
@ -221,7 +221,7 @@ html {
h3, h3,
form { form {
margin-bottom: 0px; margin-bottom: 0;
} }
} }
@ -255,7 +255,7 @@ html {
margin-top: 10px; margin-top: 10px;
&:empty { &:empty {
margin-top: 0px; margin-top: 0;
} }
} }
@ -297,7 +297,7 @@ html {
font-weight: 400; font-weight: 400;
.pitch { .pitch {
margin-bottom: 0px; margin-bottom: 0;
} }
.alert.alert-info { .alert.alert-info {
@ -309,7 +309,7 @@ html {
} }
.white-box p:last-of-type { .white-box p:last-of-type {
margin-bottom: 0px; margin-bottom: 0;
} }
} }
@ -379,7 +379,7 @@ html {
} }
.form-inline { .form-inline {
margin: 0px; margin: 0;
} }
.get-started { .get-started {
@ -461,8 +461,8 @@ html {
input[type="text"]:valid + label, input[type="text"]:valid + label,
input[type="email"]:valid + label, input[type="email"]:valid + label,
input[type="password"]:valid + label { input[type="password"]:valid + label {
left: 0px; left: 0;
transform: translateY(-0px) translateX(0px); transform: translateY(0) translateX(0);
pointer-events: auto; pointer-events: auto;
font-size: 1rem; font-size: 1rem;
@ -472,7 +472,7 @@ html {
p.text-error { p.text-error {
display: block; display: block;
padding: 0px; padding: 0;
color: hsl(0, 54%, 61%); color: hsl(0, 54%, 61%);
font-size: 0.7em; font-size: 0.7em;
@ -492,12 +492,12 @@ html {
color: hsl(0, 54%, 61%); color: hsl(0, 54%, 61%);
font-size: 0.7em; font-size: 0.7em;
font-weight: 600; font-weight: 600;
padding-left: 0px; padding-left: 0;
} }
} }
.lead { .lead {
margin: 0px; margin: 0;
} }
.inline-block { .inline-block {
@ -583,7 +583,7 @@ html {
.info-box { .info-box {
display: inline-block; display: inline-block;
position: relative; position: relative;
margin: 20px 0px 0px 20px; margin: 20px 0 0 20px;
width: calc(100% - 125px); width: calc(100% - 125px);
/* full width minus the avatar + padding + borders */ /* full width minus the avatar + padding + borders */
@ -668,10 +668,9 @@ button.login-social-button {
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: 13px 50%; background-position: 13px 50%;
background-color: hsl(0, 0%, 100%); background-color: hsl(0, 0%, 100%);
box-shadow: 0px 1px 3px hsla(0, 0%, 0%, 0.3), box-shadow: 0 1px 3px hsla(0, 0%, 0%, 0.3), 0 0 5px hsla(0, 0%, 0%, 0.1);
0px 0px 5px hsla(0, 0%, 0%, 0.1); margin-left: 0;
margin-left: 0px; margin-top: 0;
margin-top: 0px;
color: hsl(0, 0%, 34%); color: hsl(0, 0%, 34%);
@ -682,7 +681,7 @@ button.login-social-button {
&:active { &:active {
background-color: hsl(0, 0%, 93%); 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, .login-page-container .right-side .actions,
.back-to-login-wrapper { .back-to-login-wrapper {
margin: 20px 0px 0px; margin: 20px 0 0;
text-align: left; text-align: left;
} }
@ -753,7 +752,7 @@ button#register_auth_button_gitlab {
} }
.info-box { .info-box {
margin: 10px 0px 0px 20px; margin: 10px 0 0 20px;
.organization-name { .organization-name {
max-width: 228px; max-width: 228px;
@ -805,7 +804,7 @@ button#register_auth_button_gitlab {
} }
#id_team_subdomain.subdomain { #id_team_subdomain.subdomain {
margin-top: 0px; margin-top: 0;
text-align: right; text-align: right;
position: relative; position: relative;
padding-right: 10px; padding-right: 10px;
@ -833,7 +832,7 @@ button#register_auth_button_gitlab {
} }
.or { .or {
margin-top: 0px; margin-top: 0;
} }
} }
@ -865,7 +864,7 @@ button#register_auth_button_gitlab {
} }
.external-host { .external-host {
margin: 25px 0px 0px -3px; margin: 25px 0 0 -3px;
padding: 11.5px 10px; padding: 11.5px 10px;
font-weight: 400; font-weight: 400;
@ -875,7 +874,7 @@ button#register_auth_button_gitlab {
} }
.center-block .pitch { .center-block .pitch {
margin-bottom: 0px; margin-bottom: 0;
} }
.input-group { .input-group {
@ -899,7 +898,7 @@ button#register_auth_button_gitlab {
} }
.static.org-url + #subdomain_section { .static.org-url + #subdomain_section {
margin-top: 0px !important; margin-top: 0 !important;
.or { .or {
display: none; display: none;
@ -1074,10 +1073,10 @@ button#register_auth_button_gitlab {
} }
.info-box { .info-box {
margin-top: 0px; margin-top: 0;
.organization-path { .organization-path {
margin-top: 0px; margin-top: 0;
} }
} }
} }
@ -1097,13 +1096,13 @@ button#register_auth_button_gitlab {
.left-side { .left-side {
border: none; border: none;
margin-right: 0px; margin-right: 0;
min-height: 0px; min-height: 0;
margin-bottom: 20px; margin-bottom: 20px;
width: 324px; width: 324px;
.description { .description {
margin: 20px 0px; margin: 20px 0;
a { a {
color: hsl(200, 100%, 36%); color: hsl(200, 100%, 36%);

View File

@ -29,7 +29,7 @@ html {
} }
.container-fluid { .container-fluid {
padding: 0px; padding: 0;
min-height: 100%; min-height: 100%;
/* Hack for IE */ /* Hack for IE */
@ -44,11 +44,11 @@ html {
} }
.navbar { .navbar {
margin-bottom: 0px; margin-bottom: 0;
} }
.navbar-inner { .navbar-inner {
border-radius: 0px; border-radius: 0;
} }
.header { .header {
@ -58,7 +58,7 @@ html {
height: 29px; height: 29px;
background-color: hsl(0, 0%, 100%); 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; z-index: 100;
} }
@ -123,7 +123,7 @@ html {
.app.help { .app.help {
display: inline-flex; 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; overflow: auto;
color: hsl(0, 0%, 27%); color: hsl(0, 0%, 27%);
@ -141,7 +141,7 @@ html {
/* Markdown processor generates lots of spurious <p></p> */ /* Markdown processor generates lots of spurious <p></p> */
p:empty { p:empty {
margin: 0px; margin: 0;
} }
.sidebar { .sidebar {
@ -166,7 +166,7 @@ html {
font-weight: 400; font-weight: 400;
font-size: 1.25em; font-size: 1.25em;
line-height: 1.5; line-height: 1.5;
margin-bottom: 0px; margin-bottom: 0;
border-bottom: 1px solid hsla(0, 0, 100%, 0.6); border-bottom: 1px solid hsla(0, 0, 100%, 0.6);
&:not(:first-of-type) { &:not(:first-of-type) {
@ -222,7 +222,7 @@ html {
} }
ul { ul {
margin: 5px 0px 10px 12px; margin: 5px 0 10px 12px;
} }
&.slide ul { &.slide ul {
@ -298,7 +298,7 @@ html {
max-width: 500px; max-width: 500px;
padding: 10px; padding: 10px;
margin: 10px 0px; margin: 10px 0;
font-size: 0.9rem; font-size: 0.9rem;
font-weight: 400; font-weight: 400;
@ -311,7 +311,7 @@ html {
background-color: hsl(0, 0%, 98%); background-color: hsl(0, 0%, 98%);
.blob { .blob {
margin-top: 0px; margin-top: 0;
} }
} }
@ -393,7 +393,7 @@ img.screenshot {
#registration #pw_strength { #registration #pw_strength {
width: 325px; width: 325px;
margin: 7px auto 0px; margin: 7px auto 0;
} }
.def::before { .def::before {
@ -431,7 +431,7 @@ img.screenshot {
} }
.landing-page { .landing-page {
padding: 2em 0em; padding: 2em 0;
h2, h2,
h4 { h4 {
@ -510,8 +510,8 @@ input.text-error {
font-size: 0.9em; font-size: 0.9em;
.footer-navigation { .footer-navigation {
margin-left: 0px; margin-left: 0;
margin-right: 0px; margin-right: 0;
} }
a { a {
@ -520,7 +520,7 @@ input.text-error {
section { section {
width: calc(25% - 40px); width: calc(25% - 40px);
margin: 0px 20px; margin: 0 20px;
max-width: 150px; max-width: 150px;
display: inline-block; display: inline-block;
vertical-align: top; vertical-align: top;
@ -567,7 +567,7 @@ input.text-error {
.portico-logo { .portico-logo {
height: 28px; height: 28px;
width: auto; width: auto;
padding: 6px 0px 6px 0px; padding: 6px 0 6px 0;
} }
} }
@ -579,15 +579,15 @@ input.text-error {
ul { ul {
display: none; display: none;
position: absolute; position: absolute;
right: 0px; right: 0;
margin: 10px 0 0 0; margin: 10px 0 0 0;
list-style-type: none; list-style-type: none;
width: 200px; width: 200px;
background-color: hsl(0, 0%, 100%); background-color: hsl(0, 0%, 100%);
padding: 5px 0px; padding: 5px 0;
border-radius: 4px; border-radius: 4px;
border: 1px solid hsl(0, 0%, 87%); 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 { &::before {
content: "\25B2"; content: "\25B2";
@ -614,8 +614,8 @@ input.text-error {
a { a {
display: block; display: block;
margin: 2px 0px; margin: 2px 0;
padding: 0px; padding: 0;
transition: none; transition: none;
font-size: 0.9em; font-size: 0.9em;
font-weight: 400; font-weight: 400;
@ -647,8 +647,8 @@ input.text-error {
.realm-name { .realm-name {
display: inline-block; display: inline-block;
vertical-align: top; vertical-align: top;
margin: 0px 5px 0px -4px; margin: 0 5px 0 -4px;
padding: 1px 0px 1px 5px; padding: 1px 0 1px 5px;
font-size: 0.9em; font-size: 0.9em;
font-weight: 600; font-weight: 600;
line-height: 1.6; line-height: 1.6;
@ -709,7 +709,7 @@ a.bottom-signup-button {
.devlogin_subheader { .devlogin_subheader {
margin-top: 10px; margin-top: 10px;
margin-bottom: 20px; margin-bottom: 20px;
padding-top: 0px; padding-top: 0;
text-align: center; text-align: center;
font-size: 16px; font-size: 16px;
} }
@ -726,7 +726,7 @@ a.bottom-signup-button {
.table.table-striped { .table.table-striped {
background-color: hsl(0, 0%, 100%); 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 { .team-profiles {
@ -928,11 +928,11 @@ input#terminal:checked ~ #tab-terminal {
} }
.btn-direct { .btn-direct {
margin-top: 0px; margin-top: 0;
margin-bottom: 0px; margin-bottom: 0;
padding: 8px; padding: 8px;
font-size: 18px; font-size: 18px;
border-radius: 0px; border-radius: 0;
min-width: 300px; min-width: 300px;
} }
@ -1073,8 +1073,8 @@ input.new-organization-button {
.header-main, .header-main,
.footer-main { .footer-main {
min-width: 350px; min-width: 350px;
margin: 0px auto; margin: 0 auto;
padding: 0px 20px 0px 20px; padding: 0 20px 0 20px;
position: relative; position: relative;
} }
@ -1151,7 +1151,7 @@ input.new-organization-button {
width: 328px; width: 328px;
form { form {
margin: 0px; margin: 0;
} }
#pw_strength { #pw_strength {
@ -1168,7 +1168,7 @@ input.new-organization-button {
} }
.input-group { .input-group {
margin: 15px 0px; margin: 15px 0;
input[type="text"], input[type="text"],
input[type="password"] { input[type="password"] {
@ -1200,7 +1200,7 @@ input.new-organization-button {
.input-group { .input-group {
&.margin { &.margin {
margin: 10px 0px; margin: 10px 0;
} }
.progress { .progress {
@ -1222,7 +1222,7 @@ input.new-organization-button {
label { label {
margin: 0; margin: 0;
padding: 5px 0px; padding: 5px 0;
&.inline-block { &.inline-block {
/* eyeballing off-centered aesth. */ /* eyeballing off-centered aesth. */
@ -1235,7 +1235,7 @@ input.new-organization-button {
} }
&.grid { &.grid {
padding: 10px 0px; padding: 10px 0;
border-bottom: 1px solid hsl(0, 0%, 87%); border-bottom: 1px solid hsl(0, 0%, 87%);
label.inline-block { label.inline-block {
@ -1254,7 +1254,7 @@ input.new-organization-button {
} }
.center-block .submit-button-box .controls { .center-block .submit-button-box .controls {
margin: 0px; margin: 0;
} }
.center-block { .center-block {
@ -1303,7 +1303,7 @@ input.new-organization-button {
} }
.error_page .container { .error_page .container {
padding: 20px 0px; padding: 20px 0;
} }
.error_page .row-fluid { .error_page .row-fluid {
@ -1440,7 +1440,7 @@ input.new-organization-button {
@media (max-width: 767px) { @media (max-width: 767px) {
body { body {
padding: 0px !important; padding: 0 !important;
} }
.input-medium, .input-medium,
@ -1448,7 +1448,7 @@ input.new-organization-button {
display: block !important; display: block !important;
width: 100% !important; width: 100% !important;
min-height: 30px !important; min-height: 30px !important;
margin: 0px !important; margin: 0 !important;
padding: 4px 6px !important; padding: 4px 6px !important;
line-height: 20px !important; line-height: 20px !important;
box-sizing: border-box !important; box-sizing: border-box !important;
@ -1479,7 +1479,7 @@ input.new-organization-button {
.contributors-list { .contributors-list {
width: 100%; width: 100%;
margin-left: 0px; margin-left: 0;
} }
} }
@ -1534,7 +1534,7 @@ input.new-organization-button {
} }
.header { .header {
padding: 4px 0px 6px 0px; padding: 4px 0 6px 0;
} }
.header-main { .header-main {
@ -1560,7 +1560,7 @@ input.new-organization-button {
width: auto; width: auto;
section { section {
margin: 0px 3px; margin: 0 3px;
width: calc(50% - 8px); width: calc(50% - 8px);
} }
} }
@ -1583,7 +1583,7 @@ input.new-organization-button {
} }
.m-v-20 { .m-v-20 {
margin: 20px 0px; margin: 20px 0;
} }
label.label-title { label.label-title {
@ -1665,7 +1665,7 @@ label.label-title {
} }
.portico-page.error { .portico-page.error {
padding-bottom: 0px; padding-bottom: 0;
} }
.portico-page.error .portico-page-container { .portico-page.error .portico-page-container {
@ -1741,7 +1741,7 @@ label.label-title {
font-weight: 600; font-weight: 600;
text-align: center; text-align: center;
position: relative; position: relative;
top: 0px; top: 0;
padding: 10px; padding: 10px;
border-bottom: 1px solid hsl(177, 52%, 55%); border-bottom: 1px solid hsl(177, 52%, 55%);
z-index: 5; z-index: 5;

View File

@ -8,7 +8,7 @@ hr {
} }
p { p {
margin-bottom: 0px; margin-bottom: 0;
} }
.app-main { .app-main {
@ -33,7 +33,7 @@ p {
.chart-container { .chart-container {
display: inline-block; display: inline-block;
vertical-align: top; vertical-align: top;
margin: 10px 0px; margin: 10px 0;
padding: 20px; padding: 20px;
border: 2px solid hsl(0, 0%, 93%); border: 2px solid hsl(0, 0%, 93%);
background-color: hsl(0, 0%, 100%); background-color: hsl(0, 0%, 100%);
@ -44,7 +44,7 @@ p {
} }
h1 { h1 {
margin-top: 0px; margin-top: 0;
font-size: 1.5em; font-size: 1.5em;
} }
@ -144,7 +144,7 @@ p {
} }
.last-update { .last-update {
margin: 0px 0px 30px 0px; margin: 0 0 30px 0;
font-size: 0.8em; font-size: 0.8em;
font-weight: 400; font-weight: 400;
@ -198,7 +198,7 @@ p {
font-size: 0.8em; font-size: 0.8em;
font-weight: 400; font-weight: 400;
position: relative; position: relative;
height: 0px; height: 0;
top: -35px; top: -35px;
left: 40px; left: 40px;
} }
@ -235,7 +235,7 @@ p {
.right { .right {
display: inline-block; display: inline-block;
vertical-align: top; vertical-align: top;
margin: 0px 10px; margin: 0 10px;
width: 790px; width: 790px;
} }
} }

View File

@ -38,7 +38,7 @@
.emoji { .emoji {
display: inline-block; display: inline-block;
vertical-align: top; vertical-align: top;
top: 0px; top: 0;
margin: 1px 3px; margin: 1px 3px;
height: 17px; height: 17px;
@ -54,7 +54,7 @@
display: inline-block; display: inline-block;
vertical-align: top; vertical-align: top;
color: hsl(200, 100%, 40%); color: hsl(200, 100%, 40%);
margin: 0px 1px 0px 0px; margin: 0 1px 0 0;
line-height: 1em; line-height: 1em;
} }
@ -151,11 +151,11 @@
position: relative; position: relative;
padding: 8px 10px; padding: 8px 10px;
margin-bottom: 0px; margin-bottom: 0;
background-color: hsl(0, 0%, 93%); background-color: hsl(0, 0%, 93%);
border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0 0;
.fa-search { .fa-search {
position: absolute; position: absolute;
@ -199,7 +199,7 @@
.emoji-popover-emoji-map, .emoji-popover-emoji-map,
.emoji-search-results-container { .emoji-search-results-container {
padding: 0px; padding: 0;
position: relative; position: relative;
overflow-x: hidden; overflow-x: hidden;
overflow-y: auto; overflow-y: auto;
@ -268,7 +268,7 @@
height: 32px; height: 32px;
left: 5px; left: 5px;
top: 6px; top: 6px;
margin-top: 0px; margin-top: 0;
} }
.emoji-canonical-name { .emoji-canonical-name {
@ -290,7 +290,7 @@
font-size: 0.8em; font-size: 0.8em;
display: inline-block; display: inline-block;
vertical-align: top; vertical-align: top;
margin: 0px 1px 0px 0px; margin: 0 1px 0 0;
line-height: 1em; line-height: 1em;
} }

View File

@ -4,7 +4,7 @@
width: 70%; width: 70%;
max-width: 1200px; max-width: 1200px;
max-height: 1000px; max-height: 1000px;
padding: 0px; padding: 0;
border-radius: 4px; border-radius: 4px;
background-color: hsl(0, 0%, 100%); background-color: hsl(0, 0%, 100%);
overflow: hidden; overflow: hidden;
@ -53,7 +53,7 @@
} }
.recent_topics_table { .recent_topics_table {
margin: 0px; margin: 0;
padding: 15px; padding: 15px;
overflow: hidden !important; overflow: hidden !important;
display: flex; display: flex;
@ -68,7 +68,7 @@
display: inline-block; display: inline-block;
& > * { & > * {
outline: 0px; outline: 0;
} }
&:focus-within { &:focus-within {
@ -103,7 +103,7 @@
.table_fix_head { .table_fix_head {
padding: 10px; padding: 10px;
padding-top: 0px !important; padding-top: 0 !important;
overflow-y: auto; overflow-y: auto;
max-height: 89%; max-height: 89%;
} }
@ -123,7 +123,7 @@
.search_group { .search_group {
display: flex; display: flex;
flex-grow: 1; flex-grow: 1;
margin: 0 0 10px 0px; margin: 0 0 10px 0;
} }
#recent_topics_search { #recent_topics_search {

View File

@ -2,7 +2,7 @@
/* The default top/bottom margins for paragraphs are small, to make sure /* The default top/bottom margins for paragraphs are small, to make sure
they look nice next to blockquotes, lists, etc. */ they look nice next to blockquotes, lists, etc. */
p { p {
margin: 3px 0px 3px 0px; margin: 3px 0 3px 0;
} }
/* The spacing between two paragraphs is significantly larger. We /* The spacing between two paragraphs is significantly larger. We
@ -50,7 +50,7 @@
font-size: 14px; font-size: 14px;
font-weight: 600; font-weight: 600;
line-height: 1.4; line-height: 1.4;
margin-top: 0px; margin-top: 0;
margin-bottom: 5px; margin-bottom: 5px;
text-decoration: underline; text-decoration: underline;
} }
@ -120,7 +120,7 @@
.user-mention { .user-mention {
border-radius: 3px; border-radius: 3px;
padding: 0 0.2em; 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-right: 2px;
margin-left: 2px; margin-left: 2px;
white-space: nowrap; white-space: nowrap;
@ -142,7 +142,7 @@
background: hsl(0, 0%, 93%); background: hsl(0, 0%, 93%);
border-radius: 3px; border-radius: 3px;
padding: 0 0.2em; 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; white-space: nowrap;
margin-left: 2px; margin-left: 2px;
margin-right: 2px; margin-right: 2px;
@ -152,7 +152,7 @@
/* LaTeX styling */ /* LaTeX styling */
.katex-display { .katex-display {
margin: 0em 0; margin: 0 0;
} }
.tex-error { .tex-error {
@ -176,11 +176,11 @@
.spoiler-content { .spoiler-content {
overflow: hidden; 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, transition: height 0.4s ease-in-out, border-top 0.4s step-end,
padding 0.4s step-end; padding 0.4s step-end;
padding: 0px; padding: 0;
height: 0px; height: 0;
&.spoiler-content-open { &.spoiler-content-open {
border-top: hsl(0, 0%, 50%) 1px solid; border-top: hsl(0, 0%, 50%) 1px solid;
@ -246,7 +246,7 @@
/* CSS for message content widgets */ /* CSS for message content widgets */
table.tictactoe { table.tictactoe {
width: 80px; width: 80px;
margin-left: 0px; margin-left: 0;
} }
td.tictactoe { td.tictactoe {
@ -370,7 +370,7 @@
.message_embed { .message_embed {
display: block; display: block;
position: relative; position: relative;
margin: 5px 0px; margin: 5px 0;
border: none; border: none;
border-left: 3px solid hsl(0, 0%, 93%); border-left: 3px solid hsl(0, 0%, 93%);
height: 80px; height: 80px;
@ -379,7 +379,7 @@
text-shadow: hsla(0, 0%, 0%, 0.01) 0 0 1px; text-shadow: hsla(0, 0%, 0%, 0.01) 0 0 1px;
.message_embed_title { .message_embed_title {
padding-top: 0px; padding-top: 0;
/* to remove the spacing that the font has from the top of the container. */ /* to remove the spacing that the font has from the top of the container. */
margin-top: -5px; margin-top: -5px;
@ -406,7 +406,7 @@
.data-container { .data-container {
position: relative; position: relative;
padding: 0px 5px; padding: 0 5px;
display: inline-block; display: inline-block;
vertical-align: top; vertical-align: top;
max-width: calc(100% - 115px); max-width: calc(100% - 115px);
@ -479,7 +479,7 @@ code {
.rendered_markdown code { .rendered_markdown code {
white-space: pre-wrap; white-space: pre-wrap;
padding: 0px 4px; padding: 0 4px;
background-color: hsl(0, 0%, 100%); background-color: hsl(0, 0%, 100%);
} }

View File

@ -30,11 +30,11 @@
.user-list-sidebar-menu-icon { .user-list-sidebar-menu-icon {
position: absolute; position: absolute;
top: 1px; top: 1px;
right: 0px; right: 0;
font-size: 1em; font-size: 1em;
display: none; display: none;
text-align: center; text-align: center;
padding: 0px 6px 0px 6px; padding: 0 6px 0 6px;
i { i {
padding-right: 0.25em; padding-right: 0.25em;
@ -67,8 +67,8 @@
.user_circle { .user_circle {
width: 8px; width: 8px;
height: 8px; height: 8px;
margin-top: 0px; margin-top: 0;
margin-bottom: 0px; margin-bottom: 0;
margin-left: 5px; margin-left: 5px;
margin-right: 5px; margin-right: 5px;
display: block; display: block;
@ -76,7 +76,7 @@
a { a {
color: inherit; color: inherit;
margin-left: 0px; margin-left: 0;
} }
} }
@ -140,8 +140,8 @@
#userlist-toggle { #userlist-toggle {
display: none; display: none;
position: absolute; position: absolute;
top: 0px; top: 0;
right: 0px; right: 0;
text-align: center; text-align: center;
vertical-align: middle; vertical-align: middle;
border-left: 1px solid hsl(0, 0%, 88%); border-left: 1px solid hsl(0, 0%, 88%);
@ -225,7 +225,7 @@
#userlist-toggle-button { #userlist-toggle-button {
height: 30px; height: 30px;
padding-top: 0px; padding-top: 0;
padding-bottom: 0px; padding-bottom: 0;
} }
} }

View File

@ -78,7 +78,7 @@ h3 .fa-question-circle-o {
#pw_strength { #pw_strength {
width: 140px; width: 140px;
height: 8px; height: 8px;
margin: 6px 0px 0px 0px; margin: 6px 0 0 0;
} }
} }
.button { .button {
@ -106,7 +106,7 @@ h3 .fa-question-circle-o {
} }
.inline-block { .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 { .side-padded-container {
padding: 0px 20px; padding: 0 20px;
} }
#notification_sound, #notification_sound,
@ -154,7 +154,7 @@ h3 .fa-question-circle-o {
} }
&.table-condensed.table-striped { &.table-condensed.table-striped {
margin: 0px; margin: 0;
} }
} }
@ -193,7 +193,7 @@ h3 .fa-question-circle-o {
} }
td .button { td .button {
margin: 2px 0px; margin: 2px 0;
box-shadow: none; box-shadow: none;
} }
@ -231,7 +231,7 @@ td .button {
.settings-section-title { .settings-section-title {
font-size: 1.4em; font-size: 1.4em;
font-weight: 500; font-weight: 500;
margin: 10px 0px 10px 0px; margin: 10px 0 10px 0;
&.transparent { &.transparent {
background-color: transparent; background-color: transparent;
@ -240,7 +240,7 @@ td .button {
.table-title { .table-title {
display: inline-block; display: inline-block;
padding: 6px 0px; padding: 6px 0;
margin-left: 5px; margin-left: 5px;
i { i {
@ -302,7 +302,7 @@ td .button {
input[type="text"].search { input[type="text"].search {
float: right; float: right;
margin: 2px 5px 2px 0px; margin: 2px 5px 2px 0;
padding: 2px 5px; padding: 2px 5px;
font-size: 0.9em; font-size: 0.9em;
} }
@ -370,7 +370,7 @@ td .button {
&:hover { &:hover {
outline: none; outline: none;
box-shadow: 0px 0px 4px hsla(199, 79%, 56%, 1); box-shadow: 0 0 4px hsla(199, 79%, 56%, 1);
} }
div, div,
@ -405,7 +405,7 @@ td .button {
.input-group { .input-group {
.thinner { .thinner {
margin: 10px 0px; margin: 10px 0;
} }
label.checkbox + label { label.checkbox + label {
@ -423,7 +423,7 @@ td .button {
} }
.no-margin { .no-margin {
margin: 0px; margin: 0;
} }
input[type="checkbox"] { input[type="checkbox"] {
@ -432,7 +432,7 @@ input[type="checkbox"] {
} }
.inline-block { .inline-block {
margin: -2px 0px 0px 0px; margin: -2px 0 0 0;
} }
} }
@ -442,7 +442,7 @@ input[type="checkbox"] {
} }
.realm_domains_info { .realm_domains_info {
margin-bottom: 0px; margin-bottom: 0;
} }
.admin-realm-form { .admin-realm-form {
@ -460,7 +460,7 @@ input[type="checkbox"] {
} }
.org-settings-form .organization-submission { .org-settings-form .organization-submission {
margin-top: 0px; margin-top: 0;
} }
#id_org_profile_preview { #id_org_profile_preview {
@ -478,12 +478,12 @@ input[type="checkbox"] {
.remove-attachment { .remove-attachment {
margin-right: 5px !important; margin-right: 5px !important;
font-size: 1.1em !important; font-size: 1.1em !important;
padding-left: 0px !important; padding-left: 0 !important;
} }
#download_attachment { #download_attachment {
padding-left: 0px; padding-left: 0;
border-left: 0px; border-left: 0;
} }
.alert-word-information-box { .alert-word-information-box {
@ -536,7 +536,7 @@ input[type="checkbox"] {
} }
.loading_indicator_text { .loading_indicator_text {
margin-top: 0px; margin-top: 0;
font-size: inherit; font-size: inherit;
vertical-align: top; vertical-align: top;
} }
@ -566,7 +566,7 @@ input[type="checkbox"] {
.stream-privacy span.hashtag, .stream-privacy span.hashtag,
.filter-icon i { .filter-icon i {
padding-right: 0px; padding-right: 0;
} }
} }
@ -584,11 +584,11 @@ input[type="checkbox"] {
} }
.alert-notification.custom-field-status { .alert-notification.custom-field-status {
padding-top: 0px; padding-top: 0;
padding-bottom: 0px; padding-bottom: 0;
margin-top: 0px; margin-top: 0;
font-size: 14px; font-size: 14px;
padding-left: 0px; padding-left: 0;
margin-left: 5px; margin-left: 5px;
border: none; border: none;
} }
@ -635,7 +635,7 @@ input[type="checkbox"] {
.add-new-user-group-box .new-user-group-form, .add-new-user-group-box .new-user-group-form,
.add-new-alert-word-box .new-alert-word-form, .add-new-alert-word-box .new-alert-word-form,
.add-new-export-box { .add-new-export-box {
margin: 10px 0px; margin: 10px 0;
} }
.add-new-emoji-box, .add-new-emoji-box,
@ -671,7 +671,7 @@ input[type="checkbox"] {
} }
.grey-box .wrapper { .grey-box .wrapper {
margin: 10px 0px; margin: 10px 0;
} }
.admin_profile_fields_table, .admin_profile_fields_table,
@ -708,7 +708,7 @@ input[type="checkbox"] {
.bots_list { .bots_list {
display: none; display: none;
list-style-type: none; list-style-type: none;
margin-left: 0px; margin-left: 0;
.image { .image {
vertical-align: top; vertical-align: top;
@ -783,12 +783,12 @@ input[type="checkbox"] {
} }
img.avatar { img.avatar {
margin: 10px 5px 0px 10px; margin: 10px 5px 0 10px;
height: 50px; height: 50px;
width: 50px; width: 50px;
border-radius: 4px; border-radius: 4px;
vertical-align: top; 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, .email,
@ -799,7 +799,7 @@ input[type="checkbox"] {
.email .value, .email .value,
.api_key .api-key-value-and-button { .api_key .api-key-value-and-button {
display: block; display: block;
margin-left: 0px; margin-left: 0;
word-wrap: break-word; word-wrap: break-word;
word-break: break-all; word-break: break-all;
white-space: normal; white-space: normal;
@ -828,7 +828,7 @@ input[type="checkbox"] {
} }
.edit_bot h3 { .edit_bot h3 {
margin: 0px; margin: 0;
font-weight: 400; font-weight: 400;
} }
@ -846,8 +846,8 @@ input[type="checkbox"] {
.edit_bot_form { .edit_bot_form {
font-size: 100%; font-size: 100%;
margin: 0px; margin: 0;
padding: 0px; padding: 0;
label { label {
text-transform: uppercase; text-transform: uppercase;
@ -857,7 +857,7 @@ input[type="checkbox"] {
} }
.buttons { .buttons {
margin: 10px 0px 5px 0px; margin: 10px 0 5px 0;
} }
} }
@ -865,7 +865,7 @@ input[type="checkbox"] {
font-weight: 400; font-weight: 400;
font-size: 18px; font-size: 18px;
text-align: left; text-align: left;
margin-top: 0px; margin-top: 0;
margin-bottom: 10px; margin-bottom: 10px;
overflow: hidden; overflow: hidden;
@ -930,13 +930,13 @@ input[type="checkbox"] {
.edit-attachment-buttons { .edit-attachment-buttons {
position: absolute; position: absolute;
right: 20px; right: 20px;
top: 0px; top: 0;
} }
} }
.emojiset_choices { .emojiset_choices {
width: 250px; width: 250px;
padding: 0px 10px; padding: 0 10px;
.emoji { .emoji {
height: 22px; height: 22px;
@ -945,7 +945,7 @@ input[type="checkbox"] {
label { label {
border-bottom: 1px solid hsla(0, 0%, 0%, 0.2); border-bottom: 1px solid hsla(0, 0%, 0%, 0.2);
padding: 8px 0px 10px 0px; padding: 8px 0 10px 0;
&:last-of-type { &:last-of-type {
border-bottom: none; border-bottom: none;
@ -954,7 +954,7 @@ input[type="checkbox"] {
input[type="radio"] { input[type="radio"] {
position: relative; position: relative;
top: -2px; top: -2px;
margin: 0px 5px 0px 0px; margin: 0 5px 0 0;
&:checked + span { &:checked + span {
font-weight: 600; font-weight: 600;
@ -996,7 +996,7 @@ input[type="checkbox"] {
h4 { h4 {
font-weight: normal; font-weight: normal;
margin: 0px; margin: 0;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: left; justify-content: left;
@ -1191,13 +1191,13 @@ input[type="checkbox"] {
input.search { input.search {
font-size: 0.9rem; font-size: 0.9rem;
margin: 10px 0px 20px 0px; margin: 10px 0 20px 0;
} }
.form-sidebar { .form-sidebar {
position: absolute; position: absolute;
top: 45px; top: 45px;
right: 0px; right: 0;
transform: translateX(303px); transform: translateX(303px);
width: 300px; width: 300px;
height: calc(100% - 45px); height: calc(100% - 45px);
@ -1211,7 +1211,7 @@ input[type="checkbox"] {
&.show { &.show {
pointer-events: auto; pointer-events: auto;
transform: translateX(0px); transform: translateX(0);
visibility: visible; visibility: visible;
} }
@ -1242,7 +1242,7 @@ input[type="checkbox"] {
h1 { h1 {
display: inline-block; display: inline-block;
font-size: 1.3rem; font-size: 1.3rem;
margin: 0px; margin: 0;
} }
.exit { .exit {
@ -1283,7 +1283,7 @@ input[type="checkbox"] {
} }
li { li {
padding: 5px 0px; padding: 5px 0;
outline: none; outline: none;
cursor: pointer; cursor: pointer;
transition: all 0.2s ease; transition: all 0.2s ease;
@ -1312,7 +1312,7 @@ input[type="checkbox"] {
.text { .text {
width: calc(100% - 90px); width: calc(100% - 90px);
padding: 10px 12px 10px 0px; padding: 10px 12px 10px 0;
} }
.icon { .icon {
@ -1348,7 +1348,7 @@ input[type="checkbox"] {
.sidebar-bottom-anchor { .sidebar-bottom-anchor {
width: 100%; width: 100%;
position: absolute; position: absolute;
bottom: 0px; bottom: 0;
} }
.tab-container { .tab-container {
@ -1489,10 +1489,10 @@ input[type="checkbox"] {
} }
.modal { .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); outline: 10000px solid hsla(0, 0%, 0%, 0.3);
border: none; border: none;
border-radius: 0px; border-radius: 0;
&.fade { &.fade {
/* Ensure the modal is entirely off-screen while we fade the background */ /* 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 { .dropdown-list-widget {
button { button {
margin: 0px 5px; margin: 0 5px;
&.dropdown_list_reset_button { &.dropdown_list_reset_button {
// Prevent night mode from overriding background. // Prevent night mode from overriding background.
@ -1718,7 +1718,7 @@ body:not(.night-mode) #settings_page .custom_user_field .datepicker {
} }
.collapse-settings-btn { .collapse-settings-btn {
margin: 10px 0px 0px 10px; margin: 10px 0 0 10px;
color: hsl(200, 100%, 40%); color: hsl(200, 100%, 40%);
&:hover { &:hover {
@ -1828,7 +1828,7 @@ body:not(.night-mode) #settings_page .custom_user_field .datepicker {
#profile-field-settings .new-profile-field-form .control-label { #profile-field-settings .new-profile-field-form .control-label {
display: block; display: block;
width: 120px; width: 120px;
padding: 0px; padding: 0;
padding-top: 0; padding-top: 0;
text-align: center; text-align: center;
margin: auto; margin: auto;

View File

@ -117,13 +117,13 @@
.sp-preview { .sp-preview {
width: 20px; width: 20px;
border: none; border: none;
box-shadow: 0px 0px 1px hsla(0, 0%, 0%, 1); box-shadow: 0 0 1px hsla(0, 0%, 0%, 1);
} }
.sp-replacer { .sp-replacer {
margin-right: 12px; margin-right: 12px;
border: none; 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 { .stream-email .email-address {
@ -167,7 +167,7 @@
float: right; float: right;
padding: 3px 10px; padding: 3px 10px;
border: 1px solid hsl(0, 0%, 80%); border: 1px solid hsl(0, 0%, 80%);
margin: 9px 10px 0px 0px; margin: 9px 10px 0 0;
color: hsl(0, 0%, 20%); color: hsl(0, 0%, 20%);
} }
@ -183,7 +183,7 @@ form#add_new_subscription {
} }
.create_stream_button { .create_stream_button {
margin: 0px 0px 0px 5px; margin: 0 0 0 5px;
border: none; border: none;
outline: none; outline: none;
@ -196,8 +196,8 @@ form#add_new_subscription {
display: inline-block; display: inline-block;
transition: all 0.2s ease; transition: all 0.2s ease;
padding-bottom: 0px; padding-bottom: 0;
padding-top: 0px; padding-top: 0;
&:hover { &:hover {
color: hsl(0, 0%, 27%); color: hsl(0, 0%, 27%);
@ -258,7 +258,7 @@ form#add_new_subscription {
} }
td { td {
padding: 4px 0px; padding: 4px 0;
&:first-of-type { &:first-of-type {
padding-left: 10px; padding-left: 10px;
@ -322,7 +322,7 @@ form#add_new_subscription {
} }
.subscriber_list_add .form-inline { .subscriber_list_add .form-inline {
margin-bottom: 0px; margin-bottom: 0;
} }
.add_subscribers_container { .add_subscribers_container {
@ -336,7 +336,7 @@ form#add_new_subscription {
} }
.remove-subscriber-form { .remove-subscriber-form {
margin: 0px 0px 0px 0px; margin: 0 0 0 0;
} }
#subscription-status { #subscription-status {
@ -383,7 +383,7 @@ form#add_new_subscription {
.subscriptions-container .subscriptions-header .fa-chevron-left, .subscriptions-container .subscriptions-header .fa-chevron-left,
#settings_overlay_container .settings-header.mobile .fa-chevron-left { #settings_overlay_container .settings-header.mobile .fa-chevron-left {
position: relative; position: relative;
transform: translate(-50px, 0px); transform: translate(-50px, 0);
opacity: 0; opacity: 0;
color: hsl(0, 0%, 67%); color: hsl(0, 0%, 67%);
@ -399,7 +399,7 @@ form#add_new_subscription {
#settings_overlay_container #settings_overlay_container
.settings-header.mobile.slide-left .settings-header.mobile.slide-left
.fa-chevron-left { .fa-chevron-left {
transform: translate(-0px, 0px); transform: translate(0, 0);
opacity: 1; opacity: 1;
} }
@ -407,7 +407,7 @@ form#add_new_subscription {
position: relative; position: relative;
height: 95%; height: 95%;
border-radius: 4px; border-radius: 4px;
padding: 0px; padding: 0;
width: 97%; width: 97%;
overflow: hidden; overflow: hidden;
max-width: 1200px; max-width: 1200px;
@ -431,7 +431,7 @@ form#add_new_subscription {
.subscriptions-title { .subscriptions-title {
display: inline-block; display: inline-block;
transition: all 0.3s ease; transition: all 0.3s ease;
transform: translate(-13px, 0px); transform: translate(-13px, 0);
} }
.exit { .exit {
@ -460,7 +460,7 @@ form#add_new_subscription {
vertical-align: top; vertical-align: top;
width: 50%; width: 50%;
height: calc(100% - 45px); height: calc(100% - 45px);
margin: 0px -2px; margin: 0 -2px;
} }
.left { .left {
@ -512,7 +512,7 @@ form#add_new_subscription {
display: none; display: none;
font-size: 1em; font-size: 1em;
line-height: 1; line-height: 1;
margin: 9px 0px; margin: 9px 0;
font-weight: 600; font-weight: 600;
} }
} }
@ -522,7 +522,7 @@ form#add_new_subscription {
height: calc(100% - 45px); height: calc(100% - 45px);
border: none; border: none;
background-color: hsl(0, 0%, 98%); 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-image: url(../images/preview-loading.png);
background-size: 150px auto; background-size: 150px auto;
background-position: center center; background-position: center center;
@ -551,7 +551,7 @@ form#add_new_subscription {
#search_stream_name { #search_stream_name {
width: 100%; width: 100%;
padding: 3px 5px; padding: 3px 5px;
margin: 8px 0px; margin: 8px 0;
margin-left: 10px; margin-left: 10px;
margin-right: -15px !important; margin-right: -15px !important;
display: inline-block; display: inline-block;
@ -802,7 +802,7 @@ form#add_new_subscription {
} }
.add-user-label { .add-user-label {
margin: 8px 0px; margin: 8px 0;
} }
.add-user-list-filter { .add-user-list-filter {
@ -810,7 +810,7 @@ form#add_new_subscription {
} }
#stream_creation_form { #stream_creation_form {
margin: 0px; margin: 0;
#stream_creating_indicator { #stream_creating_indicator {
&:not(:empty) { &:not(:empty) {
@ -1030,7 +1030,7 @@ ul.grey-box {
#stream_privacy_modal &, #stream_privacy_modal &,
#subscription_overlay & { #subscription_overlay & {
border-bottom: 1px solid hsl(0, 0%, 87%); border-bottom: 1px solid hsl(0, 0%, 87%);
padding: 5px 0px; padding: 5px 0;
} }
input[type="checkbox"] { input[type="checkbox"] {
@ -1039,7 +1039,7 @@ ul.grey-box {
} }
#subscription_overlay & { #subscription_overlay & {
margin-top: 0px; margin-top: 0;
} }
} }
@ -1075,7 +1075,7 @@ ul.grey-box {
select { select {
width: auto; width: auto;
margin-bottom: 0px; margin-bottom: 0;
} }
} }
} }
@ -1108,7 +1108,7 @@ ul.grey-box {
.subscriber_list_settings input { .subscriber_list_settings input {
float: left; float: left;
margin: 0px 5px 0px 0px; margin: 0 5px 0 0;
width: calc(50% - 45px); width: calc(50% - 45px);
} }
} }

View File

@ -27,11 +27,11 @@
li { li {
list-style: none; list-style: none;
margin: 2px 2px 2px 0px; margin: 2px 2px 2px 0;
} }
ul { ul {
margin: 0px 0px 5px 0px; margin: 0 0 5px 0;
padding: 0; padding: 0;
} }
} }
@ -74,7 +74,7 @@ button {
&.task-completed { &.task-completed {
border-color: hsl(157, 18%, 77%); border-color: hsl(157, 18%, 77%);
padding: 0px; padding: 0;
} }
&.add-task, &.add-task,
@ -103,7 +103,7 @@ button {
&.poll-option, &.poll-option,
&.poll-question { &.poll-question {
padding: 4px 6px; padding: 4px 6px;
margin: 2px 0px 2px 0px; margin: 2px 0 2px 0;
} }
} }

View File

@ -79,7 +79,7 @@ a {
} }
p.n-margin { p.n-margin {
margin: 10px 0px 0px 0px; margin: 10px 0 0 0;
} }
.small-line-height { .small-line-height {
@ -165,13 +165,13 @@ p.n-margin {
display: none; display: none;
position: absolute; position: absolute;
width: 400px; width: 400px;
top: 0px; top: 0;
left: calc(50vw - 220px); left: calc(50vw - 220px);
padding: 15px; padding: 15px;
background-color: hsl(0, 0%, 98%); background-color: hsl(0, 0%, 98%);
border-radius: 5px; 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; z-index: 110;
animation-name: pulse; animation-name: pulse;
@ -193,22 +193,22 @@ p.n-margin {
.exit-me { .exit-me {
font-size: 30pt; font-size: 30pt;
font-weight: 200; font-weight: 200;
margin: 5px 0px 0px 10px; margin: 5px 0 0 10px;
cursor: pointer; cursor: pointer;
} }
} }
@keyframes pulse { @keyframes pulse {
0% { 0% {
box-shadow: 0px 0px 30px hsla(0, 0%, 0%, 0.35); box-shadow: 0 0 30px hsla(0, 0%, 0%, 0.35);
} }
50% { 50% {
box-shadow: 0px 0px 30px hsla(0, 0%, 0%, 0.15); box-shadow: 0 0 30px hsla(0, 0%, 0%, 0.15);
} }
100% { 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 { .buttons .alert-link {
margin: 0px 5px; margin: 0 5px;
} }
} }
} }
@ -306,8 +306,8 @@ p.n-margin {
// misplaced before the JS code can fix it. // misplaced before the JS code can fix it.
max-width: 1400px; max-width: 1400px;
min-width: 950px; min-width: 950px;
margin: 0px auto; margin: 0 auto;
padding: 0px; padding: 0;
position: relative; position: relative;
background-color: hsl(0, 0%, 100%); background-color: hsl(0, 0%, 100%);
} }
@ -316,7 +316,7 @@ p.n-margin {
width: 100%; width: 100%;
position: fixed; position: fixed;
z-index: 98; z-index: 98;
left: 0px; left: 0;
} }
.column-left, .column-left,
@ -327,14 +327,14 @@ p.n-margin {
.column-left { .column-left {
position: absolute; position: absolute;
left: 0px; left: 0;
top: 0px; top: 0;
} }
.column-right { .column-right {
position: absolute; position: absolute;
right: 0px; right: 0;
top: 0px; top: 0;
} }
.app-main { .app-main {
@ -350,7 +350,7 @@ p.n-margin {
.column-left .left-sidebar { .column-left .left-sidebar {
width: 242px; width: 242px;
padding-left: 0px; padding-left: 0;
} }
.column-right .right-sidebar { .column-right .right-sidebar {
@ -459,10 +459,10 @@ li,
.notvisible { .notvisible {
visibility: hidden !important; visibility: hidden !important;
width: 0px !important; width: 0 !important;
min-width: 0px !important; min-width: 0 !important;
min-height: 0px !important; min-height: 0 !important;
height: 0px !important; height: 0 !important;
overflow: hidden !important; overflow: hidden !important;
position: absolute !important; position: absolute !important;
} }
@ -587,9 +587,9 @@ td.pointer {
display: inline-block; display: inline-block;
vertical-align: top; vertical-align: top;
line-height: 14px; line-height: 14px;
margin-left: 0px; margin-left: 0;
position: static; position: static;
padding: 0px; padding: 0;
width: auto; width: auto;
} }
@ -620,7 +620,7 @@ td.pointer {
.sender-status { .sender-status {
display: inline-block; display: inline-block;
margin: 8px 0px 8px -3px; margin: 8px 0 8px -3px;
/* this normalizes the margin of the emoji reactions with normal messages. */ /* this normalizes the margin of the emoji reactions with normal messages. */
padding-bottom: 5px; padding-bottom: 5px;
vertical-align: middle; vertical-align: middle;
@ -641,7 +641,7 @@ td.pointer {
text-align: right; text-align: right;
width: 45px; width: 45px;
position: absolute; position: absolute;
left: 0px; left: 0;
top: 16px; top: 16px;
user-select: none; user-select: none;
} }
@ -825,8 +825,8 @@ td.pointer {
} }
.message_header_private_message { .message_header_private_message {
border-bottom: 0px; border-bottom: 0;
border-left: 0px; border-left: 0;
} }
} }
@ -841,7 +841,7 @@ td.pointer {
border-bottom-color: hsla(0, 0%, 0%, 0); border-bottom-color: hsla(0, 0%, 0%, 0);
background-color: hsl(0, 0%, 88%); background-color: hsl(0, 0%, 88%);
border-left-color: hsl(0, 0%, 88%); border-left-color: hsl(0, 0%, 88%);
border-width: 0px; border-width: 0;
position: relative; position: relative;
text-decoration: none; text-decoration: none;
@ -858,8 +858,8 @@ td.pointer {
left: 100%; left: 100%;
top: 50%; top: 50%;
content: " "; content: " ";
height: 0px; height: 0;
width: 0px; width: 0;
position: absolute; position: absolute;
pointer-events: none; pointer-events: none;
margin-top: -11px; margin-top: -11px;
@ -874,8 +874,8 @@ td.pointer {
left: 100%; left: 100%;
top: 50%; top: 50%;
content: " "; content: " ";
height: 0px; height: 0;
width: 0px; width: 0;
position: absolute; position: absolute;
pointer-events: none; pointer-events: none;
margin-top: -14px; margin-top: -14px;
@ -921,16 +921,16 @@ td.pointer {
.summary_row { .summary_row {
.message_header { .message_header {
padding: 5px 0px 4px 5px; padding: 5px 0 4px 5px;
border-radius: 0; border-radius: 0;
} }
&.last_message { &.last_message {
.message_header { .message_header {
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
box-shadow: inset 0px 2px 1px -2px hsl(0, 0%, 20%), box-shadow: inset 0 2px 1px -2px hsl(0, 0%, 20%),
inset -2px 0px 1px -2px hsl(0, 0%, 20%), inset -2px 0 1px -2px hsl(0, 0%, 20%),
inset 0px -2px 1px -2px hsl(0, 0%, 20%); inset 0 -2px 1px -2px hsl(0, 0%, 20%);
} }
.summary_colorblock { .summary_colorblock {
@ -954,7 +954,7 @@ td.pointer {
position: absolute; position: absolute;
text-indent: -99999px; text-indent: -99999px;
float: left; float: left;
width: 0px; width: 0;
} }
.summary_row_private_message .summary_colorblock { .summary_row_private_message .summary_colorblock {
@ -992,7 +992,7 @@ td.pointer {
} }
100% { 100% {
transform: translateX(0px); transform: translateX(0);
} }
} }
@ -1013,7 +1013,7 @@ td.pointer {
.message-header-contents { .message-header-contents {
background-color: hsla(192, 19%, 75%, 0.2); 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, .messagebox,
.date_row { .date_row {
background-color: hsla(192, 19%, 75%, 0.2); background-color: hsla(192, 19%, 75%, 0.2);
box-shadow: inset 2px 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%);
-1px 0px 0px 0px hsl(0, 0%, 27%);
} }
} }
@ -1043,14 +1042,14 @@ td.pointer {
} }
.recipient_row .message_row:first-child .unread_marker { .recipient_row .message_row:first-child .unread_marker {
top: 0px; top: 0;
} }
.unread_marker { .unread_marker {
display: block; display: block;
position: absolute; position: absolute;
left: 2px; left: 2px;
top: 0px; top: 0;
opacity: 0; opacity: 0;
z-index: 1; z-index: 1;
bottom: 1px; bottom: 1px;
@ -1092,16 +1091,14 @@ td.pointer {
} }
.messagebox-content { .messagebox-content {
box-shadow: inset 0px 0px 0px 2px hsl(215, 47%, 50%), box-shadow: inset 0 0 0 2px hsl(215, 47%, 50%),
-1px -1px 0px 0px hsl(215, 47%, 50%), -1px -1px 0 0 hsl(215, 47%, 50%), 1px 1px 0 0 hsl(215, 47%, 50%),
1px 1px 0px 0px hsl(215, 47%, 50%), -1px 1px 0 0 hsl(215, 47%, 50%), 1px -1px 0 0 hsl(215, 47%, 50%);
-1px 1px 0px 0px hsl(215, 47%, 50%),
1px -1px 0px 0px hsl(215, 47%, 50%);
} }
} }
.message_sender { .message_sender {
height: 0px; height: 0;
vertical-align: top; vertical-align: top;
position: relative; position: relative;
@ -1238,7 +1235,7 @@ div.message_table {
.date_row { .date_row {
/* We only want padding for the date rows between recipient blocks */ /* 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 { &.condensed {
max-height: 8.5em; max-height: 8.5em;
min-height: 0em; min-height: 0;
overflow: hidden; overflow: hidden;
} }
&.collapsed { &.collapsed {
max-height: 0em; max-height: 0;
min-height: 0em; min-height: 0;
overflow: hidden; overflow: hidden;
} }
} }
@ -1323,7 +1320,7 @@ div.focused_table {
&.header-v { &.header-v {
height: 18px; height: 18px;
display: inline-block; display: inline-block;
padding: 0px 3px; padding: 0 3px;
vertical-align: baseline; vertical-align: baseline;
line-height: 0px; line-height: 0px;
@ -1345,8 +1342,8 @@ div.focused_table {
.select_edit_stream { .select_edit_stream {
margin-bottom: 5px !important; margin-bottom: 5px !important;
border-left: 0px; border-left: 0;
padding-left: 0px; padding-left: 0;
border-radius: 3px; border-radius: 3px;
margin-left: -10px; margin-left: -10px;
text-indent: 10px; text-indent: 10px;
@ -1415,8 +1412,8 @@ div.focused_table {
} }
.next_is_same_sender { .next_is_same_sender {
border-bottom: 0px; border-bottom: 0;
padding-bottom: 0px; padding-bottom: 0;
} }
.inline_profile_picture { .inline_profile_picture {
@ -1448,9 +1445,9 @@ div.focused_table {
.brand.skinny-user-gravatar { .brand.skinny-user-gravatar {
display: table-cell; display: table-cell;
padding-top: 0px; padding-top: 0;
padding-bottom: 0px; padding-bottom: 0;
margin-bottom: 0px; margin-bottom: 0;
white-space: nowrap; white-space: nowrap;
} }
@ -1477,7 +1474,7 @@ div.focused_table {
display: flex; display: flex;
align-content: flex-start; align-content: flex-start;
flex-wrap: nowrap; flex-wrap: nowrap;
margin: 0px 0px 0px 0px; margin: 0 0 0 0;
border: none; border: none;
white-space: nowrap; white-space: nowrap;
cursor: default; cursor: default;
@ -1505,15 +1502,15 @@ div.focused_table {
margin-right: 3px; margin-right: 3px;
} }
.fa { .fa {
margin: 0px 3px 0px 5px; margin: 0 3px 0 5px;
.fa-envelope { .fa-envelope {
font-size: 14px; font-size: 14px;
margin: 0px 5px 0px 5px; margin: 0 5px 0 5px;
} }
.fa-hashtag { .fa-hashtag {
font-size: 1.2rem; font-size: 1.2rem;
// font-weight: 800; // font-weight: 800;
margin: 0px 2px 0px 5px; margin: 0 2px 0 5px;
} }
} }
} }
@ -1542,7 +1539,7 @@ div.focused_table {
padding-right: 10px; padding-right: 10px;
margin-right: 1px; margin-right: 1px;
.fa.fa-user-o { .fa.fa-user-o {
margin-left: 0px; margin-left: 0;
} }
&::before, &::before,
@ -1563,7 +1560,7 @@ div.focused_table {
@media (max-width: 500px) { @media (max-width: 500px) {
// this ensures the before "|" doesn't overlap // this ensures the before "|" doesn't overlap
// with the stream name text on small narrows // with the stream name text on small narrows
left: 0px; left: 0;
} }
} }
@ -1583,7 +1580,7 @@ div.focused_table {
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
margin: 0; margin: 0;
padding: 12px 0px; padding: 12px 0;
padding-left: 10px; padding-left: 10px;
@media (max-width: 500px) { @media (max-width: 500px) {
@ -1592,7 +1589,7 @@ div.focused_table {
} }
& > a { & > a {
padding: 12px 0px; padding: 12px 0;
} }
} }
@ -1602,9 +1599,9 @@ div.focused_table {
cursor: pointer; cursor: pointer;
font-size: 20px; font-size: 20px;
padding: 10px 15px 0px 0px; padding: 10px 15px 0 0;
@media (max-width: 500px) { @media (max-width: 500px) {
padding: 5px 15px 0px 0px; padding: 5px 15px 0 0;
} }
} }
@ -1646,7 +1643,7 @@ div.focused_table {
.navbar-search.expanded { .navbar-search.expanded {
overflow: hidden; overflow: hidden;
margin-top: 0px; margin-top: 0;
width: calc(100% - 2px); width: calc(100% - 2px);
position: absolute; position: absolute;
.search_button { .search_button {
@ -1662,7 +1659,7 @@ div.focused_table {
min-width: 100%; min-width: 100%;
.fa-search { .fa-search {
padding: 0px; padding: 0;
font-size: 20px; font-size: 20px;
position: absolute; position: absolute;
left: 10px; left: 10px;
@ -1679,18 +1676,18 @@ div.focused_table {
width: 100%; width: 100%;
font-size: 16px; font-size: 16px;
height: $header_height; height: $header_height;
padding: 0px; padding: 0;
padding-left: 5px; padding-left: 5px;
padding-right: 20px; padding-right: 20px;
border: none; border: none;
border-radius: 0px; border-radius: 0;
font-family: "Source Sans Pro"; font-family: "Source Sans Pro";
font-weight: 300; font-weight: 300;
line-height: $header_height; line-height: $header_height;
} }
#search_arrows:focus { #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, .search_button,
@ -1699,7 +1696,7 @@ div.focused_table {
right: 35px; right: 35px;
top: 6px; top: 6px;
background: none; background: none;
border-radius: 0px; border-radius: 0;
border: none; border: none;
height: 30px; height: 30px;
text-align: center; text-align: center;
@ -1727,7 +1724,7 @@ div.focused_table {
padding: 0 10px; padding: 0 10px;
font-size: 20px; font-size: 20px;
z-index: 5; z-index: 5;
left: 0px; left: 0;
} }
.search_icon_hover_highlight, .search_icon_hover_highlight,
@ -1747,12 +1744,12 @@ div.focused_table {
flex-wrap: nowrap; flex-wrap: nowrap;
align-items: center; align-items: center;
border: none; border: none;
padding: 0px; padding: 0;
} }
@media (min-width: 500px) { @media (min-width: 500px) {
.pill { .pill {
padding: 2px 0px 2px 0px !important; padding: 2px 0 2px 0 !important;
font-size: 14px; font-size: 14px;
} }
} }
@ -1769,13 +1766,13 @@ div.focused_table {
#searchbox_legacy { #searchbox_legacy {
#search_arrows { #search_arrows {
padding-left: 0px; padding-left: 0;
} }
#search_query { #search_query {
padding-left: 35px; padding-left: 35px;
} }
.search_button { .search_button {
right: 0px; right: 0;
} }
.navbar-search.expanded { .navbar-search.expanded {
.search_button { .search_button {
@ -1800,7 +1797,7 @@ div.focused_table {
float: right; float: right;
ul.nav { ul.nav {
margin: 0px; margin: 0;
.dropdown-toggle, .dropdown-toggle,
li.active .dropdown-toggle { li.active .dropdown-toggle {
@ -1808,7 +1805,7 @@ div.focused_table {
color: inherit; color: inherit;
opacity: 0.5; opacity: 0.5;
text-shadow: none; text-shadow: none;
padding-left: 0px !important; padding-left: 0 !important;
background-color: inherit; background-color: inherit;
box-shadow: inherit; box-shadow: inherit;
display: block; display: block;
@ -1838,8 +1835,8 @@ div.focused_table {
#streamlist-toggle { #streamlist-toggle {
display: none; display: none;
position: absolute; position: absolute;
top: 0px; top: 0;
left: 0px; left: 0;
text-align: center; text-align: center;
vertical-align: middle; vertical-align: middle;
// border-right: 2px solid hsl(204, 20%, 74%); // border-right: 2px solid hsl(204, 20%, 74%);
@ -1868,7 +1865,7 @@ div.focused_table {
top: 4px; top: 4px;
right: 4px; right: 4px;
border: 1px solid hsl(0, 0%, 93%); 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; border-radius: 12px;
padding: 1px 1px 1px 1px; padding: 1px 1px 1px 1px;
font-size: 9px; font-size: 9px;
@ -1879,15 +1876,15 @@ div.focused_table {
.nav .dropdown-menu { .nav .dropdown-menu {
left: auto; left: auto;
right: 0px; right: 0;
top: 30px; top: 30px;
min-width: 180px; 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 { &::after {
position: absolute; position: absolute;
width: 0px; width: 0;
height: 0px; height: 0;
top: -7px; top: -7px;
right: 19px; right: 19px;
display: inline-block; display: inline-block;
@ -2054,7 +2051,7 @@ div.floating_recipient {
display: block; display: block;
input[type="checkbox"] { input[type="checkbox"] {
margin: 5px 0px; margin: 5px 0;
float: none; float: none;
} }
} }
@ -2069,7 +2066,7 @@ div.floating_recipient {
} }
input[type="checkbox"] { input[type="checkbox"] {
margin: 5px 0px; margin: 5px 0;
float: none; float: none;
} }
} }
@ -2142,7 +2139,7 @@ div.topic_edit_spinner .loading_indicator_spinner {
outline: 0; outline: 0;
form { form {
margin-bottom: 0px; margin-bottom: 0;
} }
} }
@ -2187,7 +2184,7 @@ div.topic_edit_spinner .loading_indicator_spinner {
.modal-footer { .modal-footer {
position: absolute; position: absolute;
bottom: 0px; bottom: 0;
width: calc(100% - 30px); width: calc(100% - 30px);
} }
@ -2236,7 +2233,7 @@ div.topic_edit_spinner .loading_indicator_spinner {
#notifications-area { #notifications-area {
position: fixed; position: fixed;
z-index: 10; z-index: 10;
bottom: 0px; bottom: 0;
right: 20px; right: 20px;
width: 200px; width: 200px;
height: auto; height: auto;
@ -2277,7 +2274,7 @@ div.topic_edit_spinner .loading_indicator_spinner {
#pw_strength { #pw_strength {
width: 100%; width: 100%;
height: 10px; height: 10px;
margin-bottom: 0px; margin-bottom: 0;
} }
/* Override padding-top on form labels when they label only text */ /* Override padding-top on form labels when they label only text */
@ -2309,7 +2306,7 @@ div.topic_edit_spinner .loading_indicator_spinner {
width: 33%; width: 33%;
border-top: 1px solid hsl(0, 0%, 88%); border-top: 1px solid hsl(0, 0%, 88%);
border-bottom: 1px solid hsl(0, 0%, 100%); 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: " "; content: " ";
vertical-align: middle; vertical-align: middle;
width: 50%; width: 50%;
height: 0px; height: 0;
border-top: 1px solid hsl(0, 0%, 88%); border-top: 1px solid hsl(0, 0%, 88%);
border-bottom: 1px solid hsl(0, 0%, 100%); border-bottom: 1px solid hsl(0, 0%, 100%);
} }
@ -2367,8 +2364,8 @@ div.topic_edit_spinner .loading_indicator_spinner {
cursor: default; cursor: default;
.edit-controls { .edit-controls {
margin-left: 0px; margin-left: 0;
margin-top: 0px; margin-top: 0;
} }
textarea { textarea {
@ -2378,11 +2375,11 @@ div.topic_edit_spinner .loading_indicator_spinner {
} }
.control-group.no-margin { .control-group.no-margin {
margin-bottom: 0px; margin-bottom: 0;
} }
.action-buttons { .action-buttons {
margin: 10px 0px; margin: 10px 0;
} }
} }
@ -2523,11 +2520,11 @@ select.inline_select_topic_edit {
position: absolute; position: absolute;
float: none; float: none;
right: 15px; right: 15px;
top: 0px; top: 0;
.right-sidebar { .right-sidebar {
background-color: hsla(0, 0%, 100%, 1); 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%); border-left: 1px solid hsl(0, 0%, 87%);
// We use both margin and padding to // We use both margin and padding to
@ -2536,11 +2533,11 @@ select.inline_select_topic_edit {
margin-top: $header_height; margin-top: $header_height;
padding-top: $header_padding_bottom; padding-top: $header_padding_bottom;
padding-bottom: 0px; padding-bottom: 0;
padding-left: 15px; padding-left: 15px;
padding-right: 15px; padding-right: 15px;
height: 100%; height: 100%;
right: 0px; right: 0;
} }
} }
} }
@ -2556,7 +2553,7 @@ select.inline_select_topic_edit {
.nav .dropdown-menu { .nav .dropdown-menu {
min-width: 180px; 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 { &::after {
right: 21px; right: 21px;
@ -2591,7 +2588,7 @@ select.inline_select_topic_edit {
@media (max-width: 775px) { @media (max-width: 775px) {
body { body {
padding: 0px; padding: 0;
} }
.column-left { .column-left {
@ -2601,12 +2598,12 @@ select.inline_select_topic_edit {
display: block; display: block;
position: absolute; position: absolute;
float: none; float: none;
left: 0px; left: 0;
top: 0px; top: 0;
.left-sidebar { .left-sidebar {
background-color: hsla(0, 0%, 100%, 1); 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%); border-right: 1px solid hsl(0, 0%, 87%);
// We use both margin and padding to // We use both margin and padding to
@ -2636,21 +2633,21 @@ select.inline_select_topic_edit {
} }
.header-main .column-middle { .header-main .column-middle {
margin-left: 0px; margin-left: 0;
} }
.column-middle-inner { .column-middle-inner {
margin-left: 0px; margin-left: 0;
margin-right: 15px; margin-right: 15px;
} }
.app-main .column-middle .column-middle-inner { .app-main .column-middle .column-middle-inner {
margin-right: 0px; margin-right: 0;
} }
.skinny-user-gravatar { .skinny-user-gravatar {
position: absolute; position: absolute;
top: 0px; top: 0;
} }
#streamlist-toggle { #streamlist-toggle {
@ -2695,7 +2692,7 @@ select.inline_select_topic_edit {
.column-left.expanded { .column-left.expanded {
.left-sidebar { .left-sidebar {
padding: 0px; padding: 0;
#streams_header { #streams_header {
padding-right: 10px; padding-right: 10px;
@ -2729,8 +2726,8 @@ select.inline_select_topic_edit {
#streamlist-toggle-button { #streamlist-toggle-button {
height: 30px; height: 30px;
padding-top: 0px; padding-top: 0;
padding-bottom: 0px; padding-bottom: 0;
} }
#navbar-buttons ul.nav .dropdown-toggle, #navbar-buttons ul.nav .dropdown-toggle,
@ -2746,7 +2743,7 @@ select.inline_select_topic_edit {
.search_button, .search_button,
.search_button[disabled]:hover { .search_button[disabled]:hover {
top: 0px; top: 0;
} }
} }

View File

@ -14,7 +14,6 @@ module.exports = {
// Disable standard rules we don't comply with yet // Disable standard rules we don't comply with yet
"comment-empty-line-before": null, "comment-empty-line-before": null,
"declaration-empty-line-before": null, "declaration-empty-line-before": null,
"length-zero-no-unit": null,
// Additional stylistic rules // Additional stylistic rules
"font-family-name-quotes": "always-where-recommended", "font-family-name-quotes": "always-where-recommended",

View File

@ -23,8 +23,8 @@ body {
table { table {
border-collapse: separate; border-collapse: separate;
mso-table-lspace: 0pt; mso-table-lspace: 0;
mso-table-rspace: 0pt; mso-table-rspace: 0;
width: 100%; width: 100%;
} }
@ -62,7 +62,7 @@ table td {
.wrapper { .wrapper {
box-sizing: border-box; box-sizing: border-box;
padding: 0px 20px 20px 20px; padding: 0 20px 20px 20px;
} }
.footer { .footer {
@ -83,7 +83,7 @@ table td {
} }
.footer .content-block p { .footer .content-block p {
margin-top: 0px; margin-top: 0;
} }
h1, h1,
@ -111,7 +111,7 @@ ol {
font-family: sans-serif; font-family: sans-serif;
font-size: 14px; font-size: 14px;
font-weight: normal; font-weight: normal;
margin: 10px 0px; margin: 10px 0;
} }
p li, p li,
@ -136,7 +136,7 @@ a:hover {
.button { .button {
display: block; display: block;
padding: 10px 0px; padding: 10px 0;
margin: 20px auto; margin: 20px auto;
width: 200px; width: 200px;
border: 1px solid #80d1ba; border: 1px solid #80d1ba;
@ -319,7 +319,7 @@ a.button:hover {
} }
table[class="body"] .wrapper { table[class="body"] .wrapper {
padding: 0px 10px 10px 10px; padding: 0 10px 10px 10px;
} }
table[class="body"] .article { table[class="body"] .article {