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

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

Issue 2704733002: MD Settings: Fix date and time layout (Closed)
Patch Set: Use calculated var(--settings-box-row-indent) Created 3 years, 10 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/device_page/pointers.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 /* We keep our vars in sort order, though some vars must be defined prior to 6 /* We keep our vars in sort order, though some vars must be defined prior to
7 * others. The --settings-* vars are defined explicitly prior to the --paper-* 7 * others. The --settings-* vars are defined explicitly prior to the --paper-*
8 * and --iron-* vars. 8 * and --iron-* vars.
9 */ 9 */
10 :root { 10 :root {
11 /* Some colors use non-MD colors. These custom colors are specified by 11 /* Some colors use non-MD colors. These custom colors are specified by
12 * UX design (bettes@). */ 12 * UX design (bettes@). */
13 13
14 --settings-actionable: var(--cr-actionable); 14 --settings-actionable: var(--cr-actionable);
15 15
16 --settings-background-color: rgb(241, 241, 241); 16 --settings-background-color: rgb(241, 241, 241);
17 --settings-box-row-padding: 20px; 17 --settings-box-row-padding: 20px;
18 --settings-box-row-indent: calc(
19 var(--settings-box-row-padding) + var(--settings-indent-width));
michaelpg 2017/02/19 05:40:45 indent +2
stevenjb 2017/02/21 17:50:14 Done.
18 --settings-indent-width: 36px; 20 --settings-indent-width: 36px;
19 --settings-card-max-width: 680px; 21 --settings-card-max-width: 680px;
20 --settings-disabled-opacity: .65; 22 --settings-disabled-opacity: .65;
21 --settings-error-color: var(--paper-red-700); 23 --settings-error-color: var(--paper-red-700);
22 24
23 --settings-list-frame-padding: { 25 --settings-list-frame-padding: {
24 -webkit-padding-end: var(--settings-box-row-padding); 26 -webkit-padding-end: var(--settings-box-row-padding);
25 -webkit-padding-start: calc( 27 -webkit-padding-start: var(--settings-box-row-indent);
26 var(--settings-box-row-padding) + var(--settings-indent-width));
27 padding-bottom: 0; 28 padding-bottom: 0;
28 padding-top: 0; 29 padding-top: 0;
29 } 30 }
30 31
31 --settings-nav-grey: rgb(90, 90, 90); 32 --settings-nav-grey: rgb(90, 90, 90);
32 33
33 --settings-page-vertical-margin: 21px; 34 --settings-page-vertical-margin: 21px;
34 35
35 /* TODO (scottchen): re-implement with paddings instead; */ 36 /* TODO (scottchen): re-implement with paddings instead; */
36 /* These are used for row items such as radio buttons, check boxes, list 37 /* These are used for row items such as radio buttons, check boxes, list
(...skipping 85 matching lines...) Expand 10 before | Expand all | Expand 10 after
122 --paper-toggle-button-unchecked-button: var(--settings-toggle-button-size); 123 --paper-toggle-button-unchecked-button: var(--settings-toggle-button-size);
123 --paper-toggle-button-unchecked-ink: var(--settings-toggle-ink-size); 124 --paper-toggle-button-unchecked-ink: var(--settings-toggle-ink-size);
124 125
125 --settings-input-underline: { 126 --settings-input-underline: {
126 border-color: var(--paper-grey-300); 127 border-color: var(--paper-grey-300);
127 } 128 }
128 129
129 --paper-input-container-underline: var(--settings-input-underline); 130 --paper-input-container-underline: var(--settings-input-underline);
130 } 131 }
131 </style> 132 </style>
OLDNEW
« no previous file with comments | « chrome/browser/resources/settings/device_page/pointers.html ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698