{"id":14937651,"url":"https://github.com/dmitrymalk/material-design-dimens","last_synced_at":"2025-05-16T18:09:41.029Z","repository":{"id":57718853,"uuid":"58326497","full_name":"dmitrymalk/material-design-dimens","owner":"dmitrymalk","description":"Default colors and dimens per Material Design guidelines and Android Design guidelines inside one library.","archived":false,"fork":false,"pushed_at":"2017-05-17T16:27:18.000Z","size":137,"stargazers_count":1344,"open_issues_count":2,"forks_count":106,"subscribers_count":34,"default_branch":"master","last_synced_at":"2025-05-03T04:45:06.108Z","etag":null,"topics":["android","android-library","material-components","material-design"],"latest_commit_sha":null,"homepage":"","language":"Java","has_issues":false,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/dmitrymalk.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":"2016-05-08T18:56:18.000Z","updated_at":"2025-03-11T06:33:52.000Z","dependencies_parsed_at":"2022-09-26T22:30:36.108Z","dependency_job_id":null,"html_url":"https://github.com/dmitrymalk/material-design-dimens","commit_stats":null,"previous_names":["dmitrygr95/material-design-dimens","dmitrymalk/material-design-dimens","dmitrymalkovich/material-design-dimens"],"tags_count":3,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dmitrymalk%2Fmaterial-design-dimens","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dmitrymalk%2Fmaterial-design-dimens/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dmitrymalk%2Fmaterial-design-dimens/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dmitrymalk%2Fmaterial-design-dimens/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/dmitrymalk","download_url":"https://codeload.github.com/dmitrymalk/material-design-dimens/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254582907,"owners_count":22095518,"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":["android","android-library","material-components","material-design"],"created_at":"2024-09-24T00:00:47.373Z","updated_at":"2025-05-16T18:09:41.000Z","avatar_url":"https://github.com/dmitrymalk.png","language":"Java","funding_links":[],"categories":["Java"],"sub_categories":[],"readme":"# Material Design Dimens\n\n[![Crates.io](https://img.shields.io/crates/l/rustc-serialize.svg?maxAge=2592000)]() [![Bintray](https://img.shields.io/bintray/v/asciidoctor/maven/asciidoctorj.svg?maxAge=2592000)](https://bintray.com/dmitrymalkovich/maven/material-design-dimens/view) [![Android Arsenal](https://img.shields.io/badge/Android%20Arsenal-Material%20Design%20Dimens-brightgreen.svg?style=flat)](http://android-arsenal.com/details/1/3675) [![Build Status](https://travis-ci.org/DmitryMalkovich/material-design-dimens.svg?branch=master)](https://travis-ci.org/DmitryMalkovich/material-design-dimens)\n\nDefault colors and dimens per [Material Design guidelines](https://www.google.com/design/spec/material-design/introduction.html) and [Android Design guidelines](https://developer.android.com/design/index.html) inside one library. \n \n## Dimens\n\n**Pattern:**\n```\nR.dimen.material_[layout|component|typography]_[keylines|button|...]\n\nR.color.material_[red|blue|...]_[500|800|...]\n```\n \n## Usage\nJust add the dependency to your `build.gradle`:\n```\ncompile 'com.dmitrymalkovich.android:material-design-dimens:1.4'\n```\n\n## Examples\n\n#### Dialogs\n\n\u003cimg width=\"600\" src=\"https://material-design.storage.googleapis.com/publish/material_v_8/material_ext_publish/0Bzhp5Z4wHba3c3htV1IweVNKcFU/components_dialogs_updates1.png\"/\u003e\n\nName | Dimens | Values\n------------ | ------------- | -------------\nPadding around content area | `@dimen/material_component_dialogs_padding_around_content_area` | 24dp\nPadding between title and body text | `@dimen/material_component_dialogs_padding_between_title_and_body_text` | 20dp\nPadding around buttons | `@dimen/material_component_dialogs_padding_around_buttons` | 8dp\nAction area height | `@dimen/material_component_dialogs_action_area_height` | 52dp\nDialog elevation | `@dimen/material_component_dialogs_elevation` | 24dp\n\n\n#### Metrics \u0026 Keylines\n\n\u003cimg width=\"300\" src=\"https://material-design.storage.googleapis.com/publish/material_v_8/material_ext_publish/0B6Okdz75tqQseWRUbzJuUnpkNHM/layout_metrics_keyline_mobile2.png\"/\u003e\n\nName  | Dimens | Values\n------------ | ------------- | -------------\nScreen edge left and right margins | `@dimen/material_layout_keylines_screen_edge_margin` | 16dp\nContent associated with an icon or avatar left margin | `@dimen/material_layout_keylines_content_left_margin_from_screen_edge` | 72dp\nHorizontal margins on mobile | `@dimen/material_layout_keylines_horizontal_mobile_margin` | 16dp\n\n\n#### Cards\n\n\u003cimg width=\"600\" src=\"https://material-design.storage.googleapis.com/publish/material_v_8/material_ext_publish/0Bzhp5Z4wHba3bElRc0xaZGR4S0E/components_cards20.png\"/\u003e\n\nName  | Dimens | Values\n------------ | ------------- | -------------\nPrimary title top padding | `@dimen/material_component_cards_primary_title_top_padding` | 24dp\nPrimary title bottom padding | `@dimen/material_component_cards_primary_title_bottom_padding` | 16dp\nAction button row padding | `@dimen/material_component_cards_action_button_row_padding` | 8dp\nSupporting text top padding | `@dimen/material_component_cards_supporting_text_top_padding` | 16dp\nSupporting text bottom padding | `@dimen/material_component_cards_supporting_text_bottom_padding` | 24dp\n\n\n#### Floating Action Buttons\n\n\u003cimg width=\"300\" src=\"https://material-design.storage.googleapis.com/publish/material_v_8/material_ext_publish/0Bx4BSt6jniD7dkNVa080Ykd0ejg/patterns_actions_fab3.png\"/\u003e\n\nDimens | Values\n------------- | -------------\n @dimen/material_component_floating_action_button_margin | 16dp\n @dimen/material_component_button_height | 36dp\n @dimen/material_component_button_touchable_target_height | 48dp\n\n\n#### Color Palette\n\n\u003cimg width=\"300\" src=\"https://material-design.storage.googleapis.com/publish/material_v_8/material_ext_publish/0Bx4BSt6jniD7Ym1sRkstSzYtZmM/style_color_uiapplication_palette1.png\"/\u003e\n\nColors | Value\n------------- | -------------\n @color/material_indigo_100 | #C5CAE9\n @color/material_indigo_500 | #3F51B5\n @color/material_indigo_700 | #303F9F\n\n## Layout\n\n* Keylines\n* Spacing\n* ... (More comming soon)\n\n## Components\n\n* Bottom sheets\n* Buttons\n* Floating Action Buttons\n* Cards\n* Dialogs\n* Grid lists\n* Lists\n* Text fields\n* Toolbars\n* ... (More comming soon)\n\n## Typography\n\n* Font sizes\n\n## Sample\n\n* [Make Your App Material (XYZ reader)](https://github.com/DmitryMalkovich/make-your-app-material)\n\n\u003cimg width=\"30%\" vspace=\"20\" hspace=\"20\"  src=\"https://cloud.githubusercontent.com/assets/2931932/17039819/dd38d6c8-4fa4-11e6-9914-e25d8764a759.png\" /\u003e \u003cimg width=\"30%\" vspace=\"20\" hspace=\"20\" src=\"https://cloud.githubusercontent.com/assets/2931932/17039818/dd386b98-4fa4-11e6-9e67-6a500ba7c209.png\" /\u003e \u003cimg width=\"60%\" hspace=\"20\" vspace=\"20\" src=\"https://cloud.githubusercontent.com/assets/2931932/17039817/dd37f898-4fa4-11e6-8001-6105bda2cac9.png\" /\u003e\n\n## Contributing\n\nWant to add your favorites dimens, just make pull request! \n\n### External contributors\n\n* [FaizMalkani](https://github.com/FaizMalkani)\n* [Jawnnypoo] (https://github.com/Jawnnypoo)\n\n## License\n\nCopyright 2016 Dmitry Malkovich\n\nLicensed under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at\n\n    http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdmitrymalk%2Fmaterial-design-dimens","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdmitrymalk%2Fmaterial-design-dimens","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdmitrymalk%2Fmaterial-design-dimens/lists"}