quicksnip-dev
diff --git a/‎index.html
Lines changed: 18 additions & 1 deletion b/‎index.html
Lines changed: 18 additions & 1 deletion
diff --git a/‎public/data/index.json
Lines changed: 1 addition & 1 deletion b/‎public/data/index.json
Lines changed: 1 addition & 1 deletion
diff --git a/‎public/data/python.json
Lines changed: 0 additions & 40 deletions b/‎public/data/python.json
Lines changed: 0 additions & 40 deletions
diff --git a/‎public/data/sass.json
Lines changed: 35 additions & 0 deletions b/‎public/data/sass.json
Lines changed: 35 additions & 0 deletions
diff --git a/‎public/favicon/android-chrome-192x192.png
42.4 KB b/‎public/favicon/android-chrome-192x192.png
42.4 KB
diff --git a/‎public/favicon/android-chrome-512x512.png
217 KB b/‎public/favicon/android-chrome-512x512.png
217 KB
diff --git a/‎public/favicon/apple-touch-icon.png
37.9 KB b/‎public/favicon/apple-touch-icon.png
37.9 KB
diff --git a/‎public/favicon/favicon-16x16.png
838 Bytes b/‎public/favicon/favicon-16x16.png
838 Bytes
diff --git a/‎public/favicon/favicon-32x32.png
2.13 KB b/‎public/favicon/favicon-32x32.png
2.13 KB
diff --git a/‎public/favicon/favicon.ico
15 KB b/‎public/favicon/favicon.ico
15 KB
@@ -2,7 +2,24 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <link
+      rel="apple-touch-icon"
+      sizes="180x180"
+      href="/favicon/apple-touch-icon.png"
+    />
+    <link
+      rel="icon"
+      type="image/png"
+      sizes="32x32"
+      href="/favicon/favicon-32x32.png"
+    />
+    <link
+      rel="icon"
+      type="image/png"
+      sizes="16x16"
+      href="/favicon/favicon-16x16.png"
+    />
+    <link rel="manifest" href="/site.webmanifest" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>QuickSnip</title>
   </head>
 
@@ -1,3 +1,3 @@
 {
-  "languages": ["JavaScript", "Python"]
+  "languages": ["JavaScript", "Sass"]
 }
@@ -0,0 +1,35 @@
+[
+  {
+    "categoryName": "Typography",
+    "snippets": [
+      {
+        "title": "Line Clamp Mixin",
+        "description": "A Sass mixin to clamp text to a specific number of lines.",
+        "code": "@mixin line-clamp($number) {\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: $number;\n  overflow: hidden;\n}",
+        "tags": ["sass", "mixin", "typography", "css"],
+        "author": "@technoph1le"
+      },
+      {
+        "title": "Text Overflow Ellipsis",
+        "description": "Ensures long text is truncated with an ellipsis.",
+        "code": "@mixin text-ellipsis {\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}",
+        "tags": ["sass", "mixin", "text", "css"],
+        "author": "@technoph1le"
+      },
+      {
+        "title": "Font Import Helper",
+        "description": "Simplifies importing custom fonts in Sass.",
+        "code": "@mixin import-font($family, $weight: 400, $style: normal) {\n  @font-face {\n    font-family: #{$family};\n    font-weight: #{$weight};\n    font-style: #{$style};\n    src: url('/fonts/#{$family}-#{$weight}.woff2') format('woff2'),\n         url('/fonts/#{$family}-#{$weight}.woff') format('woff');\n  }\n}",
+        "tags": ["sass", "mixin", "fonts", "css"],
+        "author": "@technoph1le"
+      },
+      {
+        "title": "Text Gradient",
+        "description": "Adds a gradient color effect to text.",
+        "code": "@mixin text-gradient($from, $to) {\n  background: linear-gradient(to right, $from, $to);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n}",
+        "tags": ["sass", "mixin", "gradient", "text", "css"],
+        "author": "@technoph1le"
+      }
+    ]
+  }
+]
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,3 @@`
`1`	`1`	`{`
`2`		`- "languages": ["JavaScript", "Python"]`
	`2`	`+ "languages": ["JavaScript", "Sass"]`
`3`	`3`	`}`