{"id":20782423,"url":"https://github.com/rl-king/elm-modular-scale","last_synced_at":"2026-05-25T22:34:57.505Z","repository":{"id":62419476,"uuid":"97452853","full_name":"rl-king/elm-modular-scale","owner":"rl-king","description":"Generate proportionally related values to use as font-sizes, line-height, ect.","archived":false,"fork":false,"pushed_at":"2018-11-11T12:07:00.000Z","size":37,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-12-26T10:49:13.783Z","etag":null,"topics":["elm","modular-scale","typography"],"latest_commit_sha":null,"homepage":"http://package.elm-lang.org/packages/rl-king/elm-modular-scale/latest","language":"Elm","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"bsd-3-clause","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/rl-king.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}},"created_at":"2017-07-17T08:25:47.000Z","updated_at":"2023-06-09T10:02:59.000Z","dependencies_parsed_at":"2022-11-01T16:49:02.879Z","dependency_job_id":null,"html_url":"https://github.com/rl-king/elm-modular-scale","commit_stats":null,"previous_names":[],"tags_count":7,"template":false,"template_full_name":null,"purl":"pkg:github/rl-king/elm-modular-scale","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rl-king%2Felm-modular-scale","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rl-king%2Felm-modular-scale/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rl-king%2Felm-modular-scale/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rl-king%2Felm-modular-scale/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/rl-king","download_url":"https://codeload.github.com/rl-king/elm-modular-scale/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rl-king%2Felm-modular-scale/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":33496446,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-25T14:31:05.219Z","status":"ssl_error","status_checked_at":"2026-05-25T14:31:02.878Z","response_time":57,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":["elm","modular-scale","typography"],"created_at":"2024-11-17T14:10:56.670Z","updated_at":"2026-05-25T22:34:57.489Z","avatar_url":"https://github.com/rl-king.png","language":"Elm","funding_links":[],"categories":[],"sub_categories":[],"readme":"#  elm-modular-scale\nCreate proportionally related values to be used as font sizes, element widths, line height, ect.\n\n[example live](https://rl-king.github.io/elm-modular-scale-example/) |\n[example code](https://github.com/rl-king/elm-modular-scale-example)\n\nBased on the idea found at [modularscale.com](http://www.modularscale.com/)\n\n## Usage\n```elm\nconfig : Config\nconfig =\n    config [ 1 ] PerfectFifth\n\nget config 5\n\n--\u003e 7.59375\n\nms : Int -\u003e String\nms x =\n    String.fromFloat (get config x) ++ \"em\"\n\nh1 [ style [ ( \"font-size\", ms 4 ) ] ] [ text \"Foo\" ]\n\n-- Or, if you're using elm-css\n\nms : Int -\u003e Css.Rem\nms x =\n    rem (get config x)\n\nstyle : List Style\nstyle =\n    [ fontSize (ms 4) ]\n```\n\nAlso check out [this](https://vimeo.com/17079380) great talk by Tim Brown, introducing this concept.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frl-king%2Felm-modular-scale","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frl-king%2Felm-modular-scale","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frl-king%2Felm-modular-scale/lists"}