MD Settings: Reduce paper-radio-button's ripple size.

chrome/browser/resources/settings/settings_vars_css.html

 <link rel="import" href="chrome://resources/cr_elements/shared_vars_css.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/color.html">
 
 <!-- Common css variables for Material Design settings. -->
 <style is="custom-style">
   /* We keep our vars in sort order, though some vars must be defined prior to
    * others. The --settings-* vars are defined explicitly prior to the --paper-*
    * and --iron-* vars.
    */
   :root {
@@ skipping 71 matching lines @@
     --paper-input-container-input: {
       color: inherit;
       font-size: inherit;
       font-weight: inherit;
       vertical-align: baseline;
     };
     --paper-input-max-width: 264px;
     --paper-item: {
       font-size: inherit;
     };
+    --paper-radio-button-ink-size: 40px;
     --paper-radio-button-label-color: inherit;
+    --paper-radio-button-size: 16px;

[dpapad, 2016/12/01 20:24:23]

Why are we setting this? Isn't it the default size anyway per docs at
https://elements.polymer-project.org/elements/paper-radio-button ?

[Dan Beam, 2016/12/01 23:48:24]

did this get answered?

     --paper-radio-group-item-padding: 0;
 
     --paper-toggle-button-checked-bar: var(--settings-toggle-bar-size);
     --paper-toggle-button-checked-bar-color: var(--settings-toggle-color);
     --paper-toggle-button-checked-button: {
       @apply(--settings-toggle-button-size);
       transform: translate(14px, 0);
     };
     --paper-toggle-button-checked-button-color: var(--settings-toggle-color);
     --paper-toggle-button-label-spacing: 0;
     --paper-toggle-button-unchecked-bar: var(--settings-toggle-bar-size);
     --paper-toggle-button-unchecked-button: var(--settings-toggle-button-size);
   }
 </style>