krypton225

@function get-half($number) {
    @return $number / 2;
}

@function square($number) {
    @return $number * $number;
}

@function rem($px-val) {
    $rem-val: $px-val / $base-fz;

krypton225

    "javascript.inlayHints.parameterNames.enabled": "all",
    "typescript.inlayHints.parameterNames.enabled": "all",
    "javascript.inlayHints.variableTypes.enabled": true,
    "typescript.inlayHints.variableTypes.enabled": true,
    "editor.inlayHints.padding": true,
    "editor.inlayHints.fontSize": 13,
    "javascript.inlayHints.enumMemberValues.enabled": true,
    "javascript.inlayHints.functionLikeReturnTypes.enabled": true,
    "javascript.inlayHints.parameterTypes.enabled": true,
    "javascript.inlayHints.propertyDeclarationTypes.enabled": true,

krypton225

/*
    * This is just a module for generating IDs when you want mapping through array of objects (Useful in React JS).
    * Learn about generator functions here: https://javascript.info/generators
    * This code is made by using (Reavelling Design Pattern).
    * Learn about this pattern here (Arabic explain) : shorturl.at/jkUW4
*/

/*
   * File and name it: generate-id.js (feel free to name it as you want).
   * Best practice to put this file in folder and name it: utils.

krypton225

/*
    * Author: Khaled Mohamed.
    * Last updated: 15-5-2023.
*/

@charset "UTF-8";
@use "sass:list";
@use "sass:math";

/* ================================================= */

krypton225

{
	"Reset all properties shortcut": {
		"scope": "css",
		"prefix": "reset",
		"body": "margin: 0; \npadding: 0; \nbox-sizing: border-box;",
		"description": "This is for reset all properties in css *"
	},
	"Remove tap highlighted color shortcut": {
		"scope": "css",
		"prefix": "rmv-tap",