chrome/browser/resources/settings/settings_vars_css.html - Issue 2169603002: MD WebUI: Move some settings CSS to shared_style_css

Side by Side Diff: chrome/browser/resources/settings/settings_vars_css.html

Issue 2169603002: MD WebUI: Move some settings CSS to shared_style_css (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@issue_521040_internet_cleanup_1

Patch Set: Rebase with hover removal changes Created 4 years, 5 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

View unified diff | Download patch

OLD	NEW
	1 <link rel="import" href="chrome://resources/cr_elements/shared_vars_css.html">

1 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/color.html ">	2 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/color.html ">

2	3

3 <!-- Common css variables for Material Design settings. -->	4 <!-- Common css variables for Material Design settings. -->

4 <style is="custom-style">	5 <style is="custom-style">

5 :root {	6 :root {

6 --checkbox-margin-start: 2px;	7 --checkbox-margin-start: 2px;

7 --checkbox-size: 16px;	8 --checkbox-size: 16px;

8 --checkbox-spacing: 18px;	9 --checkbox-spacing: 18px;

9 --iron-icon-fill-color: var(--paper-grey-600);	10 --iron-icon-fill-color: var(--paper-grey-600);

10 --iron-icon-height: 20px;	11 --iron-icon-height: 20px;

11 --iron-icon-spacing: 16px;	12 --iron-icon-spacing: 16px;

12 --iron-icon-width: 20px;	13 --iron-icon-width: 20px;

13 --paper-checkbox-label-color: inherit;	14 --paper-checkbox-label-color: inherit;

14 --paper-dialog-color: inherit;	15 --paper-dialog-color: inherit;

15 --paper-icon-button: {	16 --paper-icon-button: {

16 width: 36px;	17 width: 36px;

17 height: 36px;	18 height: 36px;

18 };	19 };

19 --paper-input-max-width: 264px;	20 --paper-input-max-width: 264px;

20 --paper-item: {	21 --paper-item: {

21 font-size: inherit;	22 font-size: inherit;

22 };	23 };

23 --paper-radio-button-label-color: inherit;	24 --paper-radio-button-label-color: inherit;

24 --paper-radio-group-item-padding: 0;	25 --paper-radio-group-item-padding: 0;

25	26

	27 --settings-actionable: var(--cr-actionable);

	28

26 /* Custom grey for Alan (bettes@). */	29 /* Custom grey for Alan (bettes@). */

27 --settings-background-color: rgb(241, 241, 241);	30 --settings-background-color: rgb(241, 241, 241);

28 --settings-secondary: {	31 --settings-secondary: {

29 color: var(--paper-grey-600);	32 color: var(--paper-grey-600);

30 font-weight: 400;	33 font-weight: 400;

31 margin-top: 4px;	34 margin-top: 4px;

32 };	35 };

33 --settings-error-color: var(--paper-red-700);	36 --settings-error-color: var(--paper-red-700);

34	37

35 /* Some colors use non-MD colors. These custom colors are specified by	38 /* Some colors use non-MD colors. These custom colors are specified by

36 * UX design (bettes@). */	39 * UX design (bettes@). */

37 --settings-nav-grey: rgb(90, 90, 90);	40 --settings-nav-grey: rgb(90, 90, 90);

38	41

39 --settings-page-vertical-margin: 21px;	42 --settings-page-vertical-margin: 21px;

40	43

41 --settings-row-min-height: 44px;	44 --settings-row-min-height: 44px;

42 --settings-separator-line: 1px solid rgba(0, 0, 0, 0.06);	45 --settings-separator-line: var(--cr-separator-line);

43	46

44 --settings-title-bar-background-color: var(--google-blue-700);	47 --settings-title-bar-background-color: var(--google-blue-700);

45 --settings-title-bar-color: rgb(255, 255, 255);	48 --settings-title-bar-color: rgb(255, 255, 255);

46 --settings-title-search-color: rgb(192, 199, 205);	49 --settings-title-search-color: rgb(192, 199, 205);

47

48 --settings-actionable: {

49 cursor: pointer;

50 };

51 }	50 }

52 </style>	51 </style>

OLD	NEW