index.scroll
Changed around line 2: scrollMarqueeParser
+ atoms cueAtom
+ catchAllAtomType stringAtom
index.scroll
Changed around line 1
- scrollParqueeParser
+ scrollMarqueeParser
index.scroll
Changed around line 1
- cue marquee
+ cue marquee
index.scroll
Changed around line 1
- marqueeParser
+ scrollParqueeParser
index.scroll
Changed around line 3: marqueeParser
+ defaultTag = "marquee"
index.scroll
Changed around line 3: marqueeParser
- buildHtml() {
- const id = this._getUid()
- const text = this.content || ""
- const styles = `
- @keyframes scroll-left {
- 0% { transform: translateX(100%); }
- 100% { transform: translateX(-100%); }
- }
- .scrollMarquee${id} {
- overflow: hidden;
- padding: 1rem;
- background: #f9fafb;
- border-radius: 0.5rem;
- margin: 1rem 0;
- }
- .scrollMarquee${id} span {
- display: inline-block;
- white-space: nowrap;
- animation: scroll-left 15s linear infinite;
- font-weight: 600;
- color: #2563eb;
- }`
- return `
-
- ${text}
-
`- }
- tag = "div"
- defaultClassName = "scrollMarquee"
+ tag = "marquee"
index.scroll
Changed around line 25: marqueeParser
-
index.scroll
Changed around line 1
- extends paragraphParser
+ extends scrollParagraphParser
index.scroll
Changed around line 1
- buildHtml
- theme roboto
+ marqueeParser
+ description A scrolling marquee text effect.
+ extends paragraphParser
+ cue marquee
+ javascript
+ buildHtml() {
+ const id = this._getUid()
+ const text = this.content || ""
+ const styles = `
+ @keyframes scroll-left {
+ 0% { transform: translateX(100%); }
+ 100% { transform: translateX(-100%); }
+ }
+ .scrollMarquee${id} {
+ overflow: hidden;
+ padding: 1rem;
+ background: #f9fafb;
+ border-radius: 0.5rem;
+ margin: 1rem 0;
+ }
+ .scrollMarquee${id} span {
+ display: inline-block;
+ white-space: nowrap;
+ animation: scroll-left 15s linear infinite;
+ font-weight: 600;
+ color: #2563eb;
+ }`
- Hello World my name is
+ return `
+
+ ${text}
+
`+ }
+ tag = "div"
+ defaultClassName = "scrollMarquee"
.gitignore
Changed around line 1
+ .DS_Store
+ *.html
+ *.txt
+ *.xml
+ *.css
+ *.js
+ *.csv
+ requests.scroll
index.scroll
Changed around line 1
+ buildHtml
+ theme roboto
+
+ Hello World my name is