feat: format code.

hellof2e · Nov 8, 2022 · 69172af · 69172af
1 parent 28b3b72
commit 69172af
Show file tree

Hide file tree

Showing 5 changed files with 11 additions and 10 deletions.
diff --git a/packages/quark/src/marquee/demo.scss b/packages/quark/src/marquee/demo.scss
@@ -15,4 +15,4 @@ quark-marquee {
 
 .paused-button {
   margin: 0 0 10px 20px;
-}
+}
diff --git a/packages/quark/src/marquee/doc-react.en-US.md b/packages/quark/src/marquee/doc-react.en-US.md
@@ -7,7 +7,7 @@ Text scrolling.
 ### Install
 
 ```tsx
-import { Marquee } from "@quarkd/quark-react"
+import { Marquee } from "@quarkd/quark-react";
 ```
 
 ### Basic Usage

diff --git a/packages/quark/src/marquee/doc-react.zh-CN.md b/packages/quark/src/marquee/doc-react.zh-CN.md
@@ -7,7 +7,7 @@
 ### 安装使用
 
 ```tsx
-import { Marquee } from "@quarkd/quark-react"
+import { Marquee } from "@quarkd/quark-react";
 ```
 
 ### 基础用法

diff --git a/packages/quark/src/marquee/index.tsx b/packages/quark/src/marquee/index.tsx
@@ -50,8 +50,8 @@ class QuarkMarquee extends QuarkElement {
 
     if (container.offsetWidth >= (this.textWidth || text.offsetWidth)) {
       this.animating = false;
-      text.style.removeProperty('animation-duration');
-      text.style.removeProperty('animation-name');
+      text.style.removeProperty("animation-duration");
+      text.style.removeProperty("animation-name");
       return;
     }
 
@@ -65,19 +65,20 @@ class QuarkMarquee extends QuarkElement {
     }
 
     this.animating = true;
-    text.style.animationDirection = this.reverse ? 'reverse' : 'normal';
+    text.style.animationDirection = this.reverse ? "reverse" : "normal";
     text.style.animationDuration = `${Math.round(
       text.offsetWidth / Number(this.speed)
     )}s`;
-    text.style.animationName = 'quark-marquee-animation';
+    text.style.animationName = "quark-marquee-animation";
   };
 
   render() {
     return (
       <Fragment>
         <span
-          class={`quark-marquee-title ${this.paused ? 'quark-marquee-paused' : ''
-            }`}
+          class={`quark-marquee-title ${
+            this.paused ? "quark-marquee-paused" : ""
+          }`}
           ref={this.titleRef}
           onTransitionend={this.transitionEnd}
         >

diff --git a/packages/quark/src/marquee/style.css b/packages/quark/src/marquee/style.css
@@ -28,4 +28,4 @@
   100% {
     transform: translateX(-100%);
   }
-}
+}