https://github.com/dmitrymalk/material-design-dimens
Default colors and dimens per Material Design guidelines and Android Design guidelines inside one library.
https://github.com/dmitrymalk/material-design-dimens
android android-library material-components material-design
Last synced: about 1 year ago
JSON representation
Default colors and dimens per Material Design guidelines and Android Design guidelines inside one library.
- Host: GitHub
- URL: https://github.com/dmitrymalk/material-design-dimens
- Owner: dmitrymalk
- License: apache-2.0
- Created: 2016-05-08T18:56:18.000Z (about 10 years ago)
- Default Branch: master
- Last Pushed: 2017-05-17T16:27:18.000Z (about 9 years ago)
- Last Synced: 2025-05-03T04:45:06.108Z (about 1 year ago)
- Topics: android, android-library, material-components, material-design
- Language: Java
- Homepage:
- Size: 134 KB
- Stars: 1,344
- Watchers: 34
- Forks: 106
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Material Design Dimens
[]() [](https://bintray.com/dmitrymalkovich/maven/material-design-dimens/view) [](http://android-arsenal.com/details/1/3675) [](https://travis-ci.org/DmitryMalkovich/material-design-dimens)
Default 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.
## Dimens
**Pattern:**
```
R.dimen.material_[layout|component|typography]_[keylines|button|...]
R.color.material_[red|blue|...]_[500|800|...]
```
## Usage
Just add the dependency to your `build.gradle`:
```
compile 'com.dmitrymalkovich.android:material-design-dimens:1.4'
```
## Examples
#### Dialogs
Name | Dimens | Values
------------ | ------------- | -------------
Padding around content area | `@dimen/material_component_dialogs_padding_around_content_area` | 24dp
Padding between title and body text | `@dimen/material_component_dialogs_padding_between_title_and_body_text` | 20dp
Padding around buttons | `@dimen/material_component_dialogs_padding_around_buttons` | 8dp
Action area height | `@dimen/material_component_dialogs_action_area_height` | 52dp
Dialog elevation | `@dimen/material_component_dialogs_elevation` | 24dp
#### Metrics & Keylines
Name | Dimens | Values
------------ | ------------- | -------------
Screen edge left and right margins | `@dimen/material_layout_keylines_screen_edge_margin` | 16dp
Content associated with an icon or avatar left margin | `@dimen/material_layout_keylines_content_left_margin_from_screen_edge` | 72dp
Horizontal margins on mobile | `@dimen/material_layout_keylines_horizontal_mobile_margin` | 16dp
#### Cards
Name | Dimens | Values
------------ | ------------- | -------------
Primary title top padding | `@dimen/material_component_cards_primary_title_top_padding` | 24dp
Primary title bottom padding | `@dimen/material_component_cards_primary_title_bottom_padding` | 16dp
Action button row padding | `@dimen/material_component_cards_action_button_row_padding` | 8dp
Supporting text top padding | `@dimen/material_component_cards_supporting_text_top_padding` | 16dp
Supporting text bottom padding | `@dimen/material_component_cards_supporting_text_bottom_padding` | 24dp
#### Floating Action Buttons
Dimens | Values
------------- | -------------
@dimen/material_component_floating_action_button_margin | 16dp
@dimen/material_component_button_height | 36dp
@dimen/material_component_button_touchable_target_height | 48dp
#### Color Palette
Colors | Value
------------- | -------------
@color/material_indigo_100 | #C5CAE9
@color/material_indigo_500 | #3F51B5
@color/material_indigo_700 | #303F9F
## Layout
* Keylines
* Spacing
* ... (More comming soon)
## Components
* Bottom sheets
* Buttons
* Floating Action Buttons
* Cards
* Dialogs
* Grid lists
* Lists
* Text fields
* Toolbars
* ... (More comming soon)
## Typography
* Font sizes
## Sample
* [Make Your App Material (XYZ reader)](https://github.com/DmitryMalkovich/make-your-app-material)
## Contributing
Want to add your favorites dimens, just make pull request!
### External contributors
* [FaizMalkani](https://github.com/FaizMalkani)
* [Jawnnypoo] (https://github.com/Jawnnypoo)
## License
Copyright 2016 Dmitry Malkovich
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.