{"id":16701068,"url":"https://github.com/scriptex/itcss","last_synced_at":"2025-03-17T00:33:56.141Z","repository":{"id":37561872,"uuid":"141963355","full_name":"scriptex/itcss","owner":"scriptex","description":"Starter CSS boilerplate utilizing the ITCSS pattern","archived":false,"fork":false,"pushed_at":"2025-03-03T05:08:30.000Z","size":867,"stargazers_count":18,"open_issues_count":0,"forks_count":2,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-03-16T06:41:20.540Z","etag":null,"topics":["css-boilerplate","itcss-boilerplate"],"latest_commit_sha":null,"homepage":"https://itcss.atanas.info/","language":"CSS","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/scriptex.png","metadata":{"files":{"readme":"README.md","changelog":null,"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":["scriptex"],"patreon":"atanas","open_collective":null,"ko_fi":"scriptex","tidelift":null,"community_bridge":null,"liberapay":"scriptex","issuehunt":"scriptex","otechie":null,"custom":["paypal.me/scriptex","revolut.me/scriptex"]}},"created_at":"2018-07-23T05:00:41.000Z","updated_at":"2025-03-03T05:08:33.000Z","dependencies_parsed_at":"2023-02-16T11:31:26.170Z","dependency_job_id":"6cbada8d-d90b-4e5f-a3e8-9dc0c24cf4a7","html_url":"https://github.com/scriptex/itcss","commit_stats":{"total_commits":307,"total_committers":9,"mean_commits":"34.111111111111114","dds":0.5635179153094463,"last_synced_commit":"f8e7faeb586924dbb243d42249cd5032dcc8dcbf"},"previous_names":[],"tags_count":17,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/scriptex%2Fitcss","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/scriptex%2Fitcss/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/scriptex%2Fitcss/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/scriptex%2Fitcss/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/scriptex","download_url":"https://codeload.github.com/scriptex/itcss/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243955668,"owners_count":20374371,"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":["css-boilerplate","itcss-boilerplate"],"created_at":"2024-10-12T18:28:14.698Z","updated_at":"2025-03-17T00:33:55.807Z","avatar_url":"https://github.com/scriptex.png","language":"CSS","readme":"![Inverted Triangle CSS Visualization](https://raw.githubusercontent.com/scriptex/itcss/master/itcss.svg?sanitize=true)\n\n# ITCSS\n\n[![Travis CI](https://travis-ci.com/scriptex/itcss.svg?branch=master)](https://travis-ci.com/scriptex/itcss)\n[![Github Build](https://github.com/scriptex/itcss/workflows/Build/badge.svg)](https://github.com/scriptex/itcss/actions?query=workflow%3ABuild)\n[![Codacy Badge](https://app.codacy.com/project/badge/Grade/34d3d75710534dc6a38c3584a1dcd068)](https://www.codacy.com/gh/scriptex/itcss/dashboard?utm_source=github.com\u0026utm_medium=referral\u0026utm_content=scriptex/itcss\u0026utm_campaign=Badge_Grade)\n[![Codebeat Badge](https://codebeat.co/badges/d765a4c8-2c0e-44f2-89c3-fa364fdc14e6)](https://codebeat.co/projects/github-com-scriptex-itcss-master)\n[![CodeFactor Badge](https://www.codefactor.io/repository/github/scriptex/itcss/badge)](https://www.codefactor.io/repository/github/scriptex/itcss)\n[![DeepScan grade](https://deepscan.io/api/teams/3574/projects/5257/branches/40799/badge/grade.svg)](https://deepscan.io/dashboard#view=project\u0026tid=3574\u0026pid=5257\u0026bid=40799)\n[![Analytics](https://ga-beacon-361907.ew.r.appspot.com/UA-83446952-1/github.com/scriptex/itcss/README.md?pixel)](https://github.com/scriptex/itcss/)\n\n\u003e A starter boilerplate based on the [ITCSS](https://www.xfive.co/blog/itcss-scalable-maintainable-css-architecture/) (Inverted Triangle CSS) methodology.\n\n## Visitor stats\n\n![GitHub stars](https://img.shields.io/github/stars/scriptex/itcss?style=social)\n![GitHub forks](https://img.shields.io/github/forks/scriptex/itcss?style=social)\n![GitHub watchers](https://img.shields.io/github/watchers/scriptex/itcss?style=social)\n![GitHub followers](https://img.shields.io/github/followers/scriptex?style=social)\n\n## Code stats\n\n![GitHub code size in bytes](https://img.shields.io/github/languages/code-size/scriptex/itcss)\n![GitHub repo size](https://img.shields.io/github/repo-size/scriptex/itcss?style=plastic)\n![GitHub language count](https://img.shields.io/github/languages/count/scriptex/itcss?style=plastic)\n![GitHub top language](https://img.shields.io/github/languages/top/scriptex/itcss?style=plastic)\n![GitHub last commit](https://img.shields.io/github/last-commit/scriptex/itcss?style=plastic)\n\n## About\n\n\u003e ITCSS is a mobile-first, responsive, battle-tested CSS framework based on the ITCSS methodology utilizing the BEM methodology.\n\nThis boilerplate is intented to be used as a starting point in your application. You should use this as a foundation for your CSS and build on top of it.\n\nIf you want to use the full capabilities of this boilerplate such as variables, mixins, etc., then you should include it in your PostCSS files.\n\nYou should also install the required PostCSS plugins and configure your PostCSS environment following the configuration file [here](https://github.com/scriptex/itcss/blob/master/postcss.config.js)\n\nYou can also use the build which is plain CSS but lacks mixins, custom media queries and other useful tools.\n\n## Install\n\n```sh\n# Via NPM\nnpm i itcss\n\n# Via Yarn\nyarn add itcss\n```\n\n## Usage\n\nIf you are using a module bundler (such as Webpack, Parcel, Browserify):\n\n```sh\n# In your CSS entrypoint\n@import 'itcss';\n\n# Or if the above does not resolve, try\n@import 'itcss/index.css';\n```\n\nThere are several predefined variables which you can overwrite:\n\n```css\n:root {\n\t/* Color Variables */\n\t--color-base: #333;\n\t--color-primary: #fff;\n\t--color-secondary: #000;\n\t--color-action: #ef4c23;\n\n\t/* Text Variables */\n\t--font-sans-serif: sans-serif;\n\t--font-serif: serif;\n\t--font-monospace: monospace;\n\t--font-size-base: 1rem;\n\t--line-height-base: 1.35;\n\t--font-size-h1: 2rem;\n\t--font-size-h2: 1.75rem;\n\t--font-size-h3: 1.5rem;\n\t--font-size-h4: 1.25rem;\n\t--font-size-h5: var(--font-size-base);\n\t--font-size-h6: 0.75rem;\n\n\t/* Transition Variables */\n\t--timing: 0.4s;\n\t--easing: ease-in-out;\n\n\t/* Spacing between grid items */\n\t$gap: 0.5rem;\n\n\t/* Number of columns in the grid */\n\t$columns: 12;\n\n\t/* The maximum width of the shell container */\n\t--shell-width: 75rem;\n\n\t/* The left and right padding of the shell container */\n\t$shell-gap: 1rem;\n\n\t/* A list of responsive breakpoint names */\n\t--breakpoints: (xs, sm, md, lg, xl);\n\n\t/* A list of display properties */\n\t--displays: (block, inline, inline-block, flex, inline-flex);\n\n\t/* A list of text alignment properties */\n\t--alignments: (center: center, right: right, left: left, justify: justify);\n}\n```\n\n**You should place the overwriting variables after the `@import` statement.**\n\n## Supported browsers\n\nThis boilerplate is using the most recent version of the CSS specification.\nIn order to support more browsers you must use a tool such as PostCSS.\nThe combined and built version of this boilerplate is using the [Postcss-Preset-Env](https://preset-env.cssdb.org/) in `stage: 0`.\nThis means that you can use the most recent CSS features and be sure that they will work older browsers.\n\n**The combined and built version of this boilerplate has been tested and works in all evergreen browsers (Chrome, Firefox, Edge, Opera, Safari, Brave, Vivaldi, iOS Safari, Chrome on Android, Samsung Internet) and IE 10+.**\n\nIn order to do so in your setup, please refer to the [`postcss.config.js`](https://github.com/scriptex/itcss/blob/master/postcss.config.js) file.\n\n## Available files, selectors, variables and their usage\n\n### Settings\n\n-   `_colors.css` - contains CSS custom properties declared to the `:root` node for all colors\n-   `_text.css` - contains CSS custom properties declared to the `:root` node for all font settings\n-   `_transitions.css` - contains CSS custom properties declared to the `:root` node for transition duration and timing function\n-   `_variables.css` - contains CSS custom properties declared to the `:root` node for all other variables/settings\n\n### Tools\n\n-   `_chevron.css` - a mixin for a directional arrow icon\n\n    _Usage:_\n\n    ```css\n    /* prettier-ignore */\n    @mixin chevron\n    \t2rem /* width and height */,\n    \t0 0 1px 1px /* border width */,\n    \tvar(--color-action) /* border color */,\n    \t-5px 0 0 0.5em /* margin */,\n    \t-135deg /* rotation */;\n    ```\n\n-   `_flexbox.css` - a set of mixins for flexbox\n\n    _Contains several mixins:_\n\n    ```css\n    /* General purpose flex container */\n    /* prettier-ignore */\n    @mixin flex\n    \tcenter /* align-items */,\n    \tflex-end /* justify-content */,\n        wrap /* flex-wrap */,\n        row /* flex-direction */,\n        flex /* display */;\n\n    /* Flex container with flex-direction set to \"row\" */\n    /* prettier-ignore */\n    @mixin flex-row\n    \tno-wrap /* wrap */,\n    \tcenter /* align-items */,\n    \tflex-end /* justify-content */;\n\n    /* Flex container with flex-direction set to \"column\" */\n    /* prettier-ignore */\n    @mixin flex-column\n    \tno-wrap /* wrap */\n    \tcenter /* align-items */\n    \tflex-end /* justify-content */;\n\n    /* Inline-flex container with flex-direction set to \"row\" */\n    /* prettier-ignore */\n    @mixin inline-flex-row\n    \tno-wrap /* wrap */,\n    \tcenter /* align-items */,\n    \tflex-end /* justify-content */;\n\n    /* Inline-flex container with flex-direction set to \"column\" */\n    /* prettier-ignore */\n    @mixin inline-flex-column\n    \tno-wrap /* wrap */\n    \tcenter /* align-items */\n    \tflex-end /* justify-content */;\n\n    /* Inline-flex container with flex-direction set to \"row\" */\n    /* prettier-ignore */\n    @mixin inline-flex-row\n    \tno-wrap /* wrap */,\n    \tcenter /* align-items */,\n    \tflex-end /* justify-content */;\n\n    /* Inline-flex container with flex-direction set to \"column\" */\n    /* prettier-ignore */\n    @mixin inline-flex-column\n    \tno-wrap /* wrap */\n    \tcenter /* align-items */\n    \tflex-end /* justify-content */;\n    ```\n\n-   `_media-queries.css` - mixins for all supported media queries\n\n    _Custom media queries:_\n\n    ```css\n    /* (max-width: 1439px) */\n    @media (--small-desktop) {\n    }\n\n    /* (max-width: 1279px) */\n    @media (--tablet-landscape) {\n    }\n\n    /* (max-width: 1023px) */\n    @media (--tablet-portrait) {\n    }\n\n    /* (max-width: 767px) */\n    @media (--mobile) {\n    }\n\n    /* (max-width: 767px) */\n    @media (--xs) {\n    }\n\n    /* (min-width: 768px) and (max-width: 1023px) */\n    @media (--sm) {\n    }\n\n    /* (min-width: 1024px) and (max-width: 1279px) */\n    @media (--md) {\n    }\n\n    /* (min-width: 1280px) and (max-width: 1439px) */\n    @media (--lg) {\n    }\n\n    /* (min-width: 1439px) */\n    @media (--xl) {\n    }\n\n    /* (min-width: 0) */\n    @media (--xs-up) {\n    }\n    /* (min-width: 768px) */\n    @media (--sm-up) {\n    }\n    /* (min-width: 1024px) */\n    @media (--md-up) {\n    }\n    /* (min-width: 1280px) */\n    @media (--lg-up) {\n    }\n    /* (min-width: 1439px) */\n    @media (--xl-up) {\n    }\n\n    /* (prefers-reduced-motion: reduce) */\n    @media (--reduced-motion) {\n    }\n\n    /* hover support */\n    @media (--hover) {\n    } ;\n    ```\n\n-   `_mixins.css` - all other mixins\n\n    _Available mixins:_\n\n    ```css\n    /* absolutely positions an element with known dimensions in the center of their relative parent element */\n    @mixin centered;\n\n    /**\n    \tgenerates rules for responsive helpers\n    \t$breakpoint: a breakpoint prefix such as xs, sm, md, lg or xl\n    */\n    @mixin breakpoint-helpers $breakpoint;\n\n    /* creates !important declaration for the given $display argument */\n    @mixin display $value;\n\n    /**\n    \tgenerates rules for grid columns for a given breakpoint\n    \t$breakpoint: a breakpoint prefix such as xs, sm, md, lg or xl\n    */\n    @mixin grid $breakpoint;\n    ```\n\n### Generic\n\n-   `_form-elements.css` - default styles for form elements\n-   `_reset.css` - additional browser reset and normalize (normalize.css is also included)\n-   `_transitions.css` - default transitions for focusable/active elements\n\n### Elements\n\n-   `_document.css` - default styles for the `body` element\n-   `_headings.css` - default styles for all heading (h1 - h6) tags\n-   `_links.css` - default styles for anchors\n-   `_texts.css` - default styles for text elements\n\n### Objects\n\n-   `_grid.css` - a grid system\n\n    _Available selectors are:_\n\n    ```css\n    /* defines a grid container */\n    .o-grid {\n    }\n\n    /* defines a grid item */\n    .o-grid__item {\n    }\n\n    /**\n    \tdepending on the --breakpoints variables\n    \tthe following selectors will vary.\n    \t1 means 1/12 of the available width.\n    \t12 means all of the available width.\n    \tHere are the defaults\n    */\n    /* From 0 to 767px */\n    .xs-1 to .xs-12\n    /* From 768px to 1023px */\n    .sm-1 to .sm-12\n    /* From 1024px to 1279px */\n    .md-1 to .md-12\n    /* From 1280px to 1439px */\n    .lg-1 to .lg-12\n    /* From 1440px above */\n    .xl-1 to .xl-12;\n    ```\n\n-   `_main.css` - styles for the `main` element\n\n    _Available selectors are:_\n\n    ```css\n    /* defines the main content. used with \u003cmain\u003e element */\n    .o-main {\n    }\n    ```\n\n-   `_shell.css` - styles for the site container\n\n    _Available selectors are:_\n\n    ```css\n    /* defines the site container */\n    .o-shell {\n    }\n\n    /* defines the site container as flex container */\n    .o-shell--flex {\n    }\n\n    /* makes the site container take the whole browser width */\n    .o-shell--fluid {\n    }\n    ```\n\n-   `_wrapper.css` - styles for the site wrapper\n\n    _Available selectors are:_\n\n    ```css\n    /* defines the parent container of all other elements. usually the only child of the \u003cbody\u003e element */\n    .o-wrapper {\n    }\n    ```\n\n### Components\n\n-   `_btn.css` - default styles for the buttons\n\n    _Available selectors are:_\n\n    ```css\n    /* default styles for a button */\n    .c-btn {\n    }\n\n    /* makes the button fill its parent's width */\n    .c-btn--block {\n    }\n    ```\n\n-   `_list.css` - default styles for lists. A list is an element with a classname which starts with `c-list`\n\n### Utilities\n\n-   `_align.css` - alignment class utilities\n\n    _Available selectors are:_\n\n    ```css\n    /* align to the left */\n    .alignleft {\n    }\n\n    /* align to the right */\n    .alignright {\n    }\n\n    /* clear the alignment */\n    .alignnone {\n    }\n\n    /* clear the alignment and center horizontally */\n    .aligncenter {\n    }\n    ```\n\n-   `_clear.scss` - utilites to clear after floats\n\n    _Available selectors are:_\n\n    ```css\n    /* clear both */\n    .clear {\n    }\n    /* clear right */\n    .clear-right {\n    }\n    /* clear left */\n    .clear-left {\n    }\n    ```\n\n-   `_fullsize-background.css` - helper for background image\n\n    _Available selectors are:_\n\n    ```css\n    /* makes the element's background image take the whole size of the element using \"background-size: cover\" */\n    .fullsize-background {\n    }\n    ```\n\n-   `_hidden.css` - helper class/attribute for hidden elements\n\n    _Available selectors are:_\n\n    ```css\n    .hidden,\n    [hidden] {\n    }\n    ```\n\n-   `_preferences.css` - contains user preferences settings such as `reduced-motion` or `prefers-color-scheme` preferences.\n\n-   `_responsive-utilities.css` - helpers for showing/hiding elements on different resolutions. For resolutions reference please check the media queries section.\n\n    _Available selectors are:_\n\n    ```css\n    .visible-xs-block {\n    }\n    .visible-xs-inline {\n    }\n    .visible-xs-inline-block {\n    }\n    .visible-xs-flex {\n    }\n    .visible-xs-inline-flex {\n    }\n    .visible-sm-block {\n    }\n    .visible-sm-inline {\n    }\n    .visible-sm-inline-block {\n    }\n    .visible-sm-flex {\n    }\n    .visible-sm-inline-flex {\n    }\n    .visible-md-block {\n    }\n    .visible-md-inline {\n    }\n    .visible-md-inline-block {\n    }\n    .visible-md-flex {\n    }\n    .visible-md-inline-flex {\n    }\n    .visible-lg-block {\n    }\n    .visible-lg-inline {\n    }\n    .visible-lg-inline-block {\n    }\n    .visible-lg-flex {\n    }\n    .visible-lg-inline-flex {\n    }\n    .visible-xl-block {\n    }\n    .visible-xl-inline {\n    }\n    .visible-xl-inline-block {\n    }\n    .visible-xl-flex {\n    }\n    .visible-xl-inline-flex {\n    }\n    .hidden-xs {\n    }\n    .hidden-sm {\n    }\n    .hidden-md {\n    }\n    .hidden-lg {\n    }\n    .hidden-xl {\n    }\n    ```\n\n-   `_text-align.css` - text alignment utilities\n\n    _Available selectors are:_\n\n    ```css\n    /* align text to the left */\n    .text-left {\n    }\n    /* align text to the center */\n    .text-center {\n    }\n    /* align text to the right */\n    .text-right {\n    }\n    /* align text to the right */\n    .text-justify {\n    }\n    ```\n\n## LICENSE\n\nMIT\n\n---\n\n\u003cdiv align=\"center\"\u003e\n    Connect with me:\n\u003c/div\u003e\n\n\u003cbr /\u003e\n\n\u003cdiv align=\"center\"\u003e\n    \u003ca href=\"https://atanas.info\"\u003e\n        \u003cimg src=\"https://raw.githubusercontent.com/scriptex/socials/master/styled-assets/logo.svg\" height=\"20\" alt=\"\"\u003e\n    \u003c/a\u003e\n    \u0026nbsp;\n    \u003ca href=\"mailto:hi@atanas.info\"\u003e\n        \u003cimg src=\"https://raw.githubusercontent.com/scriptex/socials/master/styled-assets/email.svg\" height=\"20\" alt=\"\"\u003e\n    \u003c/a\u003e\n    \u0026nbsp;\n    \u003ca href=\"https://www.linkedin.com/in/scriptex/\"\u003e\n        \u003cimg src=\"https://raw.githubusercontent.com/scriptex/socials/master/styled-assets/linkedin.svg\" height=\"20\" alt=\"\"\u003e\n    \u003c/a\u003e\n    \u0026nbsp;\n    \u003ca href=\"https://github.com/scriptex\"\u003e\n        \u003cimg src=\"https://raw.githubusercontent.com/scriptex/socials/master/styled-assets/github.svg\" height=\"20\" alt=\"\"\u003e\n    \u003c/a\u003e\n    \u0026nbsp;\n    \u003ca href=\"https://gitlab.com/scriptex\"\u003e\n        \u003cimg src=\"https://raw.githubusercontent.com/scriptex/socials/master/styled-assets/gitlab.svg\" height=\"20\" alt=\"\"\u003e\n    \u003c/a\u003e\n    \u0026nbsp;\n    \u003ca href=\"https://twitter.com/scriptexbg\"\u003e\n        \u003cimg src=\"https://raw.githubusercontent.com/scriptex/socials/master/styled-assets/twitter.svg\" height=\"20\" alt=\"\"\u003e\n    \u003c/a\u003e\n    \u0026nbsp;\n    \u003ca href=\"https://www.npmjs.com/~scriptex\"\u003e\n        \u003cimg src=\"https://raw.githubusercontent.com/scriptex/socials/master/styled-assets/npm.svg\" height=\"20\" alt=\"\"\u003e\n    \u003c/a\u003e\n    \u0026nbsp;\n    \u003ca href=\"https://www.youtube.com/user/scriptex\"\u003e\n        \u003cimg src=\"https://raw.githubusercontent.com/scriptex/socials/master/styled-assets/youtube.svg\" height=\"20\" alt=\"\"\u003e\n    \u003c/a\u003e\n    \u0026nbsp;\n    \u003ca href=\"https://stackoverflow.com/users/4140082/atanas-atanasov\"\u003e\n        \u003cimg src=\"https://raw.githubusercontent.com/scriptex/socials/master/styled-assets/stackoverflow.svg\" height=\"20\" alt=\"\"\u003e\n    \u003c/a\u003e\n    \u0026nbsp;\n    \u003ca href=\"https://codepen.io/scriptex/\"\u003e\n        \u003cimg src=\"https://raw.githubusercontent.com/scriptex/socials/master/styled-assets/codepen.svg\" width=\"20\" alt=\"\"\u003e\n    \u003c/a\u003e\n    \u0026nbsp;\n    \u003ca href=\"https://profile.codersrank.io/user/scriptex\"\u003e\n        \u003cimg src=\"https://raw.githubusercontent.com/scriptex/socials/master/styled-assets/codersrank.svg\" height=\"20\" alt=\"\"\u003e\n    \u003c/a\u003e\n    \u0026nbsp;\n    \u003ca href=\"https://linktr.ee/scriptex\"\u003e\n        \u003cimg src=\"https://raw.githubusercontent.com/scriptex/socials/master/styled-assets/linktree.svg\" height=\"20\" alt=\"\"\u003e\n    \u003c/a\u003e\n\u003c/div\u003e\n\n---\n\n\u003cdiv align=\"center\"\u003e\nSupport and sponsor my work:\n\u003cbr /\u003e\n\u003cbr /\u003e\n\u003ca href=\"https://twitter.com/intent/tweet?text=Checkout%20this%20awesome%20developer%20profile%3A\u0026url=https%3A%2F%2Fgithub.com%2Fscriptex\u0026via=scriptexbg\u0026hashtags=software%2Cgithub%2Ccode%2Cawesome\" title=\"Tweet\"\u003e\n\t\u003cimg src=\"https://img.shields.io/badge/Tweet-Share_my_profile-blue.svg?logo=twitter\u0026color=38A1F3\" /\u003e\n\u003c/a\u003e\n\u003ca href=\"https://paypal.me/scriptex\" title=\"Donate on Paypal\"\u003e\n\t\u003cimg src=\"https://img.shields.io/badge/Donate-Support_me_on_PayPal-blue.svg?logo=paypal\u0026color=222d65\" /\u003e\n\u003c/a\u003e\n\u003ca href=\"https://revolut.me/scriptex\" title=\"Donate on Revolut\"\u003e\n\t\u003cimg src=\"https://img.shields.io/endpoint?url=https://raw.githubusercontent.com/scriptex/scriptex/master/badges/revolut.json\" /\u003e\n\u003c/a\u003e\n\u003ca href=\"https://patreon.com/atanas\" title=\"Become a Patron\"\u003e\n\t\u003cimg src=\"https://img.shields.io/badge/Become_Patron-Support_me_on_Patreon-blue.svg?logo=patreon\u0026color=e64413\" /\u003e\n\u003c/a\u003e\n\u003ca href=\"https://ko-fi.com/scriptex\" title=\"Buy Me A Coffee\"\u003e\n\t\u003cimg src=\"https://img.shields.io/badge/Donate-Buy%20me%20a%20coffee-yellow.svg?logo=ko-fi\" /\u003e\n\u003c/a\u003e\n\u003ca href=\"https://liberapay.com/scriptex/donate\" title=\"Donate on Liberapay\"\u003e\n\t\u003cimg src=\"https://img.shields.io/liberapay/receives/scriptex?label=Donate%20on%20Liberapay\u0026logo=liberapay\" /\u003e\n\u003c/a\u003e\n\n\u003ca href=\"https://img.shields.io/endpoint?url=https://raw.githubusercontent.com/scriptex/scriptex/master/badges/bitcoin.json\" title=\"Donate Bitcoin\"\u003e\n\t\u003cimg src=\"https://img.shields.io/endpoint?url=https://raw.githubusercontent.com/scriptex/scriptex/master/badges/bitcoin.json\" /\u003e\n\u003c/a\u003e\n\u003ca href=\"https://img.shields.io/endpoint?url=https://raw.githubusercontent.com/scriptex/scriptex/master/badges/etherium.json\" title=\"Donate Etherium\"\u003e\n\t\u003cimg src=\"https://img.shields.io/endpoint?url=https://raw.githubusercontent.com/scriptex/scriptex/master/badges/etherium.json\" /\u003e\n\u003c/a\u003e\n\u003ca href=\"https://img.shields.io/endpoint?url=https://raw.githubusercontent.com/scriptex/scriptex/master/badges/shiba-inu.json\" title=\"Donate Shiba Inu\"\u003e\n\t\u003cimg src=\"https://img.shields.io/endpoint?url=https://raw.githubusercontent.com/scriptex/scriptex/master/badges/shiba-inu.json\" /\u003e\n\u003c/a\u003e\n\u003c/div\u003e\n","funding_links":["https://github.com/sponsors/scriptex","https://patreon.com/atanas","https://ko-fi.com/scriptex","https://liberapay.com/scriptex","https://issuehunt.io/r/scriptex","paypal.me/scriptex","revolut.me/scriptex","https://paypal.me/scriptex","https://liberapay.com/scriptex/donate"],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fscriptex%2Fitcss","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fscriptex%2Fitcss","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fscriptex%2Fitcss/lists"}