{"id":27963174,"url":"https://github.com/windmillcode/vscode-snippets-0","last_synced_at":"2025-10-09T13:34:05.835Z","repository":{"id":223687707,"uuid":"760165917","full_name":"WindMillCode/vscode-snippets-0","owner":"WindMillCode","description":null,"archived":false,"fork":false,"pushed_at":"2024-11-29T05:47:41.000Z","size":601,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-05-07T19:58:17.662Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/WindMillCode.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":["windmillcode"],"patreon":"windmillcode","ko_fi":"windmillcode","open_collective":"windmill-code","community_bridge":"42056b04-305f-4e08-929c-66725181d6af","liberapay":"windmillcode","tidelift":"npm/windmillcode","polar":"windmillcode","thanks_dev":"windmillcode","custom":["https://www.gofundme.com/f/strengthen-our-business-to-take-on-bigger-initiati?utm_campaign=p_lico+share-sheet-first-launch\u0026utm_medium=copy_link\u0026utm_source=customer"]}},"created_at":"2024-02-19T22:49:09.000Z","updated_at":"2024-11-29T05:47:45.000Z","dependencies_parsed_at":"2024-04-09T02:27:00.403Z","dependency_job_id":"0f240304-c888-494a-b174-4dec07422669","html_url":"https://github.com/WindMillCode/vscode-snippets-0","commit_stats":null,"previous_names":["windmillcode0/vscode-snippets-0","windmillcode/vscode-snippets-0"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/WindMillCode%2Fvscode-snippets-0","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/WindMillCode%2Fvscode-snippets-0/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/WindMillCode%2Fvscode-snippets-0/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/WindMillCode%2Fvscode-snippets-0/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/WindMillCode","download_url":"https://codeload.github.com/WindMillCode/vscode-snippets-0/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252949274,"owners_count":21830150,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-05-07T19:58:19.891Z","updated_at":"2025-10-09T13:34:00.803Z","avatar_url":"https://github.com/WindMillCode.png","language":"TypeScript","funding_links":["https://github.com/sponsors/windmillcode","https://patreon.com/windmillcode","https://ko-fi.com/windmillcode","https://opencollective.com/windmill-code","https://funding.communitybridge.org/projects/42056b04-305f-4e08-929c-66725181d6af","https://liberapay.com/windmillcode","https://tidelift.com/funding/github/npm/windmillcode","https://polar.sh/windmillcode","https://thanks.dev/windmillcode","https://www.gofundme.com/f/strengthen-our-business-to-take-on-bigger-initiati?utm_campaign=p_lico+share-sheet-first-launch\u0026utm_medium=copy_link\u0026utm_source=customer"],"categories":[],"sub_categories":[],"readme":"# Windmillcode Snippets Zero\n\n# Overview\n* have code you want to generate but its not big enough to write a script\nbut not small enough to copy and paste here are windmillcode snippets zero\nto ease development in our day to day applications\n\n\n# Docs\n\n## SCSS\n\n### Component styles\n* used when setting up basis for component styles\n* result\n\n$1\n```scss\n:host {\n  \u0026.[COMPONENT_NAME]View {\n  }\n  .[COMPONENT_NAME]{\n    \u0026Main {\n    \u0026Pod{\n    }\n  }\n  .Pod{\n    \u00260{}\n    }\n  }\n}\n```\n\n### Scss for\n* used for css sequences where its better to use a for loop than repeat yourself x times\n* result\n```scss\n@for $i from [START_VALUE_FOR_CSS_RULE] through [END_VALUE_FOR_CSS_RULE] {\n  \u0026#{$i} {\n\n  }\n}\n\n```\n\n\n### Import Global Styles\n* Used to import global stylesheets into your component or project.\n* Result\n\n```scss\n@import \"src/assets/styles/global.scss\";\n```\n\n\n### Numbering Conventions\n* Utilized for creating a structured numbering convention in your styles.\n* Result\n\n```scss\n\u0026[YOUR_NUMBER] {\n  \u00260 {\n\n  }\n}\n```\n\n\n### SCSS EM Values\n* Generates SCSS for converting pixel values to em units. Always use em units to make responsiveness wayy easier\n* Result:\n\n```scss\ncalc(32/10.6 * 1em) = 32px\n```\n\n\n### SCSS CSS Color Value\n* Creates SCSS for referencing CSS color variables using rgba notation. Used to help with color accessiblity and alighing to the UX color scheme even with opacity\n* Result:\n\n```scss\n--primary-color: \"32,64,43\";\n--secondary-color: \"32,64,43\";\n\nrgba(var(--primary-color))\n\n// #Examples\nrgba(var(--primary-color),.5)\n\n// (Dark mode enalbled)\n// if the js script is setup you can now replace the color with a different color and see the update in the dom\n\n```\n\n\nmarkdown\nCopy code\n### SCSS CSS Color Variables\n* Facilitates the creation of SCSS variables for CSS color values.\n* Result:\n\n```scss\n--wml-primary-color:#{\\$wml-primary-color};\n--wml-orig-primary-color:#{\\$wml-primary-color};\n```\n\n### @font-face Base64\n* Generates an @font-face template for embedding fonts using Base64.\n* Result:\n\n```scss\n@font-face {\n  font-family: '$1';\n  font-style: normal;\n  font-weight: 900;\n  font-display: block;\n  src: url(data:font/woff2;base64,) format('woff2'),\n       url(data:font/truetype;base64,) format('truetype'),\n       url(data:application/vnd.ms-fontobject;base64,) format('embedded-opentype'),\n       url(data:image/svg+xml;base64,) format('svg'),\n       url(data:font/woff;base64,) format('woff');\n}\n```\n\n\nmarkdown\nCopy code\n### @font-face URL\n* Generates an @font-face template for linking to font files using URLs.\n* Result:\n\n```scss\n@font-face {\n  font-family: '$1';\n  font-style: normal;\n  font-weight: 900;\n  font-display: block;\n  src: url('../fonts/$1/$1.woff2') format('woff2'),\n       url('../fonts/$1/$1.ttf') format('truetype'),\n       url('../fonts/$1/$1.eot') format('embedded-opentype'),\n       url('../fonts/$1/$1.svg') format('svg'),\n       url('../fonts/$1/$1.woff') format('woff');\n}\n```\n\n\n\n### WML Spacing\n* References WML  spacing variables in SCSS.\n  * note for best spacing use ()\n```\n$wml-spacing3,$wml-spacing5,$wml-spacing7\n```\n* Result:\n\n```scss\npadding: $wml-spacing3\n```\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwindmillcode%2Fvscode-snippets-0","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwindmillcode%2Fvscode-snippets-0","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwindmillcode%2Fvscode-snippets-0/lists"}