File tree Expand file tree Collapse file tree 1 file changed +47
-0
lines changed Expand file tree Collapse file tree 1 file changed +47
-0
lines changed Original file line number Diff line number Diff line change 1
1
# Svelte Fit Text
2
2
3
3
An extremely simple, no dependency fit text library.
4
+
5
+ Demo
6
+ https://svelte.dev/repl/f249268c09674e1da2400051e7f391ca?version=3.50.0
7
+
8
+ ` npm install @leveluptuts/svelte-fit `
9
+
10
+ ```
11
+
12
+ <script>
13
+ import { fit, parent_style } from '@leveluptuts/svelte-fit'
14
+ </script>
15
+
16
+ <!-- Must be in a container -->
17
+ <div class="container">
18
+
19
+ <!-- Parent Wrapping Div -->
20
+ <div style={parent_style}>
21
+ <h1 use:fit>Hello World</h1>
22
+ </div>
23
+
24
+ </div>
25
+
26
+ <style>
27
+ .container {
28
+ height: 300px;
29
+ width: 300px
30
+ }
31
+ </style>
32
+
33
+ ```
34
+
35
+ ## Sponsors
36
+
37
+ ### Level Up Tutorials
38
+
39
+ https://www.leveluptutorials.com
40
+
41
+ Cutting-edge, focused & high quality video tutorials for web developers and designers
42
+ Syntax
43
+
44
+ Learn Svelte!
45
+
46
+ ### https://syntax.fm/
47
+
48
+ A Tasty Treats Podcast for Web Developers. Ft Wes Bos & Scott Tolinski
49
+
50
+ Thank you!
You can’t perform that action at this time.
0 commit comments