{"id":15307939,"url":"https://github.com/wscats/html-snippets","last_synced_at":"2025-09-11T04:44:39.195Z","repository":{"id":72736052,"uuid":"317778014","full_name":"Wscats/html-snippets","owner":"Wscats","description":"Full HTML tags including HTML5 Snippets.","archived":false,"fork":false,"pushed_at":"2020-12-11T12:50:45.000Z","size":192,"stargazers_count":51,"open_issues_count":1,"forks_count":6,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-04-14T23:13:54.111Z","etag":null,"topics":["html","html5-canvas","snippets","vscode-extension"],"latest_commit_sha":null,"homepage":"","language":null,"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/Wscats.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.txt","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}},"created_at":"2020-12-02T07:03:54.000Z","updated_at":"2025-02-23T08:25:45.000Z","dependencies_parsed_at":null,"dependency_job_id":"41131a67-3f88-4dda-abb1-befe35402fbe","html_url":"https://github.com/Wscats/html-snippets","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Wscats/html-snippets","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Wscats%2Fhtml-snippets","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Wscats%2Fhtml-snippets/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Wscats%2Fhtml-snippets/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Wscats%2Fhtml-snippets/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Wscats","download_url":"https://codeload.github.com/Wscats/html-snippets/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Wscats%2Fhtml-snippets/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":274578520,"owners_count":25310958,"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","status":"online","status_checked_at":"2025-09-11T02:00:13.660Z","response_time":74,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["html","html5-canvas","snippets","vscode-extension"],"created_at":"2024-10-01T08:13:00.898Z","updated_at":"2025-09-11T04:44:39.147Z","avatar_url":"https://github.com/Wscats.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"# Using\n\nJust enter the prefix name, and the complete code snippet will be automatically completed.\n\n```html\ndiv →\n\u003cdiv\u003e\u003c/div\u003e\ndoc → \u003c!DOCTYPE html\u003e\n```\n\n```javascript\nimp → import xxx from xxx;\nclo → console.log(xxx);\n```\n\n```css\ncol → color: #000;\nbg  → background: #fff;\n```\n\n# HTML/Pug/Jade\n\n| Prefix     | Snippets                                                                                                                                                                                                                        |\n| ---------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| doctype    | `\u003c!DOCTYPE\u003e$1`                                                                                                                                                                                                                  |\n| a          | `\u003ca href=\"$1\"\u003e$2\u003c/a\u003e$3`                                                                                                                                                                                                         |\n| abbr       | `\u003cabbr title=\"$1\"\u003e$2\u003c/abbr\u003e$3`                                                                                                                                                                                                  |\n| address    | `\u003caddress\u003e$1\u003c/address\u003e`                                                                                                                                                                                                         |\n| area       | `\u003carea shape=\"$1\" coords=\"$2\" href=\"$3\" alt=\"$4\"\u003e$5`                                                                                                                                                                            |\n| article    | `\u003carticle\u003e$1\u003c/article\u003e`                                                                                                                                                                                                         |\n| aside      | `\u003caside\u003e$1\u003c/aside\u003e$2`                                                                                                                                                                                                           |\n| audio      | `\u003caudio controls\u003e$1\u003c/audio\u003e`                                                                                                                                                                                                    |\n| b          | `\u003cb\u003e$1\u003c/b\u003e$2`                                                                                                                                                                                                                   |\n| base       | `\u003cbase href=\"$1\" target=\"$2\"\u003e$3`                                                                                                                                                                                                |\n| bdi        | `\u003cbdi\u003e$1\u003c/bdi\u003e$2`                                                                                                                                                                                                               |\n| bdo        | `\u003cbdo dir=\"$1\"\u003e$2\u003c/bdo\u003e`                                                                                                                                                                                                        |\n| big        | `\u003cbig\u003e$1\u003c/big\u003e$2`                                                                                                                                                                                                               |\n| blockquote | `\u003cblockquote cite=\"$2\"\u003e$1\u003c/blockquote\u003e`                                                                                                                                                                                         |\n| body       | `\u003cbody\u003e$1\u003c/body\u003e`                                                                                                                                                                                                               |\n| br         | `\u003cbr\u003e`                                                                                                                                                                                                                          |\n| button     | `\u003cbutton type=\"$1\"\u003e$2\u003c/button\u003e$3`                                                                                                                                                                                               |\n| canvas     | `\u003ccanvas id=\"$1\"\u003e$2\u003c/canvas\u003e$3`                                                                                                                                                                                                 |\n| caption    | `\u003ccaption\u003e$1\u003c/caption\u003e$2`                                                                                                                                                                                                       |\n| cite       | `\u003ccite\u003e$1\u003c/cite\u003e$2`                                                                                                                                                                                                             |\n| code       | `\u003ccode\u003e$1\u003c/code\u003e$2`                                                                                                                                                                                                             |\n| col        | `\u003ccol\u003e$2`                                                                                                                                                                                                                       |\n| colgroup   | `\u003ccolgroup\u003e$1\u003c/colgroup\u003e`                                                                                                                                                                                                       |\n| command    | `\u003ccommand\u003e$1\u003c/command\u003e$2`                                                                                                                                                                                                       |\n| datalist   | `\u003cdatalist\u003e$1\u003c/datalist\u003e`                                                                                                                                                                                                       |\n| dd         | `\u003cdd\u003e$1\u003c/dd\u003e$2`                                                                                                                                                                                                                 |\n| del        | `\u003cdel\u003e$1\u003c/del\u003e$2`                                                                                                                                                                                                               |\n| details    | `\u003cdetails\u003e$1\u003c/details\u003e`                                                                                                                                                                                                         |\n| dialog     | `\u003cdialog\u003e$1\u003c/dialog\u003e$2`                                                                                                                                                                                                         |\n| dfn        | `\u003cdfn\u003e$1\u003c/dfn\u003e$2`                                                                                                                                                                                                               |\n| div        | `\u003cdiv\u003e$1\u003c/div\u003e`                                                                                                                                                                                                                 |\n| dl         | `\u003cdl\u003e$1\u003c/dl\u003e`                                                                                                                                                                                                                   |\n| dt         | `\u003cdt\u003e$1\u003c/dt\u003e$2`                                                                                                                                                                                                                 |\n| em         | `\u003cem\u003e$1\u003c/em\u003e$2`                                                                                                                                                                                                                 |\n| embed      | `\u003cembed src=\"$1\"\u003e$2`                                                                                                                                                                                                            |\n| fieldset   | `\u003cfieldset\u003e$1\u003c/fieldset\u003e`                                                                                                                                                                                                       |\n| figcaption | `\u003cfigcaption\u003e$1\u003c/figcaption\u003e$2`                                                                                                                                                                                                 |\n| figure     | `\u003cfigure\u003e$1\u003c/figure\u003e`                                                                                                                                                                                                           |\n| footer     | `\u003cfooter\u003e$1\u003c/footer\u003e`                                                                                                                                                                                                           |\n| form       | `\u003cform\u003e$1\u003c/form\u003e`                                                                                                                                                                                                               |\n| h1         | `\u003ch1\u003e$1\u003c/h1\u003e$2`                                                                                                                                                                                                                 |\n| h2         | `\u003ch2\u003e$1\u003c/h2\u003e$2`                                                                                                                                                                                                                 |\n| h3         | `\u003ch3\u003e$1\u003c/h3\u003e$2`                                                                                                                                                                                                                 |\n| h4         | `\u003ch4\u003e$1\u003c/h4\u003e$2`                                                                                                                                                                                                                 |\n| h5         | `\u003ch5\u003e$1\u003c/h5\u003e$2`                                                                                                                                                                                                                 |\n| h6         | `\u003ch6\u003e$1\u003c/h6\u003e$2`                                                                                                                                                                                                                 |\n| head       | `\u003chead\u003e$1\u003c/head\u003e`                                                                                                                                                                                                               |\n| header     | `\u003cheader\u003e$1\u003c/header\u003e`                                                                                                                                                                                                           |\n| hgroup     | `\u003chgroup\u003e$1\u003c/hgroup\u003e`                                                                                                                                                                                                           |\n| hr         | `\u003chr\u003e`                                                                                                                                                                                                                          |\n| html       | `\u003chtml\u003e$1\u003c/html\u003e`                                                                                                                                                                                                               |\n| html5      | `\u003c!DOCTYPE html\u003e\u003chtml lang=\"$1en\"\u003e\u003chead\u003e\u003ctitle\u003e$2\u003c/title\u003e\u003cmeta charset=\"UTF-8\"\u003e\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1\"\u003e\u003clink href=\"$3css/style.css\" rel=\"stylesheet\"\u003e\u003c/head\u003e\u003cbody\u003e$4\u003c/body\u003e\u003c/html\u003e` |\n| i          | `\u003ci\u003e$1\u003c/i\u003e$2`                                                                                                                                                                                                                   |\n| iframe     | `\u003ciframe src=\"$1\"\u003e$2\u003c/iframe\u003e$3`                                                                                                                                                                                                |\n| img        | `\u003cimg src=\"$1\" alt=\"$2\"\u003e$3`                                                                                                                                                                                                     |\n| input      | `\u003cinput type=\"$1\" name=\"$2\" value=\"$3\"\u003e$4`                                                                                                                                                                                      |\n| ins        | `\u003cins\u003e$1\u003c/ins\u003e$2`                                                                                                                                                                                                               |\n| keygen     | `\u003ckeygen name=\"$1\"\u003e$2`                                                                                                                                                                                                          |\n| kbd        | `\u003ckbd\u003e$1\u003c/kbd\u003e$2`                                                                                                                                                                                                               |\n| label      | `\u003clabel for=\"$1\"\u003e$2\u003c/label\u003e$3`                                                                                                                                                                                                  |\n| legend     | `\u003clegend\u003e$1\u003c/legend\u003e$2`                                                                                                                                                                                                         |\n| li         | `\u003cli\u003e$1\u003c/li\u003e$2`                                                                                                                                                                                                                 |\n| link       | `\u003clink rel=\"$1\" type=\"$2\" href=\"$3\"\u003e$4`                                                                                                                                                                                         |\n| main       | `\u003cmain\u003e$1\u003c/main\u003e`                                                                                                                                                                                                               |\n| map        | `\u003cmap name=\"$1\"\u003e$2\u003c/map\u003e`                                                                                                                                                                                                       |\n| mark       | `\u003cmark\u003e$1\u003c/mark\u003e$2`                                                                                                                                                                                                             |\n| menu       | `\u003cmenu\u003e$1\u003c/menu\u003e`                                                                                                                                                                                                               |\n| menuitem   | `\u003cmenuitem\u003e$1\u003c/menuitem\u003e$2`                                                                                                                                                                                                     |\n| meta       | `\u003cmeta name=\"$1\" content=\"$2\"\u003e$3`                                                                                                                                                                                               |\n| meter      | `\u003cmeter value=\"$1\"\u003e$2\u003c/meter\u003e$3`                                                                                                                                                                                                |\n| nav        | `\u003cnav\u003e$1\u003c/nav\u003e`                                                                                                                                                                                                                 |\n| noscript   | `\u003cnoscript\u003e$1\u003c/noscript\u003e`                                                                                                                                                                                                       |\n| object     | `\u003cobject width=\"$1\" height=\"$2\" data=\"$3\"\u003e$4\u003c/object\u003e$5`                                                                                                                                                                        |\n| ol         | `\u003col\u003e$1\u003c/ol\u003e`                                                                                                                                                                                                                   |\n| optgroup   | `\u003coptgroup\u003e$1\u003c/optgroup\u003e`                                                                                                                                                                                                       |\n| option     | `\u003coption value=\"$1\"\u003e$2\u003c/option\u003e$3`                                                                                                                                                                                              |\n| output     | `\u003coutput name=\"$1\" for=\"$2\"\u003e$3\u003c/output\u003e$4`                                                                                                                                                                                      |\n| p          | `\u003cp\u003e$1\u003c/p\u003e$2`                                                                                                                                                                                                                   |\n| param      | `\u003cparam name=\"$1\" value=\"$2\"\u003e$3`                                                                                                                                                                                                |\n| pre        | `\u003cpre\u003e$1\u003c/pre\u003e`                                                                                                                                                                                                                 |\n| progress   | `\u003cprogress value=\"$1\" max=\"$2\"\u003e$3\u003c/progress\u003e$4`                                                                                                                                                                                 |\n| q          | `\u003cq\u003e$1\u003c/q\u003e$2`                                                                                                                                                                                                                   |\n| rp         | `\u003crp\u003e$1\u003c/rp\u003e$2`                                                                                                                                                                                                                 |\n| rt         | `\u003crt\u003e$1\u003c/rt\u003e$2`                                                                                                                                                                                                                 |\n| ruby       | `\u003cruby\u003e$1\u003c/ruby\u003e`                                                                                                                                                                                                               |\n| s          | `\u003cs\u003e$1\u003c/s\u003e$2`                                                                                                                                                                                                                   |\n| samp       | `\u003csamp\u003e$1\u003c/samp\u003e$2`                                                                                                                                                                                                             |\n| script     | `\u003cscript\u003e$1\u003c/script\u003e`                                                                                                                                                                                                           |\n| section    | `\u003csection\u003e$1\u003c/section\u003e`                                                                                                                                                                                                         |\n| select     | `\u003cselect\u003e$1\u003c/select\u003e`                                                                                                                                                                                                           |\n| small      | `\u003csmall\u003e$1\u003c/small\u003e$2`                                                                                                                                                                                                           |\n| source     | `\u003csource src=\"$1\" type=\"$2\"\u003e$3`                                                                                                                                                                                                 |\n| span       | `\u003cspan\u003e$1\u003c/span\u003e$2`                                                                                                                                                                                                             |\n| strong     | `\u003cstrong\u003e$1\u003c/strong\u003e$2`                                                                                                                                                                                                         |\n| style      | `\u003cstyle\u003e$1\u003c/style\u003e`                                                                                                                                                                                                             |\n| sub        | `\u003csub\u003e$1\u003c/sub\u003e$2`                                                                                                                                                                                                               |\n| sup        | `\u003csup\u003e$1\u003c/sup\u003e$2`                                                                                                                                                                                                               |\n| summary    | `\u003csummary\u003e$1\u003c/summary\u003e$2`                                                                                                                                                                                                       |\n| table      | `\u003ctable\u003e$1\u003c/table\u003e`                                                                                                                                                                                                             |\n| tbody      | `\u003ctbody\u003e$1\u003c/tbody\u003e`                                                                                                                                                                                                             |\n| td         | `\u003ctd\u003e$1\u003c/td\u003e$2`                                                                                                                                                                                                                 |\n| textarea   | `\u003ctextarea rows=\"$1\" cols=\"$2\"\u003e$3\u003c/textarea\u003e$4`                                                                                                                                                                                 |\n| tfoot      | `\u003ctfoot\u003e$1\u003c/tfoot\u003e`                                                                                                                                                                                                             |\n| thead      | `\u003cthead\u003e$1\u003c/thead\u003e`                                                                                                                                                                                                             |\n| th         | `\u003cth\u003e$1\u003c/th\u003e$2`                                                                                                                                                                                                                 |\n| time       | `\u003ctime datetime=\"$1\"\u003e$2\u003c/time\u003e$3`                                                                                                                                                                                               |\n| title      | `\u003ctitle\u003e$1\u003c/title\u003e$2`                                                                                                                                                                                                           |\n| tr         | `\u003ctr\u003e$1\u003c/tr\u003e$2`                                                                                                                                                                                                                 |\n| track      | `\u003ctrack src=\"$1\" kind=\"$2\" srclang=\"$3\" label=\"$4\"\u003e$5`                                                                                                                                                                          |\n| u          | `\u003cu\u003e$1\u003c/u\u003e$2`                                                                                                                                                                                                                   |\n| ul         | `\u003cul\u003e$1\u003c/ul\u003e`                                                                                                                                                                                                                   |\n| var        | `\u003cvar\u003e$1\u003c/var\u003e$2`                                                                                                                                                                                                               |\n| video      | `\u003cvideo width=\"$1\" height=\"$2\" controls\u003e$3\u003c/video\u003e`                                                                                                                                                                             |\n\n# JavaScript/Typescript\n\n| Prefix   | Snippets                                                                  |\n| -------- | ------------------------------------------------------------------------- |\n| `imp→`   | `import fs from 'fs';`                                                    |\n| `imn→`   | `import 'animate.css'`                                                    |\n| `imd→`   | `import {rename} from 'fs';`                                              |\n| `ime→`   | `import * as localAlias from 'fs';`                                       |\n| `ima→`   | `import { rename as localRename } from 'fs';`                             |\n| `rqr→`   | `require('');`                                                            |\n| `req→`   | `const packageName = require('packageName');`                             |\n| `mde→`   | `module.exports = {};`                                                    |\n| `env→`   | `export const nameVariable = localVariable;`                              |\n| `enf→`   | `export const log = (parameter) =\u003e { console.log(parameter);};`           |\n| `edf→`   | `export default function fileName (parameter){ console.log(parameter);};` |\n| `ecl→`   | `export default class Calculator { };`                                    |\n| `ece→`   | `export default class Calculator extends BaseClass { };`                  |\n| `con→`   | `constructor() {}`                                                        |\n| `met→`   | `add() {}`                                                                |\n| `pge→`   | `get propertyName() {return value;}`                                      |\n| `pse→`   | `set propertyName(value) {}`                                              |\n| `fre→`   | `array.forEach(currentItem =\u003e {})`                                        |\n| `fof→`   | `for(const item of object) {}`                                            |\n| `fin→`   | `for(const item in object) {}`                                            |\n| `anfn→`  | `(params) =\u003e {}`                                                          |\n| `nfn→`   | `const add = (params) =\u003e {}`                                              |\n| `dob→`   | `const {rename} = fs`                                                     |\n| `dar→`   | `const [first, second] = [1,2]`                                           |\n| `sti→`   | `setInterval(() =\u003e {});`                                                  |\n| `sto→`   | `setTimeout(() =\u003e {});`                                                   |\n| `prom→`  | `return new Promise((resolve, reject) =\u003e {});`                            |\n| `thenc→` | `.then((res) =\u003e {}).catch((err) =\u003e {});`                                  |\n| `cas→`   | `console.assert(expression, object)`                                      |\n| `ccl→`   | `console.clear()`                                                         |\n| `cco→`   | `console.count(label)`                                                    |\n| `cdb→`   | `console.debug(object)`                                                   |\n| `cdi→`   | `console.dir`                                                             |\n| `cer→`   | `console.error(object)`                                                   |\n| `cgr→`   | `console.group(label)`                                                    |\n| `cge→`   | `console.groupEnd()`                                                      |\n| `clg→`   | `console.log(object)`                                                     |\n| `clo→`   | `console.log('object :\u003e\u003e ', object);`                                     |\n| `ctr→`   | `console.trace(object)`                                                   |\n| `cwa→`   | `console.warn`                                                            |\n| `cin→`   | `console.info`                                                            |\n| `clt→`   | `console.table`                                                           |\n| `cti→`   | `console.time`                                                            |\n| `cte→`   | `console.timeEnd`                                                         |\n\n# CSS/Sass/Less/Stylus\n\n| Prefix   | Snippets                                           |\n| -------- | -------------------------------------------------- |\n| `ai`     | `align-items : flex-start;`                        |\n| `aib`    | `align-items : baseline;`                          |\n| `aic`    | `align-items : center;`                            |\n| `aifs`   | `align-items : flex-start;`                        |\n| `aife`   | `align-items : flex-end;`                          |\n| `ais`    | `align-items : stretch;`                           |\n| `as`     | `align-self : flex-start;`                         |\n| `ani`    | `animation : name 1s linear;`                      |\n| `anide`  | `animation-delay : 1s;`                            |\n| `anidi`  | `animation-direction : alternate;`                 |\n| `anidu`  | `animation-duratuion : 1s;`                        |\n| `anifm`  | `animation-fill-mode : forwards;`                  |\n| `aniic`  | `animation-iteration-count: infinite;`             |\n| `anin`   | `animation-name : name;`                           |\n| `anips`  | `animation-play-state : paused;`                   |\n| `anitf`  | `animation-timing-function: linear;`               |\n| `bg`     | `background : #fff;`                               |\n| `bga`    | `background-attachment : fixed;`                   |\n| `bgc`    | `background-color : #fff;`                         |\n| `bgcl`   | `background-clip : border-box;`                    |\n| `bgi`    | `background-image : url(\"background.jpg\");`        |\n| `bgo`    | `background-origin : border-box;`                  |\n| `bgp`    | `background-position : left top;`                  |\n| `bgr`    | `background-repeat : no-repeat;`                   |\n| `bgrr`   | `background-repeat : repeat;`                      |\n| `bgrx`   | `background-repeat : repeat-x;`                    |\n| `bgry`   | `background-repeat : repeat-y;`                    |\n| `bgrn`   | `background-repeat : no-repeat;`                   |\n| `bgs`    | `background-size : cover;`                         |\n| `bor`    | `border : 1px solid #000;`                         |\n| `born`   | `border : none;`                                   |\n| `borc`   | `border-color : #000;`                             |\n| `bors`   | `border-style : solid;`                            |\n| `borw`   | `border-width : 1px;`                              |\n| `borb`   | `border-bottom : 1px solid #000;`                  |\n| `borl`   | `border-left : 1px solid #000;`                    |\n| `borr`   | `border-right : 1px solid #000;`                   |\n| `bort`   | `border-top : 1px solid #000;`                     |\n| `br`     | `border-radius : 2px;`                             |\n| `bot`    | `bottom : 0;`                                      |\n| `bos`    | `box-shadow : 1px 1px 1px 1px rgba(0, 0, 0, .5);`  |\n| `boz`    | `box-sizing : border-box;`                         |\n| `clr`    | `clear : both;`                                    |\n| `col`    | `color : #000;`                                    |\n| `con`    | `content : '';`                                    |\n| `cur`    | `cursor : auto;`                                   |\n| `curp`   | `cursor : pointer;`                                |\n| `curd`   | `cursor : default;`                                |\n| `dis`    | `display : none;`                                  |\n| `disb`   | `display : block;`                                 |\n| `disi`   | `display : inline-block;`                          |\n| `disn`   | `display : none;`                                  |\n| `disf`   | `display : flex;`                                  |\n| `flex`   | `flex : 1 1 auto;`                                 |\n| `fle`    | `flex : 1 1 auto;`                                 |\n| `fld`    | `flex-direction : row;`                            |\n| `fldr`   | `flex-direction : row;`                            |\n| `fldc`   | `flex-direction : column;`                         |\n| `flf`    | `flex-flow : row, wrap;`                           |\n| `flw`    | `flex-wrap : wrap;`                                |\n| `fl`     | `float : left;`                                    |\n| `fll`    | `float : left;`                                    |\n| `flr`    | `float : right;`                                   |\n| `fln`    | `float : none;`                                    |\n| `ff`     | `font-family : arial;`                             |\n| `fz`     | `font-size : 12px;`                                |\n| `fst`    | `font-style : italic;`                             |\n| `fsti`   | `font-style : italic;`                             |\n| `fstn`   | `font-style : normal;`                             |\n| `fsto`   | `font-style : oblique;`                            |\n| `fw`     | `font-weight : bold;`                              |\n| `fwb`    | `font-weight : bold;`                              |\n| `fwl`    | `font-weight : light;`                             |\n| `fwn`    | `font-weight : normal;`                            |\n| `ft`     | `font : 12px/1.5;`                                 |\n| `hei`    | `height : 1px;`                                    |\n| `jc`     | `justify-content : flex-start;`                    |\n| `jcfe`   | `justify-content : flex-end;`                      |\n| `jcfs`   | `justify-content : flex-start;`                    |\n| `jcc`    | `justify-content : center;`                        |\n| `jcsa`   | `justify-content : space-around;`                  |\n| `jcsb`   | `justify-content : space-between;`                 |\n| `lis`    | `list-style : disc outside;`                       |\n| `lisp`   | `list-style-position : outside;`                   |\n| `list`   | `list-style-type : disc;`                          |\n| `listc`  | `list-style-type : circle;`                        |\n| `listd`  | `list-style-type : disc;`                          |\n| `listlr` | `list-style-type : lower-roman;`                   |\n| `listn`  | `list-style-type : none;`                          |\n| `lists`  | `list-style-type : square;`                        |\n| `listur` | `list-style-type : upper-roman;`                   |\n| `lef`    | `left : 0;`                                        |\n| `lh`     | `line-height : 1.5;`                               |\n| `ls`     | `letter-spacing : 2px;`                            |\n| `lsn`    | `letter-spacing : normal;`                         |\n| `mar`    | `margin : 0;`                                      |\n| `marb`   | `margin-bottom : 0;`                               |\n| `marl`   | `margin-left : 0;`                                 |\n| `marr`   | `margin-right : 0;`                                |\n| `mart`   | `margin-top : 0;`                                  |\n| `mara`   | `margin : 0 auto;`                                 |\n| `mih`    | `min-height : 1px;`                                |\n| `miw`    | `min-width : 1px;`                                 |\n| `mah`    | `max-height : 1px;`                                |\n| `maw`    | `max-width : 1px;`                                 |\n| `opa`    | `opacity : 0;`                                     |\n| `ov`     | `overflow : visible;`                              |\n| `ova`    | `overflow : auto;`                                 |\n| `ovh`    | `overflow : hidden;`                               |\n| `ovs`    | `overflow : scroll;`                               |\n| `ovv`    | `overflow : visible;`                              |\n| `pad`    | `padding : 0;`                                     |\n| `padb`   | `padding-bottom : 0;`                              |\n| `padl`   | `padding-left : 0;`                                |\n| `padr`   | `padding-right : 0;`                               |\n| `padt`   | `padding-top : 0;`                                 |\n| `pos`    | `position : relative;`                             |\n| `posa`   | `position : absolute;`                             |\n| `posf`   | `position : fixed;`                                |\n| `posr`   | `position : relative;`                             |\n| `poss`   | `position : sticky;`                               |\n| `rig`    | `right : 0;`                                       |\n| `ta`     | `text-align : center;`                             |\n| `tac`    | `text-align : center;`                             |\n| `tal`    | `text-align : left;`                               |\n| `tar`    | `text-align : right;`                              |\n| `td`     | `text-decoration : none;`                          |\n| `tdu`    | `text-decoration : underline;`                     |\n| `tdn`    | `text-decoration : none;`                          |\n| `tdl`    | `text-decoration : line-through;`                  |\n| `ti`     | `text-indent : 2em;`                               |\n| `ts`     | `text-shadow : 1px 1px 1px 1px rgba(0, 0, 0, .5);` |\n| `tt`     | `text-transform : capitalize;`                     |\n| `top`    | `top : 0;`                                         |\n| `va`     | `vertical-align : baseline;`                       |\n| `vab`    | `vertical-align : bottom;`                         |\n| `vam`    | `vertical-align : middle;`                         |\n| `vat`    | `vertical-align : top;`                            |\n| `vis`    | `visibility : visible;`                            |\n| `visv`   | `visibility : visible;`                            |\n| `vish`   | `visibility : hidden;`                             |\n| `wb`     | `word-break : break-all;`                          |\n| `wid`    | `width : 0;`                                       |\n| `wida`   | `width : auto;`                                    |\n| `ws`     | `white-space : nowrap;`                            |\n| `wsn`    | `white-space : nowrap;`                            |\n| `wsp`    | `white-space : pre;`                               |\n| `ww`     | `word-wrap : break-word;`                          |\n| `zi`     | `z-index : -1;`                                    |\n| `imp`    | `@import 'filename';`                              |\n| `inc`    | `@include mixin;`                                  |\n| `key`    | `@keyframes name {};`                              |\n| `med`    | `@media screen and (max-width: 300px) {}`          |\n| `mix`    | `@mixin name {}`                                   |\n| `!`      | `!important`                                       |\n| `i`      | `!important`                                       |\n\n## License\n\n[HTML/CSS/JavaScript Snippets](https://github.com/Wscats/html-snippets) is released under the MIT.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwscats%2Fhtml-snippets","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwscats%2Fhtml-snippets","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwscats%2Fhtml-snippets/lists"}