{"id":13446665,"url":"https://github.com/raphaelfabeni/css-loader","last_synced_at":"2025-05-15T04:07:55.515Z","repository":{"id":12131376,"uuid":"71022142","full_name":"raphaelfabeni/css-loader","owner":"raphaelfabeni","description":"Simple loaders for your web applications using only one div and pure CSS :heart:","archived":false,"fork":false,"pushed_at":"2023-03-03T03:43:59.000Z","size":1016,"stargazers_count":1258,"open_issues_count":13,"forks_count":145,"subscribers_count":31,"default_branch":"master","last_synced_at":"2025-05-14T11:28:37.039Z","etag":null,"topics":["css","css-loader","loader"],"latest_commit_sha":null,"homepage":"http://raphaelfabeni.github.io/css-loader","language":"Sass","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/raphaelfabeni.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"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}},"created_at":"2016-10-16T00:47:40.000Z","updated_at":"2025-04-15T10:34:46.000Z","dependencies_parsed_at":"2024-01-12T02:45:00.040Z","dependency_job_id":"10f0bc0c-8917-4637-aafa-5293a7179150","html_url":"https://github.com/raphaelfabeni/css-loader","commit_stats":{"total_commits":126,"total_committers":13,"mean_commits":9.692307692307692,"dds":"0.26190476190476186","last_synced_commit":"acf6b1689a37c23c17e8ed7914970651558e111f"},"previous_names":[],"tags_count":26,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/raphaelfabeni%2Fcss-loader","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/raphaelfabeni%2Fcss-loader/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/raphaelfabeni%2Fcss-loader/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/raphaelfabeni%2Fcss-loader/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/raphaelfabeni","download_url":"https://codeload.github.com/raphaelfabeni/css-loader/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254270656,"owners_count":22042860,"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","css-loader","loader"],"created_at":"2024-07-31T05:00:55.918Z","updated_at":"2025-05-15T04:07:50.500Z","avatar_url":"https://github.com/raphaelfabeni.png","language":"Sass","funding_links":[],"categories":["CSS","Sass","Uncategorized"],"sub_categories":["Uncategorized"],"readme":"# CSS loader\n\n[![CDNJS](https://img.shields.io/cdnjs/v/css-loader.svg)](https://cdnjs.com/libraries/css-loader) [![npm version](https://badge.fury.io/js/pure-css-loader.svg)](https://badge.fury.io/js/pure-css-loader) [![contributions welcome](https://img.shields.io/badge/contributions-welcome-brightgreen.svg?style=flat)](https://github.com/raphaelfabeni/css-loader/issues) [![HitCount](http://hits.dwyl.io/raphaelfabeni/css-loader.svg)](http://hits.dwyl.io/raphaelfabeni/css-loader)\n\n\n\u003e A few simple examples of loaders using only one `div` and *CSS*.\n\n![loader-g](https://cloud.githubusercontent.com/assets/1345662/19414412/5e472d6c-9322-11e6-9407-5e3662072aee.gif)\n\n[Try it online! :metal:](http://www.raphaelfabeni.com.br/css-loader/)\n\n## Why\n\nIt's usually common to show a loader to users when they must wait for something in a web application (an _ajax_ request or a form submit, etc). _Gif_ image loaders were great but by using CSS we can avoid the image request, also it's easier to customise and maintain and it's cooler.\n\n## toc\n\n* [Install](#install)\n* [Setup](#setup)\n* [Examples](#examples)\n  * [default](#default)\n  * [double](#double)\n  * [bar](#bar)\n  * [bar ping pong](#bar-ping-pong)\n  * [border](#border)\n  * [ball](#ball)\n  * [smartphone](#smartphone)\n  * [clock](#clock)\n  * [curtain](#curtain)\n  * [music](#music)\n  * [pokeball](#pokeball)\n  * [bouncing](#bouncing)\n* [Contributing](#contributing)\n* [Browser Support](#browser-support)\n\n## Install\n\n```bash\nnpm install pure-css-loader\n```\n\nAlso you can clone the repository or [download the zip file](https://github.com/raphaelfabeni/css-loader/archive/master.zip) and get the main *CSS* file that is located in: `dist/css-loader.css`.\n\n## Thanks\n\nThanks for all this [amazing people](https://github.com/raphaelfabeni/css-loader/graphs/contributors) who already helped me with the project.\n\n## Setup\n\nAdd the CSS file to your project and add the link to the file:\n\n```html\n\u003clink rel=\"stylesheet\" href=\"path/to/css-loader.css\"\u003e\n```\n\nSelect the loader and add the corresponding HTML. In order to show the loader, you need to add the helper CSS class `is-active`. And to hide the loader, just do the opposite, removing the CSS helper from the loader. You can do it with JavaScript.\n\n```html\n\u003c!-- Loader --\u003e\n\u003cdiv class=\"loader loader-default\"\u003e\u003c/div\u003e\n\n\u003c!-- Loader active --\u003e\n\u003cdiv class=\"loader loader-default is-active\"\u003e\u003c/div\u003e\n```\n\n## Examples\n\n### Default\n\n```html\n\u003cdiv class=\"loader loader-default is-active\"\u003e\u003c/div\u003e\n```\n\n![loader](https://cloud.githubusercontent.com/assets/1345662/19313531/2c715f18-906d-11e6-856a-17ca264112de.gif)\n\n[See it](http://raphaelfabeni.com.br/css-loader/#/loader-default) :metal: | [CSS](https://raw.githubusercontent.com/raphaelfabeni/css-loader/master/dist/loader-default.css) :sparkles:\n\n#### Variations\n\n**data-text**: add a _Loading_ text to the loader. Just add the `data-text` attribute.\n\n```html\n\u003cdiv class=\"loader loader-default is-active\" data-text\u003e\u003c/div\u003e\n```\n\n![loader-data-text](https://cloud.githubusercontent.com/assets/1345662/19313794/1fdf0ce0-906e-11e6-8a9f-39d2421a41d6.gif)\n\n[See it](http://raphaelfabeni.com.br/css-loader/#/loader-default-text) :metal:\n\nIt's also possible to change the text, just passing a value to the attribute `data-text`.\n\n```html\n\u003cdiv class=\"loader loader-default is-active\" data-text=\"Custom text\"\u003e\u003c/div\u003e\n```\n\n![loader-data-text-custom](https://cloud.githubusercontent.com/assets/1345662/19313797/21e3fb22-906e-11e6-8f0a-11cc9c0fb8d2.gif)\n\n**blink**: passing the `data-blink` attribute, you can add a simple _fade_ animation to the text loader\n\n```html\n\u003cdiv class=\"loader loader-default is-active\" data-text data-blink\u003e\u003c/div\u003e\n```\n\n![loader-blink](https://cloud.githubusercontent.com/assets/1345662/19313798/25fa2830-906e-11e6-88d2-2f165a68cb80.gif)\n\n[See it](http://raphaelfabeni.com.br/css-loader/#/loader-default-blink) :metal:\n\n**half**: a _half_ loader.\n\n![loader-half](https://cloud.githubusercontent.com/assets/1345662/19418371/55ae80cc-93a1-11e6-9273-22955e62a6a4.gif)\n\n[See it](http://raphaelfabeni.com.br/css-loader/#/loader-default-half) :metal:\n\nThe variations _data-half_, _data-text_ and _data-blink_ works together. 😄\n\n### Double\n\n```html\n\u003cdiv class=\"loader loader-double is-active\"\u003e\u003c/div\u003e\n```\n\n![loader-double](https://cloud.githubusercontent.com/assets/1345662/19314508/c2279a06-9070-11e6-8079-4fa82b5f2610.gif)\n\n[See it](http://raphaelfabeni.com.br/css-loader/#/loader-double) :metal: | [CSS](https://raw.githubusercontent.com/raphaelfabeni/css-loader/master/dist/loader-double.css) :sparkles:\n\n### Bar | [CSS](https://raw.githubusercontent.com/raphaelfabeni/css-loader/master/dist/loader-bar.css) :sparkles:\n\n```html\n\u003cdiv class=\"loader loader-bar is-active\"\u003e\u003c/div\u003e\n```\n\n![loader-bar-updated](https://cloud.githubusercontent.com/assets/1345662/23286931/5eae58a8-fa19-11e6-8718-ae28d633ed1e.gif)\n\n[See it](http://raphaelfabeni.com.br/css-loader/#/loader-bar) :metal:\n\n#### Variations\n\nLike the `loader` example, it's also possible to pass the `data-text` and `blink` attributes.\n\n```html\n\u003cdiv class=\"loader loader-bar is-active\" data-text\u003e\u003c/div\u003e\n\u003c!-- --\u003e\n\u003cdiv class=\"loader loader-bar is-active\" data-inverse\u003e\u003c/div\u003e\n\u003c!-- --\u003e\n\u003cdiv class=\"loader loader-bar is-active\" data-text=\"Custom text\"\u003e\u003c/div\u003e\n\u003c!-- --\u003e\n\u003cdiv class=\"loader loader-bar is-active\" data-text data-blink\u003e\u003c/div\u003e\n```\n\n[See it](http://raphaelfabeni.com.br/css-loader/#/loader-bar-text) :metal:\n\n**rounded**: passing the `data-rounded` attribute, it's possible to add a simple `border-radius` to the loader.\n\n![loader-bar-rounded-updated](https://cloud.githubusercontent.com/assets/1345662/23287022/abe16980-fa19-11e6-87c3-c7a4c28e7bb5.gif)\n\n```html\n\u003cdiv class=\"loader loader-bar is-active\" data-text data-rounded\u003e\u003c/div\u003e\n```\n\n[See it](http://raphaelfabeni.com.br/css-loader/#/loader-bar-rounded) :metal:\n\n**inverse**: passing the `data-inverse` attribute, it's possible change the direction of the animation (from left to right).\n\n![loader-bar](https://cloud.githubusercontent.com/assets/1345662/19314685/6d719056-9071-11e6-88c8-2c3750ca0198.gif)\n\n```html\n\u003cdiv class=\"loader loader-bar is-active\" data-inverse\u003e\u003c/div\u003e\n```\n\n[See it](http://raphaelfabeni.com.br/css-loader/#/loader-bar-inverse) :metal:\n\n*Obs*. It's also possible pass a parameter `data-text` with a content value that will show as a text loader, or with no value, and the default *loading* text  it's going to show instead.\n\n### Bar Ping Pong\n\n![loader-bar-ping-pong](https://cloud.githubusercontent.com/assets/1345662/23591096/deed9e04-01c9-11e7-9d5f-356fa249ff00.gif)\n\n```html\n\u003cdiv class=\"loader loader-bar-ping-pong is-active\"\u003e\u003c/div\u003e\n```\n\n[See it](http://raphaelfabeni.com.br/css-loader/#/loader-bar-ping-pong) :metal: | [CSS](https://raw.githubusercontent.com/raphaelfabeni/css-loader/master/dist/loader-bar-ping-pong.css) :sparkles:\n\n#### Variations\n\n**rounded**: passing the `data-rounded` attribute, it's possible to add a `border-radius` to the bar and the _ticker_ transforms into a circle.\n\n![loader-bar-ping-pong-rounded](https://cloud.githubusercontent.com/assets/1345662/23591095/deea37e6-01c9-11e7-81e3-86f866a94d40.gif)\n\n```html\n\u003cdiv class=\"loader loader-bar-ping-pong is-active\" data-rounded\u003e\u003c/div\u003e\n```\n\n[See it](http://raphaelfabeni.com.br/css-loader/#/loader-bar-ping-pong-rounded) :metal:\n\n### Border\n\n![loader-border](https://cloud.githubusercontent.com/assets/1345662/19314686/6d733622-9071-11e6-8167-a55e6c16a02f.gif)\n\n```html\n\u003cdiv class=\"loader loader-border is-active\"\u003e\u003c/div\u003e\n```\n\n[See it](http://raphaelfabeni.com.br/css-loader/#/loader-border) :metal: | [CSS](https://raw.githubusercontent.com/raphaelfabeni/css-loader/master/dist/loader-border.css) :sparkles:\n\n#### Variations\n\nLike the `loader` example, it's also possible to pass the `data-text` and `blink` attributes.\n\n```html\n\u003cdiv class=\"loader loader-border is-active\" data-text\u003e\u003c/div\u003e\n\u003c!-- --\u003e\n\u003cdiv class=\"loader loader-border is-active\" data-text=\"Custom text\"\u003e\u003c/div\u003e\n\u003c!-- --\u003e\n\u003cdiv class=\"loader loader-border is-active\" data-text data-blink\u003e\u003c/div\u003e\n```\n\n[See it](http://raphaelfabeni.com.br/css-loader/#/loader-border-text) :metal:\n\n### Ball\n\n```html\n\u003cdiv class=\"loader loader-ball is-active\"\u003e\u003c/div\u003e\n```\n\n![loader-ball](https://cloud.githubusercontent.com/assets/1345662/19314687/6d771ff8-9071-11e6-8839-713066f11056.gif)\n\n[See it](http://raphaelfabeni.com.br/css-loader/#/loader-ball) :metal: | [CSS](https://raw.githubusercontent.com/raphaelfabeni/css-loader/master/dist/loader-ball.css) :sparkles:\n\n#### Variations\n\n**shadow**: a version of the ball with inset shadow.\n\n![loader-ball-shadow](https://cloud.githubusercontent.com/assets/1345662/19502619/06f1c906-958d-11e6-87c9-d64b13688485.gif)\n\n```html\n\u003cdiv class=\"loader loader-ball is-active\" data-shadow\u003e\u003c/div\u003e\n```\n\n[See it](http://raphaelfabeni.com.br/css-loader/#/loader-ball-shadow) :metal:\n\n### Smartphone\n\n```html\n\u003cdiv class=\"loader loader-smartphone is-active\"\u003e\u003c/div\u003e\n```\n\n![loader-smartphone-empty](https://cloud.githubusercontent.com/assets/1345662/19544262/83cd4b42-965c-11e6-9238-91a48f0d5cf5.gif)\n\n[See it](http://raphaelfabeni.com.br/css-loader/#/loader-smartphone) :metal: | [CSS](https://raw.githubusercontent.com/raphaelfabeni/css-loader/master/dist/loader-smartphone.css) :sparkles:\n\n#### Variations\n\n**w/ screen text**: it's possible to pass an attribute to the loader and show a simple text inside the screen. Like the other one, if we only pass the attribute, a default _loading_ text is shown; but you can pass a custom text. Just remember that it can't be a big word (our smartphone screen is small).\n\n```html\n\u003c!-- default loading text --\u003e\n\u003cdiv class=\"loader loader-smartphone is-active\" data-screen\u003e\u003c/div\u003e\n\n\u003c!-- custom text --\u003e\n\u003cdiv class=\"loader loader-smartphone is-active\" data-screen=\"hello\"\u003e\u003c/div\u003e\n```\n\n![loader-smartphone](https://cloud.githubusercontent.com/assets/1345662/19544263/83ec08a2-965c-11e6-99f3-fea1896c0191.gif)\n\n[See it](http://raphaelfabeni.com.br/css-loader/#/loader-smartphone-text) :metal:\n\n### Clock\n\n```html\n\u003cdiv class=\"loader loader-clock is-active\"\u003e\u003c/div\u003e\n```\n\n![loader-clock](https://cloud.githubusercontent.com/assets/1345662/19628192/f09d9a88-9936-11e6-8a2c-de22df0f820b.gif)\n\n[See it](http://raphaelfabeni.com.br/css-loader/#/loader-clock) :metal: | [CSS](https://raw.githubusercontent.com/raphaelfabeni/css-loader/master/dist/loader-clock.css) :sparkles:\n\n### Curtain\n\n```html\n\u003cdiv class=\"loader loader-curtain is-active\"\u003e\u003c/div\u003e\n```\n\n![loader-curtain-default](https://cloud.githubusercontent.com/assets/1345662/20083193/fd7043fc-a541-11e6-8f86-e08cbb2c02c2.gif)\n\n[See it](http://raphaelfabeni.com.br/css-loader/#/loader-curtain) :metal: | [CSS](https://raw.githubusercontent.com/raphaelfabeni/css-loader/master/dist/loader-curtain.css) :sparkles:\n\n#### Variations\n\n**brazilian**: a simple version using the traditional brazilian green and yellow. :brazil:\n\n```html\n\u003cdiv class=\"loader loader-curtain is-active\" data-brazilian\u003e\u003c/div\u003e\n```\n\n![loader-curtain-br](https://cloud.githubusercontent.com/assets/1345662/20083191/fd5596c4-a541-11e6-8f26-1a9325e0401e.gif)\n\n[See it](http://raphaelfabeni.com.br/css-loader/#/loader-curtain-brazilian) :metal:\n\n**colorful**: a colorful version.\n\n```html\n\u003cdiv class=\"loader loader-curtain is-active\" data-colorful\u003e\u003c/div\u003e\n```\n\n![loader-curtain-color](https://cloud.githubusercontent.com/assets/1345662/20083192/fd59f854-a541-11e6-97eb-6bd380ff5356.gif)\n\n[See it](http://raphaelfabeni.com.br/css-loader/#/loader-curtain-colorful) :metal:\n\n**w/ custom text**: it's also possible customize the text loader. It's just pass the data attribute `data-curtain-text` with the value desired.\n\n```html\n\u003cdiv class=\"loader loader-curtain is-active\" colorful data-curtain-text=\"Hello\"\u003e\u003c/div\u003e\n```\n\n### Music\n\n```html\n\u003cdiv class=\"loader loader-music is-active\" data-hey-oh\u003e\u003c/div\u003e\n```\n\nThis loader differs from the other because we have to pass an attribute to it, according to song's chorus that we want to load.\n\n[CSS](https://raw.githubusercontent.com/raphaelfabeni/css-loader/master/dist/loader-music.css) :sparkles:\n\n#### Variations\n\n**hey-oh**: The classic [Hey! Oh! Let's Go!](https://www.youtube.com/watch?v=xuOnePNlOgY) from Ramones.\n\n```html\n\u003cdiv class=\"loader loader-music is-active\" data-hey-oh\u003e\u003c/div\u003e\n```\n\n![loader-music-hey-oh](https://cloud.githubusercontent.com/assets/1345662/20288053/c3179248-aab7-11e6-8551-9819f523fbee.gif)\n\n[See it](http://raphaelfabeni.com.br/css-loader/#/loader-music-hey-oh) :metal:\n\n**no-cry**: [No woman no cry](https://www.youtube.com/watch?v=x59kS2AOrGM) from Bob Marley.\n\n```html\n\u003cdiv class=\"loader loader-music is-active\" data-no-cry\u003e\u003c/div\u003e\n```\n\n![loader-music-no-woman](https://cloud.githubusercontent.com/assets/1345662/20288054/c3363950-aab7-11e6-882a-8fdecdca06d3.gif)\n\n[See it](http://raphaelfabeni.com.br/css-loader/#/loader-music-no-cry) :metal:\n\n**we-are**: [We are the world](https://www.youtube.com/watch?v=x59kS2AOrGM) from Michael Jackson.\n\n```html\n\u003cdiv class=\"loader loader-music is-active\" data-we-are\u003e\u003c/div\u003e\n```\n\n![loader-music-we-are](https://cloud.githubusercontent.com/assets/1345662/20288055/c33fd910-aab7-11e6-8a0d-6cd303759c92.gif)\n\n[See it](http://raphaelfabeni.com.br/css-loader/#/loader-music-we-are) :metal:\n\n**rock-you**: [We will rock you](https://www.youtube.com/watch?v=-tJYN-eG1zk) from Queen.\n\n```html\n\u003cdiv class=\"loader loader-music is-active\" data-rock-you\u003e\u003c/div\u003e\n```\n\n![loader-music-we-will](https://cloud.githubusercontent.com/assets/1345662/20288056/c344bf66-aab7-11e6-9adb-7fbc21bf1c09.gif)\n\n[See it](http://raphaelfabeni.com.br/css-loader/#/loader-music-rock-you) :metal:\n\n### Pokeball\n\n```html\n\u003cdiv class=\"loader loader-pokeball is-active\"\u003e\u003c/div\u003e\n```\n\n![loader-pokeball](https://cloud.githubusercontent.com/assets/1345662/22757245/3ddfc9d4-ee31-11e6-97e3-5d7221542e2e.gif)\n\n[See it](http://raphaelfabeni.com.br/css-loader/#/loader-pokeball) :metal: | [CSS](https://raw.githubusercontent.com/raphaelfabeni/css-loader/master/dist/loader-pokeball.css) :sparkles:\n\n### Bouncing\n\n```html\n\u003cdiv class=\"loader loader-bouncing is-active\"\u003e\u003c/div\u003e\n```\n\n![loader-bouncing](https://user-images.githubusercontent.com/397832/37002847-ca80f236-20a9-11e8-9bd0-246c5c7f980e.gif)\n\n[See it](http://raphaelfabeni.com.br/css-loader/#/loader-bouncing) :metal:\n\n## Contributing\n\n1. Clone this repository.\n2. Run `yarn install` and `yarn start`\n3. Open `http://localhost:3000`.\n4. Make your magic contribution.\n  * Choose a special name for your loader (`loaders-name-you-want`) and add to `loaders.json`. \n  * Create the example file inside the `examples` folder (uses the loader name you chose). You can copy one of the examples and make the necessary changes.\n  * Create the `.sass` files. The first one inside `src` folder which is the root style file for the loader and it will import the other files. And the other one, inside `loaders` folder with the specific style for the loader (both must have the same name you chose  - _loader-name-you-chose_).\n5. Run `yarn build` to create/update the dist files.\n6. Open a _PR_ with a new branch describing your changes. \u003co/\n\nAll examples use CSS _animation_ which is supported by [most current browsers](http://caniuse.com/#search=animation).\n\n| \u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_128x128.png\" width=\"48px\" height=\"48px\" alt=\"Chrome logo\"\u003e | \u003cimg src=\"https://github.com/alrra/browser-logos/blob/master/src/firefox/firefox_128x128.png?raw=true\" width=\"48px\" height=\"48px\" alt=\"Firefox logo\"\u003e | \u003cimg src=\"https://cdnjs.cloudflare.com/ajax/libs/browser-logos/40.2.1/archive/internet-explorer_9-11/internet-explorer_9-11_128x128.png\" width=\"48px\" height=\"48px\" alt=\"Internet Explorer logo\"\u003e | \u003cimg src=\"https://github.com/alrra/browser-logos/blob/master/src/opera/opera_128x128.png?raw=true\" width=\"48px\" height=\"48px\" alt=\"Opera logo\"\u003e | \u003cimg src=\"https://github.com/alrra/browser-logos/blob/master/src/safari/safari_128x128.png?raw=true\" width=\"48px\" height=\"48px\" alt=\"Safari logo\"\u003e | \u003cimg src=\"https://github.com/alrra/browser-logos/blob/master/src/android/android_128x128.png?raw=true\" width=\"48px\" height=\"48px\" alt=\"Android Browser Logo\" \u003e\n|:---:|:---:|:---:|:---:|:---:|:---:|\n| 43+ ✔ | 16+ ✔ | 10+ ✔ | 30+ ✔ | 9+ ✔ | 5.2+ ✔\n\nBased on _Can i Use_. One thing to note is that the CSS file has no browser prefixes, but you can easily add them and increase the browser support.\n\n## License\n\n[GPL License](/LICENSE) © Raphael Fabeni\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fraphaelfabeni%2Fcss-loader","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fraphaelfabeni%2Fcss-loader","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fraphaelfabeni%2Fcss-loader/lists"}