[Snippet] SASS function to convert px to rem #178

Original file line number	Diff line number	Diff line change
Expand Up		@@ -32,6 +32,23 @@
		}
		]
		},
	{
	"categoryName": "Debugging",
	"snippets": [
	{
	"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"
	],
	"contributors": [],
	"code": "#include <iostream> \n#include <vector> \n\ntemplate <typename T>\nstd::ostream& operator<<(std::ostream& os, const std::vector<T>& vec) {\n os << \"[\"; \n for (size_t i = 0; i < vec.size(); ++i) {\n os << vec[i]; // Print each vector element\n if (i != vec.size() - 1) {\n os << \", \"; // Add separator\n }\n }\n os << \"]\"; \n return os; // Return the stream\n}\n\n// Usage:\nstd::vector<int> numbers = {1, 2, 3, 4, 5};\nstd::cout << numbers << std::endl; // Outputs: [1, 2, 3, 4, 5]\n\n"
	}
	]
	},
		{
		"categoryName": "Debuging",
		"snippets": [
Expand Down

13 changes: 13 additions & 0 deletions public/consolidated/scss.json

Show comments View file Open in desktop

Original file line number	Diff line number	Diff line change
Expand Up		@@ -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.",
Expand Down

29 changes: 29 additions & 0 deletions snippets/cpp/debuging/vector-print.md

Show comments View file Open in desktop

Original file line number	Diff line number	Diff line change
		@@ -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]

	```

19 changes: 19 additions & 0 deletions snippets/scss/typography/px-to-rem-helper.md

Show comments View file Open in desktop

Original file line number	Diff line number	Diff line change
		@@ -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
	}
	```

Navigation Menu