From a60012b3e62ac7057ad8cf4ccedec6cdd0c2eb11 Mon Sep 17 00:00:00 2001 From: Adam Bradley Date: Tue, 18 Aug 2015 11:11:41 -0500 Subject: [PATCH] md checkbox --- ionic/components/checkbox/modes/material.scss | 16 +++++++++------- ionic/components/item/item.scss | 6 ++++++ 2 files changed, 15 insertions(+), 7 deletions(-) diff --git a/ionic/components/checkbox/modes/material.scss b/ionic/components/checkbox/modes/material.scss index 9d5547943e..d48fb509a4 100644 --- a/ionic/components/checkbox/modes/material.scss +++ b/ionic/components/checkbox/modes/material.scss @@ -1,9 +1,11 @@ -// Material Design Checkbox Structure +// Material Design Checkbox // -------------------------------------------------- -$checkbox-md-icon-size: 21px !default; +$checkbox-md-icon-size: 16px !default; $checkbox-md-bg-color-off: $list-background-color !default; +$checkbox-md-border-width: 2px !default; +$checkbox-md-border-radius: 2px !default; $checkbox-md-border-color-off: $list-border-color !default; $checkbox-md-bg-color-on: color(primary) !default; $checkbox-md-border-color-on: color(primary) !default; @@ -16,8 +18,8 @@ $checkbox-md-checkmark-color-on: $background-color !default; position: relative; width: $checkbox-md-icon-size; height: $checkbox-md-icon-size; - border-radius: 50%; - border: 1px solid $checkbox-md-border-color-off; + border-radius: $checkbox-md-border-radius; + border: $checkbox-md-border-width solid $checkbox-md-border-color-off; background-color: $checkbox-md-bg-color-off; } @@ -28,9 +30,9 @@ $checkbox-md-checkmark-color-on: $background-color !default; &[aria-checked=true] .checkbox-icon::after { position: absolute; - border: 1px solid $checkbox-md-checkmark-color-on; - top: 3px; - left: 7px; + border: 2px solid $checkbox-md-checkmark-color-on; + top: 0; + left: 3px; width: 4px; height: 9px; border-left: none; diff --git a/ionic/components/item/item.scss b/ionic/components/item/item.scss index 51b44254fc..b727a4808b 100644 --- a/ionic/components/item/item.scss +++ b/ionic/components/item/item.scss @@ -123,6 +123,12 @@ button.item.item { .item { + h1 { + margin: 0 0 2px; + font-size: 2.4rem; + font-weight: normal; + } + h2 { margin: 0 0 2px; font-size: 1.6rem;