From 509650349e9d97b0ce1b8dfbc74734c02b3fc07b Mon Sep 17 00:00:00 2001
From: Daniel Karlsson <mail@danielk.se>
Date: Thu, 29 Nov 2018 13:53:25 +0100
Subject: [PATCH] fix(radio): removd hard coded inner-width and inner-height
 for iOS

---
 core/api.txt                             |  4 ++++
 core/src/components/radio/radio.ios.scss |  3 ---
 core/src/components/radio/radio.scss     |  4 ++++
 core/src/components/radio/readme.md      | 12 ++++++++----
 4 files changed, 16 insertions(+), 7 deletions(-)

diff --git a/core/api.txt b/core/api.txt
index 8067ad9c0d..c49f4f2603 100644
--- a/core/api.txt
+++ b/core/api.txt
@@ -755,6 +755,10 @@ ion-radio,event,ionRadioDidUnload,void,true
 ion-radio,event,ionSelect,CheckedInputChangeEvent,true
 ion-radio,css-prop,--color
 ion-radio,css-prop,--color-checked
+ion-radio,css-prop,--height
+ion-radio,css-prop,--inner-height
+ion-radio,css-prop,--inner-width
+ion-radio,css-prop,--width
 
 ion-range
 ion-range,prop,color,string | undefined,undefined,false
diff --git a/core/src/components/radio/radio.ios.scss b/core/src/components/radio/radio.ios.scss
index 7c09bbc5a7..bc402eab0d 100644
--- a/core/src/components/radio/radio.ios.scss
+++ b/core/src/components/radio/radio.ios.scss
@@ -25,9 +25,6 @@
 // -----------------------------------------
 
 :host(.radio-checked) .radio-inner {
-  width: 5px;
-  height: 12px;
-
   transform: rotate(45deg);
 
   border-width: $radio-ios-icon-border-width;
diff --git a/core/src/components/radio/radio.scss b/core/src/components/radio/radio.scss
index 0494b31dc4..b121560b38 100644
--- a/core/src/components/radio/radio.scss
+++ b/core/src/components/radio/radio.scss
@@ -7,6 +7,10 @@
   /**
    * @prop --color: Color of the radio
    * @prop --color-checked: Color of the checked radio
+   * @prop --width: Width of the radio button 
+   * @prop --height: Height of the radio button 
+   * @prop --inner-width: Width of the dot or checkmark
+   * @prop --inner-height: Height of the dot or checkmark
    */
 
   display: inline-block;
diff --git a/core/src/components/radio/readme.md b/core/src/components/radio/readme.md
index a96fb990b7..b6738bf054 100644
--- a/core/src/components/radio/readme.md
+++ b/core/src/components/radio/readme.md
@@ -35,10 +35,14 @@ An `ion-radio-group` can be used to group a set of radios. When radios are insid
 
 ## CSS Custom Properties
 
-| Name              | Description                |
-| ----------------- | -------------------------- |
-| `--color`         | Color of the radio         |
-| `--color-checked` | Color of the checked radio |
+| Name              | Description                    |
+| ----------------- | ------------------------------ |
+| `--color`         | Color of the radio             |
+| `--color-checked` | Color of the checked radio     |
+| `--height`        | Height of the radio button     |
+| `--inner-height`  | Height of the dot or checkmark |
+| `--inner-width`   | Width of the dot or checkmark  |
+| `--width`         | Width of the radio button      |
 
 
 ----------------------------------------------