Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(1016)

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

Issue 2280333002: [MD settings] "dense" paper toggle buttons (Closed)
Patch Set: added semi-colons Created 4 years, 3 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
« no previous file with comments | « chrome/browser/resources/settings/settings_shared_css.html ('k') | no next file » | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <link rel="import" href="chrome://resources/cr_elements/shared_vars_css.html"> 1 <link rel="import" href="chrome://resources/cr_elements/shared_vars_css.html">
2 <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 ">
3 3
4 <!-- Common css variables for Material Design settings. --> 4 <!-- Common css variables for Material Design settings. -->
5 <style is="custom-style"> 5 <style is="custom-style">
6 :root { 6 :root {
7 --checkbox-margin-start: 2px; 7 --checkbox-margin-start: 2px;
8 --checkbox-size: 16px; 8 --checkbox-size: 16px;
9 --checkbox-spacing: 18px; 9 --checkbox-spacing: 18px;
10 --iron-icon-fill-color: var(--paper-grey-600); 10 --iron-icon-fill-color: var(--paper-grey-600);
11 --iron-icon-height: 20px; 11 --iron-icon-height: 20px;
12 --iron-icon-spacing: 16px; 12 --iron-icon-spacing: 16px;
13 --iron-icon-width: 20px; 13 --iron-icon-width: 20px;
14 --paper-checkbox-label-color: inherit; 14 --paper-checkbox-label-color: inherit;
15 --paper-dialog-color: inherit; 15 --paper-dialog-color: inherit;
16 --paper-icon-button: { 16 --paper-icon-button: {
17 width: 36px; 17 width: 36px;
18 height: 36px; 18 height: 36px;
19 }; 19 };
20 --paper-input-max-width: 264px; 20 --paper-input-max-width: 264px;
21 --paper-item: { 21 --paper-item: {
22 font-size: inherit; 22 font-size: inherit;
23 }; 23 };
24 --paper-radio-button-label-color: inherit; 24 --paper-radio-button-label-color: inherit;
25 --paper-radio-group-item-padding: 0; 25 --paper-radio-group-item-padding: 0;
26 26
27 --settings-toggle-bar-size: {
28 height: 12px;
29 width: 28px;
30 };
31 --settings-toggle-button-size: {
32 height: 16px;
33 width: 16px;
34 };
35 --settings-toggle-color: var(--google-blue-500);
36 --paper-toggle-button-checked-bar-color: var(--settings-toggle-color);
37 --paper-toggle-button-checked-button-color: var(--settings-toggle-color);
38 --paper-toggle-button-checked-bar: var(--settings-toggle-bar-size);
39 --paper-toggle-button-checked-button: var(--settings-toggle-button-size);
40 --paper-toggle-button-unchecked-bar: var(--settings-toggle-bar-size);
41 --paper-toggle-button-unchecked-button: var(--settings-toggle-button-size);
42
27 --settings-actionable: var(--cr-actionable); 43 --settings-actionable: var(--cr-actionable);
28 44
29 /* Custom grey for Alan (bettes@). */ 45 /* Custom grey for Alan (bettes@). */
30 --settings-background-color: rgb(241, 241, 241); 46 --settings-background-color: rgb(241, 241, 241);
31 --settings-secondary: { 47 --settings-secondary: {
32 color: var(--paper-grey-600); 48 color: var(--paper-grey-600);
33 font-weight: 400; 49 font-weight: 400;
34 margin-top: 4px; 50 margin-top: 4px;
35 }; 51 };
36 --settings-disabled-opacity: .65; 52 --settings-disabled-opacity: .65;
(...skipping 14 matching lines...) Expand all
51 67
52 --settings-row-min-height: 44px; 68 --settings-row-min-height: 44px;
53 --settings-row-two-line-min-height: 56px; 69 --settings-row-two-line-min-height: 56px;
54 --settings-separator-line: var(--cr-separator-line); 70 --settings-separator-line: var(--cr-separator-line);
55 71
56 --settings-title-bar-background-color: var(--google-blue-700); 72 --settings-title-bar-background-color: var(--google-blue-700);
57 --settings-title-bar-color: rgb(255, 255, 255); 73 --settings-title-bar-color: rgb(255, 255, 255);
58 --settings-title-search-color: rgb(192, 199, 205); 74 --settings-title-search-color: rgb(192, 199, 205);
59 } 75 }
60 </style> 76 </style>
OLDNEW
« no previous file with comments | « chrome/browser/resources/settings/settings_shared_css.html ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698