Apply prettier formatting

This commit is contained in:
Michael Weimann
2022-12-12 12:24:14 +01:00
parent 1cac306093
commit 526645c791
1576 changed files with 65384 additions and 62477 deletions
@@ -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");
}
}
+1 -1
View File
@@ -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;
+1 -1
View File
@@ -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;
}
+1 -1
View File
@@ -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;
+1 -1
View File
@@ -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");
}
}
}
+3 -9
View File
@@ -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);
+8 -8
View File
@@ -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%;
}
}
+3 -3
View File
@@ -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");
}
+2 -1
View File
@@ -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;
}
+1 -1
View File
@@ -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;
}
+1 -1
View File
@@ -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;
+2 -1
View File
@@ -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;
+2 -2
View File
@@ -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;
}
}
+2 -1
View File
@@ -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;
}
+2 -2
View File
@@ -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%;
+1 -1
View File
@@ -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;
+2 -3
View File
@@ -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;
}
}
+1 -1
View File
@@ -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;
+2 -2
View File
@@ -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;
+1 -1
View File
@@ -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");
}
}
+2 -2
View File
@@ -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;
}
}