dmitrymalkovich / material-design-dimens

Default colors and dimens per Material Design guidelines and Android Design guidelines inside one library.

Material Design Dimens

Default colors and dimens per Material Design guidelines and Android Design guidelines 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)

Contributing

Want to add your favorites dimens, just make pull request!

External contributors

• 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.