{"id":13716860,"url":"https://github.com/yegor256/drops","last_synced_at":"2025-03-27T01:31:29.097Z","repository":{"id":47315653,"uuid":"210361222","full_name":"yegor256/drops","owner":"yegor256","description":"Primitive CSS classes to replace most commonly used CSS styles","archived":false,"fork":false,"pushed_at":"2024-05-22T00:45:52.000Z","size":69,"stargazers_count":11,"open_issues_count":1,"forks_count":5,"subscribers_count":6,"default_branch":"master","last_synced_at":"2024-05-22T01:39:39.657Z","etag":null,"topics":["css","css-framework","html","html-css"],"latest_commit_sha":null,"homepage":"https://www.npmjs.com/package/drops","language":"SCSS","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/yegor256.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,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2019-09-23T13:23:48.000Z","updated_at":"2024-05-30T01:12:28.436Z","dependencies_parsed_at":"2024-01-11T00:58:06.864Z","dependency_job_id":"788286f7-c293-4bf3-83ca-eadd723f77cf","html_url":"https://github.com/yegor256/drops","commit_stats":{"total_commits":24,"total_committers":3,"mean_commits":8.0,"dds":0.08333333333333337,"last_synced_commit":"777b526b75eb96873f218493095b7fc45e6109c1"},"previous_names":[],"tags_count":6,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yegor256%2Fdrops","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yegor256%2Fdrops/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yegor256%2Fdrops/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yegor256%2Fdrops/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/yegor256","download_url":"https://codeload.github.com/yegor256/drops/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245764717,"owners_count":20668466,"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-framework","html","html-css"],"created_at":"2024-08-03T00:01:15.150Z","updated_at":"2025-03-27T01:31:29.091Z","avatar_url":"https://github.com/yegor256.png","language":"SCSS","funding_links":[],"categories":["Frameworks / Resources"],"sub_categories":["D"],"readme":"# Simple but Useful CSS Classes\n\n[![DevOps By Rultor.com](http://www.rultor.com/b/yegor256/drops)](http://www.rultor.com/p/yegor256/drops)\n\n[![grunt](https://github.com/yegor256/drops/actions/workflows/grunt.yml/badge.svg)](https://github.com/yegor256/drops/actions/workflows/grunt.yml)\n[![PDD status](http://www.0pdd.com/svg?name=yegor256/drops)](http://www.0pdd.com/p?name=teamed/yegor256/drops)\n[![License](https://img.shields.io/badge/license-MIT-green.svg)](https://github.com/yegor256/drops/blob/master/LICENSE.txt)\n[![NPM version](https://badge.fury.io/js/drops.svg)](http://badge.fury.io/js/drops)\n[![Hits-of-Code](https://hitsofcode.com/github/yegor256/drops)](https://hitsofcode.com/view/github/yegor256/drops)\n\nFirst, you add it to your HTML:\n\n```html\n\u003c!DOCTYPE html\u003e\n\u003chtml\u003e\n  \u003chead\u003e\n    \u003clink rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/drops@0.2.0/dist/drops-0.2.0.min.css\"/\u003e\n  \u003c/head\u003e\n\u003c/html\u003e\n```\n\nAnd then, instead of this:\n\n```html\n\u003cp style=\"color: tomato; font-weight: bold; text-align: right;\"\u003eHello\u003c/p\u003e\n```\n\nYou do this:\n\n```html\n\u003cp class=\"tomato bold right\"\u003eHello\u003c/p\u003e\n```\n\nHere is a full list of \"drops\" (excluding the colors):\n\n| CSS class | Style |\n|---|---|\n| `bold` | `font-weight: bold;` |\n| `italic` | `font-style: italic;` |\n| `underline` | `text-decoration: underline;` |\n| `monospace` | `font-family: monospace;` |\n| `serif` | `font-family: serif;` |\n| `sans-serif` | `font-family: sans-serif;` |\n| `right` | `text-align: right;` |\n| `left` | `text-align: left;` |\n| `center` | `text-align: center;` |\n| `smaller` | `font-size: .8em;` |\n| `larger` | `font-size: 1.2em;` |\n| `invisible` | `display: none;` |\n| `block` | `display: block;` |\n| `inline` | `display: inline;` |\n| `inline-block` | `display: inline-block;` |\n| `position-static` | `position: static;` |\n| `position-relative` | `position: relative;` |\n| `position-absolute` | `position: absolute;` |\n| `position-fixed` | `position: fixed;` |\n| `position-sticky` | `position: sticky;` |\n\nThere is also a set of drops for responsive design, like `desktop-only` and\n`no-printer` for `desktop`, `printer`, `mobile`, and `tablet`.\n\nAlso, all [140 web colors](https://en.wikipedia.org/wiki/Web_colors)\nare supported, like `tomato` or `blueviolet`.\n\n## How to contribute\n\nFork repository, make changes, send us a pull request. We will review\nyour changes and apply them to the `master` branch shortly, provided\nthey don't violate our quality standards. To avoid frustration, before\nsending us your pull request please run full Grunt build:\n\n```bash\nnpm install\nnpm test\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyegor256%2Fdrops","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fyegor256%2Fdrops","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyegor256%2Fdrops/lists"}