[Snippet] SASS function to convert px to rem

public/consolidated/cpp.json

@@ -33,6 +33,7 @@
         ]
     },
     {
+        "categoryName": "Debuging",
         "name": "Debugging",
         "snippets": [
             {

public/consolidated/scss.json

@@ -156,6 +156,19 @@
                 "contributors": [],
                 "code": "@mixin line-clamp($number) {\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: $number;\n  overflow: hidden;\n}\n"
             },
+            {
+                "title": "PX to REM Helper",
+                "description": "This function will convert px values to rem values.",
+                "author": "gihanrangana",
+                "tags": [
+                    "function",
+                    "pixel",
+                    "rem",
+                    "px-to-rem"
+                ],
+                "contributors": [],
+                "code": "@function px-to-rem($px, $base: 16px) {\n  @return ($px / $base) * 1rem;\n}\n\n// Usage:\ndiv {\n  font-size: px-to-rem(12px); // Output: 0.75rem\n  padding: px-to-rem(16px);   // Output: 1rem\n  margin: px-to-rem(32px) // Output 2rem\n}\n"
+            },
             {
                 "title": "Text Gradient",
                 "description": "Adds a gradient color effect to text.",

snippets/cpp/debuging/vector-print.md

@@ -0,0 +1,29 @@
+---
+title: Vector Print
+description: Overloads the << operator to print the contents of a vector just like in python.
+author: Mohamed-faaris
+tags: printing,debuging,vector
+---
+
+```cpp
+#include <iostream> 
+#include <vector>   
+
+template <typename T>
+std::ostream& operator<<(std::ostream& os, const std::vector<T>& vec) {
+    os << "["; 
+    for (size_t i = 0; i < vec.size(); ++i) {
+        os << vec[i]; // Print each vector element
+        if (i != vec.size() - 1) {
+            os << ", "; // Add separator
+        }
+    }
+    os << "]"; 
+    return os; // Return the stream
+}
+
+// Usage:
+std::vector<int> numbers = {1, 2, 3, 4, 5};
+std::cout << numbers << std::endl; // Outputs: [1, 2, 3, 4, 5]
+
+```

snippets/scss/typography/px-to-rem-helper.md

@@ -0,0 +1,19 @@
+---
+title: PX to REM Helper
+description: This function will convert px values to rem values.
+author: gihanrangana
+tags: function,pixel,rem,px-to-rem
+---
+
+```scss
+@function px-to-rem($px, $base: 16px) {
+  @return ($px / $base) * 1rem;
+}
+
+// Usage:
+div {
+  font-size: px-to-rem(12px); // Output: 0.75rem
+  padding: px-to-rem(16px);   // Output: 1rem
+  margin: px-to-rem(32px) // Output 2rem
+}
+```