{"id":31760890,"url":"https://github.com/christopher-ramirez/remixings","last_synced_at":"2025-10-09T21:41:58.720Z","repository":{"id":4569492,"uuid":"5710894","full_name":"christopher-ramirez/remixings","owner":"christopher-ramirez","description":"[UNMAINTAINED] Automatically convert pixel measures into rem in {less}.","archived":false,"fork":false,"pushed_at":"2017-04-17T14:45:47.000Z","size":4,"stargazers_count":98,"open_issues_count":4,"forks_count":14,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-09-11T14:14:35.476Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/christopher-ramirez.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2012-09-07T01:18:58.000Z","updated_at":"2024-08-06T07:25:03.000Z","dependencies_parsed_at":"2022-07-21T13:32:20.978Z","dependency_job_id":null,"html_url":"https://github.com/christopher-ramirez/remixings","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/christopher-ramirez/remixings","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/christopher-ramirez%2Fremixings","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/christopher-ramirez%2Fremixings/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/christopher-ramirez%2Fremixings/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/christopher-ramirez%2Fremixings/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/christopher-ramirez","download_url":"https://codeload.github.com/christopher-ramirez/remixings/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/christopher-ramirez%2Fremixings/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":279002053,"owners_count":26083286,"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-10-09T02:00:07.460Z","response_time":59,"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":[],"created_at":"2025-10-09T21:41:15.517Z","updated_at":"2025-10-09T21:41:58.715Z","avatar_url":"https://github.com/christopher-ramirez.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"remixins for {less}\n-\n### Automatically convert pixel measures into rem units.\n\nremixins is a collection of **{less}** mixins that helps you start using rem units without coding pixels fallbacks on every rule. Code your CSS using pixels. remixins will automatically convert them to rem units.\n\nremixins includes **{less}** mixins for most popular properties where rem is used as a measure unit.\n\nMixins available for the following CSS properties:  \n * `font-size`, `line-height` and `text-indent`.  \n * `margin`(s)  \n * `padding`(s)  \n * `height` and `width` (including min- and max-)  \n * `top`, `left`, `bottom` and `right`.  \n\n#### How to use it:\n1. Download remixins.less\n2. Set `@base-font-size-px` (line 2) to your integer root's font size. Note that `@base-font-size-px` **MUST BE AN INTEGER** (without any measure unit).\n3. Import downloaded file `@import \"remixins.less`.\n\n### Examples:\n**{less}:**  \n```css\n    .element {\n        .font-size(16px);\n    }\n```  \n**CSS result:**  \n```css\n    .element {\n        font-size: 16px;\n        font-size: 1.6rem;\n    }\n```\n\n**{less}**  \n```css\n    .element {\n        .margin(10px, 3%);\n    }\n```  \n**CSS result:**  \n```css \n    .element {\n        margin: 10px 3%;\n        margin: 1rem 3%;\n    }\n```\n\n### Included mixins\n* `.font-size(@value)`\n* `.line-height(@value)`\n* `.text-indent(@value)`\n* `.margin(@value)`\n* `.margin(@vertical, @horizontal)`\n* `.margin-top(@value)`\n* `.margin-right(@value)`\n* `.margin-bottom(@value)`\n* `.margin-left(@value)`\n* `.padding(@value)`\n* `.padding(@vertical, @horizontal)`\n* `.padding-top(@value)`\n* `.padding-right(@value)`\n* `.padding-bottom(@value)`\n* `.padding-left(@value)`\n* `.height(@value)`\n* `.min-height(@value)`\n* `.max-height(@value)`\n* `.width(@value)`\n* `.min-width(@value)`\n* `.max-width(@value)`\n* `.top(@value)`\n* `.left(@value)`\n* `.bottom(@value)`\n* `.right(@value)`\n\n**@chrRamirez**\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchristopher-ramirez%2Fremixings","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fchristopher-ramirez%2Fremixings","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchristopher-ramirez%2Fremixings/lists"}