blob: 08ace9edddf30f449157ae6b7e98a37582dcec72 [file] [log] [blame]
<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">
<link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/default-theme.html">
<!-- Common css variables for Material Design settings. -->
<custom-style>
<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.
*/
html {
/* Some colors use non-MD colors. These custom colors are specified by
* UX design (bettes@). */
--settings-actionable: var(--cr-actionable);
--settings-box-row-padding: var(--cr-section-padding);
--settings-box-row-indent: var(--cr-section-indent-padding);
--settings-indent-width: var(--cr-section-indent-width);
--settings-card-max-width: 680px;
--settings-disabled-opacity: .65;
--settings-error-color: var(--paper-red-700);
--settings-list-frame-padding: {
-webkit-padding-end: var(--settings-box-row-padding);
-webkit-padding-start: var(--settings-box-row-indent);
padding-bottom: 0;
padding-top: 0;
}
--settings-nav-grey: rgb(90, 90, 90);
--settings-page-vertical-margin: 21px;
--settings-row-min-height: var(--cr-section-min-height);
--settings-row-two-line-min-height: var(--cr-section-two-line-min-height);
--settings-row-three-line-min-height:
var(--cr-section-three-line-min-height);
--settings-separator-height: var(--cr-separator-height);
--settings-separator-line: var(--cr-separator-line);
--settings-title-bar-color: rgb(255, 255, 255);
--settings-title-search-color: rgb(192, 199, 205);
/* Spacing between a control (e.g. checkbox) and its label. */
--settings-control-label-spacing: 20px;
/* Spacing between policy (controlledBy) indicator and control. */
--settings-controlled-by-spacing: var(--cr-controlled-by-spacing);
--settings-input-max-width: 264px;
--iron-icon-fill-color: var(--paper-grey-600);
--iron-icon-height: var(--cr-icon-size);
--iron-icon-width: var(--cr-icon-size);
--paper-radio-group-item-padding: 0;
}
</style>
</custom-style>