dmitrymalk/material-design-dimens

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

Download

Step 1. Add the JitPack repository to your build file

Add it in your root settings.gradle at the end of repositories:

	dependencyResolutionManagement {
		repositoriesMode.set(RepositoriesMode.FAIL_ON_PROJECT_REPOS)
		repositories {
			mavenCentral()
			maven { url 'https://jitpack.io' }
		}
	}

Add it in your settings.gradle.kts at the end of repositories:

	dependencyResolutionManagement {
		repositoriesMode.set(RepositoriesMode.FAIL_ON_PROJECT_REPOS)
		repositories {
			mavenCentral()
			maven { url = uri("https://jitpack.io") }
		}
	}

Add to pom.xml

	<repositories>
		<repository>
		    <id>jitpack.io</id>
		    <url>https://jitpack.io</url>
		</repository>
	</repositories>

Add it in your build.sbt at the end of resolvers:

 
    resolvers += "jitpack" at "https://jitpack.io"

Add it in your project.clj at the end of repositories:

 
    :repositories [["jitpack" "https://jitpack.io"]]

Step 2. Add the dependency

	dependencies {
		implementation 'com.github.DmitryMalkovich:material-design-dimens:1.4'
	}

	dependencies {
		implementation("com.github.DmitryMalkovich:material-design-dimens:1.4")
	}

	<dependency>
	    <groupId>com.github.DmitryMalkovich</groupId>
	    <artifactId>material-design-dimens</artifactId>
	    <version>1.4</version>
	</dependency>


                            
    libraryDependencies += "com.github.DmitryMalkovich" % "material-design-dimens" % "1.4"


                            
    :dependencies [[com.github.DmitryMalkovich/material-design-dimens "1.4"]]

Readme

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

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.