Apply prettier formatting
This commit is contained in:
@@ -68,7 +68,7 @@ limitations under the License.
|
||||
background-color: $accent;
|
||||
|
||||
&::before {
|
||||
mask-image: url('$(res)/img/feather-customised/check.svg');
|
||||
mask-image: url("$(res)/img/feather-customised/check.svg");
|
||||
}
|
||||
}
|
||||
|
||||
@@ -76,7 +76,7 @@ limitations under the License.
|
||||
background-color: $alert;
|
||||
|
||||
&::before {
|
||||
mask-image: url('$(res)/img/feather-customised/x.svg');
|
||||
mask-image: url("$(res)/img/feather-customised/x.svg");
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -40,7 +40,7 @@ limitations under the License.
|
||||
display: block;
|
||||
/* center to first line */
|
||||
position: relative;
|
||||
top: .15em;
|
||||
top: 0.15em;
|
||||
|
||||
&::before {
|
||||
content: "";
|
||||
|
||||
@@ -23,7 +23,7 @@ limitations under the License.
|
||||
/* force this element to appear on the DOM */
|
||||
content: "";
|
||||
|
||||
background-color: #8D97A5;
|
||||
background-color: #8d97a5;
|
||||
width: inherit;
|
||||
height: inherit;
|
||||
top: 0px;
|
||||
@@ -32,7 +32,7 @@ limitations under the License.
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
|
||||
mask-image: url('$(res)/img/element-icons/call/delete.svg');
|
||||
mask-image: url("$(res)/img/element-icons/call/delete.svg");
|
||||
mask-position: 8px;
|
||||
mask-size: 20px;
|
||||
mask-repeat: no-repeat;
|
||||
|
||||
@@ -50,7 +50,7 @@ limitations under the License.
|
||||
width: 10px;
|
||||
height: 6px;
|
||||
padding-right: 9px;
|
||||
mask: url('$(res)/img/feather-customised/dropdown-arrow.svg');
|
||||
mask: url("$(res)/img/feather-customised/dropdown-arrow.svg");
|
||||
mask-repeat: no-repeat;
|
||||
background: $primary-content;
|
||||
}
|
||||
|
||||
@@ -20,7 +20,7 @@ limitations under the License.
|
||||
|
||||
.mx_ExternalLink_icon {
|
||||
display: inline-block;
|
||||
mask-image: url('$(res)/img/external-link.svg');
|
||||
mask-image: url("$(res)/img/external-link.svg");
|
||||
background-color: currentColor;
|
||||
mask-repeat: no-repeat;
|
||||
mask-size: contain;
|
||||
|
||||
@@ -56,7 +56,7 @@ limitations under the License.
|
||||
mask-position: center;
|
||||
mask-size: 20px;
|
||||
mask-repeat: no-repeat;
|
||||
mask-image: url('$(res)/img/element-icons/room/ellipsis.svg');
|
||||
mask-image: url("$(res)/img/element-icons/room/ellipsis.svg");
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -65,7 +65,7 @@ limitations under the License.
|
||||
right: 10px;
|
||||
width: 10px;
|
||||
height: 6px;
|
||||
mask: url('$(res)/img/feather-customised/dropdown-arrow.svg');
|
||||
mask: url("$(res)/img/feather-customised/dropdown-arrow.svg");
|
||||
mask-repeat: no-repeat;
|
||||
background-color: $primary-content;
|
||||
z-index: 1;
|
||||
@@ -96,10 +96,7 @@ limitations under the License.
|
||||
}
|
||||
|
||||
.mx_Field label {
|
||||
transition:
|
||||
font-size 0.25s ease-out 0.1s,
|
||||
color 0.25s ease-out 0.1s,
|
||||
transform 0.25s ease-out 0.1s,
|
||||
transition: font-size 0.25s ease-out 0.1s, color 0.25s ease-out 0.1s, transform 0.25s ease-out 0.1s,
|
||||
background-color 0.25s ease-out 0.1s;
|
||||
background-color: transparent;
|
||||
font-size: $font-14px;
|
||||
@@ -121,10 +118,7 @@ limitations under the License.
|
||||
.mx_Field input:not(:placeholder-shown) + label,
|
||||
.mx_Field textarea:focus + label,
|
||||
.mx_Field textarea:not(:placeholder-shown) + label {
|
||||
transition:
|
||||
font-size 0.25s ease-out 0s,
|
||||
color 0.25s ease-out 0s,
|
||||
transform 0.25s ease-out 0s,
|
||||
transition: font-size 0.25s ease-out 0s, color 0.25s ease-out 0s, transform 0.25s ease-out 0s,
|
||||
background-color 0.25s ease-out 0s;
|
||||
font-size: $font-10px;
|
||||
transform: translateY(-13px);
|
||||
|
||||
@@ -97,7 +97,7 @@ $button-gap: 24px;
|
||||
display: block;
|
||||
|
||||
&::before {
|
||||
content: '';
|
||||
content: "";
|
||||
height: $icon-size;
|
||||
width: $icon-size;
|
||||
mask-repeat: no-repeat;
|
||||
@@ -109,27 +109,27 @@ $button-gap: 24px;
|
||||
}
|
||||
|
||||
.mx_ImageView_button_rotateCW::before {
|
||||
mask-image: url('$(res)/img/image-view/rotate-cw.svg');
|
||||
mask-image: url("$(res)/img/image-view/rotate-cw.svg");
|
||||
}
|
||||
|
||||
.mx_ImageView_button_rotateCCW::before {
|
||||
mask-image: url('$(res)/img/image-view/rotate-ccw.svg');
|
||||
mask-image: url("$(res)/img/image-view/rotate-ccw.svg");
|
||||
}
|
||||
|
||||
.mx_ImageView_button_zoomOut::before {
|
||||
mask-image: url('$(res)/img/image-view/zoom-out.svg');
|
||||
mask-image: url("$(res)/img/image-view/zoom-out.svg");
|
||||
}
|
||||
|
||||
.mx_ImageView_button_zoomIn::before {
|
||||
mask-image: url('$(res)/img/image-view/zoom-in.svg');
|
||||
mask-image: url("$(res)/img/image-view/zoom-in.svg");
|
||||
}
|
||||
|
||||
.mx_ImageView_button_download::before {
|
||||
mask-image: url('$(res)/img/image-view/download.svg');
|
||||
mask-image: url("$(res)/img/image-view/download.svg");
|
||||
}
|
||||
|
||||
.mx_ImageView_button_more::before {
|
||||
mask-image: url('$(res)/img/image-view/more.svg');
|
||||
mask-image: url("$(res)/img/image-view/more.svg");
|
||||
}
|
||||
|
||||
.mx_ImageView_button_close {
|
||||
@@ -139,7 +139,7 @@ $button-gap: 24px;
|
||||
&::before {
|
||||
width: $button-size;
|
||||
height: $button-size;
|
||||
mask-image: url('$(res)/img/image-view/close.svg');
|
||||
mask-image: url("$(res)/img/image-view/close.svg");
|
||||
mask-size: 40%;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -28,14 +28,14 @@ limitations under the License.
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
mask-position: center;
|
||||
content: '';
|
||||
content: "";
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.mx_InfoTooltip_icon_info::before {
|
||||
mask-image: url('$(res)/img/element-icons/info.svg');
|
||||
mask-image: url("$(res)/img/element-icons/info.svg");
|
||||
}
|
||||
|
||||
.mx_InfoTooltip_icon_warning::before {
|
||||
mask-image: url('$(res)/img/element-icons/warning.svg');
|
||||
mask-image: url("$(res)/img/element-icons/warning.svg");
|
||||
}
|
||||
|
||||
@@ -18,7 +18,8 @@ limitations under the License.
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.mx_InlineSpinner img, .mx_InlineSpinner_icon {
|
||||
.mx_InlineSpinner img,
|
||||
.mx_InlineSpinner_icon {
|
||||
margin: 0px 6px;
|
||||
vertical-align: -3px;
|
||||
}
|
||||
|
||||
@@ -38,7 +38,7 @@ limitations under the License.
|
||||
content: "";
|
||||
margin-right: 8px;
|
||||
background-color: $secondary-content;
|
||||
mask-image: url('$(res)/img/feather-customised/eye.svg');
|
||||
mask-image: url("$(res)/img/feather-customised/eye.svg");
|
||||
display: inline-block;
|
||||
width: 18px;
|
||||
height: 14px;
|
||||
|
||||
@@ -50,7 +50,7 @@ limitations under the License.
|
||||
background-color: $secondary-content;
|
||||
mask-position: center;
|
||||
mask-repeat: no-repeat;
|
||||
mask-image: url('$(res)/img/element-icons/camera.svg');
|
||||
mask-image: url("$(res)/img/element-icons/camera.svg");
|
||||
mask-size: 16px;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
@@ -20,7 +20,7 @@
|
||||
}
|
||||
|
||||
.mx_Markdown_CODE {
|
||||
padding: .2em 0;
|
||||
padding: 0.2em 0;
|
||||
margin: 0;
|
||||
font-size: 85%;
|
||||
background-color: $rte-code-bg-color;
|
||||
|
||||
@@ -34,7 +34,8 @@ limitations under the License.
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.mx_Field_prefix, .mx_Field_postfix {
|
||||
.mx_Field_prefix,
|
||||
.mx_Field_postfix {
|
||||
color: $info-plinth-fg-color;
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
|
||||
@@ -45,7 +45,7 @@ limitations under the License.
|
||||
position: relative;
|
||||
|
||||
&::before {
|
||||
content: '';
|
||||
content: "";
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
position: absolute;
|
||||
@@ -54,7 +54,7 @@ limitations under the License.
|
||||
mask-position: center;
|
||||
mask-size: contain;
|
||||
mask-repeat: no-repeat;
|
||||
mask-image: url('$(res)/img/element-icons/i.svg');
|
||||
mask-image: url("$(res)/img/element-icons/i.svg");
|
||||
background: #ffffff;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -56,7 +56,8 @@ limitations under the License.
|
||||
color: $secondary-content;
|
||||
|
||||
/* Support code/pre elements in settings flag descriptions */
|
||||
pre, code {
|
||||
pre,
|
||||
code {
|
||||
font-family: $monospace-font-family !important;
|
||||
background-color: $rte-code-bg-color;
|
||||
}
|
||||
|
||||
@@ -39,7 +39,7 @@ limitations under the License.
|
||||
|
||||
.mx_Spinner_icon {
|
||||
background-color: $quinary-content;
|
||||
mask: url('$(res)/img/spinner/spinner-background.svg');
|
||||
mask: url("$(res)/img/spinner/spinner-background.svg");
|
||||
mask-size: 100%;
|
||||
|
||||
display: flex;
|
||||
@@ -51,7 +51,7 @@ limitations under the License.
|
||||
|
||||
&::before {
|
||||
background-color: $secondary-content;
|
||||
mask: url('$(res)/img/spinner/spinner-foreground.svg');
|
||||
mask: url("$(res)/img/spinner/spinner-foreground.svg");
|
||||
mask-size: 100%;
|
||||
|
||||
width: 100%;
|
||||
|
||||
@@ -53,7 +53,7 @@ limitations under the License.
|
||||
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
mask-image: url('$(res)/img/feather-customised/check.svg');
|
||||
mask-image: url("$(res)/img/feather-customised/check.svg");
|
||||
mask-position: center;
|
||||
mask-size: 100%;
|
||||
mask-repeat: no-repeat;
|
||||
|
||||
@@ -50,7 +50,6 @@ limitations under the License.
|
||||
}
|
||||
|
||||
.mx_Tag {
|
||||
|
||||
font-size: $font-15px;
|
||||
|
||||
display: inline-flex;
|
||||
@@ -63,7 +62,7 @@ limitations under the License.
|
||||
color: $primary-content;
|
||||
background: $quinary-content;
|
||||
|
||||
>svg:first-child {
|
||||
> svg:first-child {
|
||||
width: 1em;
|
||||
color: $secondary-content;
|
||||
transform: scale(1.25);
|
||||
@@ -81,7 +80,7 @@ limitations under the License.
|
||||
position: relative;
|
||||
|
||||
svg {
|
||||
width: .5em;
|
||||
width: 0.5em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -17,7 +17,7 @@ limitations under the License.
|
||||
.mx_ToggleSwitch {
|
||||
--ToggleSwitch-min-width: $font-44px;
|
||||
|
||||
transition: background-color 0.20s ease-out 0.1s;
|
||||
transition: background-color 0.2s ease-out 0.1s;
|
||||
|
||||
width: $font-44px;
|
||||
height: $font-20px;
|
||||
|
||||
@@ -47,7 +47,7 @@ limitations under the License.
|
||||
}
|
||||
|
||||
.mx_Tooltip_chevron::after {
|
||||
content: '';
|
||||
content: "";
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-top: 6px solid transparent;
|
||||
@@ -71,7 +71,7 @@ limitations under the License.
|
||||
max-width: 300px;
|
||||
word-break: break-word;
|
||||
|
||||
background-color: #21262C; /* Same on both themes */
|
||||
background-color: #21262c; /* Same on both themes */
|
||||
color: $accent-fg-color;
|
||||
border: 0;
|
||||
text-align: center;
|
||||
|
||||
@@ -35,7 +35,7 @@ limitations under the License.
|
||||
}
|
||||
|
||||
.mx_TooltipButton:hover {
|
||||
opacity: 1.0;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.mx_TooltipButton_container {
|
||||
|
||||
@@ -88,7 +88,8 @@ limitations under the License.
|
||||
}
|
||||
|
||||
.mx_UseCaseSelection_selected {
|
||||
.mx_UseCaseSelection_slideIn, .mx_UseCaseSelection_slideInDelayed {
|
||||
.mx_UseCaseSelection_slideIn,
|
||||
.mx_UseCaseSelection_slideInDelayed {
|
||||
animation-delay: 800ms;
|
||||
animation-duration: 300ms;
|
||||
animation-fill-mode: forwards;
|
||||
|
||||
@@ -29,7 +29,7 @@ limitations under the License.
|
||||
|
||||
.mx_UseCaseSelectionButton_icon {
|
||||
/* workaround: design expects a layering of two colors */
|
||||
background: linear-gradient(0deg, rgba(172, 59, 168, 0.15), rgba(172, 59, 168, 0.15)), #FFFFFF;
|
||||
background: linear-gradient(0deg, rgba(172, 59, 168, 0.15), rgba(172, 59, 168, 0.15)), #ffffff;
|
||||
border-radius: 14px;
|
||||
padding: $spacing-8;
|
||||
margin-bottom: $spacing-16;
|
||||
@@ -39,7 +39,7 @@ limitations under the License.
|
||||
display: block;
|
||||
/* this has to remain the same color across all themes,
|
||||
as its background has a fixed color as well */
|
||||
background: #1E1E1E;
|
||||
background: #1e1e1e;
|
||||
mask-position: center;
|
||||
mask-repeat: no-repeat;
|
||||
mask-size: contain;
|
||||
@@ -48,19 +48,20 @@ limitations under the License.
|
||||
}
|
||||
|
||||
&.mx_UseCaseSelectionButton_messaging::before {
|
||||
mask-image: url('$(res)/img/element-icons/chat-bubble.svg');
|
||||
mask-image: url("$(res)/img/element-icons/chat-bubble.svg");
|
||||
}
|
||||
|
||||
&.mx_UseCaseSelectionButton_work::before {
|
||||
mask-image: url('$(res)/img/element-icons/view-community.svg');
|
||||
mask-image: url("$(res)/img/element-icons/view-community.svg");
|
||||
}
|
||||
|
||||
&.mx_UseCaseSelectionButton_community::before {
|
||||
mask-image: url('$(res)/img/globe.svg');
|
||||
mask-image: url("$(res)/img/globe.svg");
|
||||
}
|
||||
}
|
||||
|
||||
&:hover, &:focus {
|
||||
&:hover,
|
||||
&:focus {
|
||||
box-shadow: 0 $spacing-4 $spacing-8 rgba(0, 0, 0, 0.08);
|
||||
transform: translate(0, -$spacing-8);
|
||||
}
|
||||
@@ -87,7 +88,7 @@ limitations under the License.
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
|
||||
mask-image: url('$(res)/img/element-icons/check-white.svg');
|
||||
mask-image: url("$(res)/img/element-icons/check-white.svg");
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -53,7 +53,7 @@ limitations under the License.
|
||||
color: $accent;
|
||||
|
||||
&::before {
|
||||
mask-image: url('$(res)/img/feather-customised/check.svg');
|
||||
mask-image: url("$(res)/img/feather-customised/check.svg");
|
||||
background-color: $accent;
|
||||
}
|
||||
}
|
||||
@@ -62,7 +62,7 @@ limitations under the License.
|
||||
color: $alert;
|
||||
|
||||
&::before {
|
||||
mask-image: url('$(res)/img/feather-customised/x.svg');
|
||||
mask-image: url("$(res)/img/feather-customised/x.svg");
|
||||
background-color: $alert;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user