chrome/browser/resources/md_history/shared_vars.html - Issue 2278383002: [MD History] Use box-shadow to render card shadows everywhere.

Side by Side Diff

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

Keyboard Shortcuts

	File
u :	up to issue
j / k :	jump to file after / before current file
J / K :	jump to next file with a comment after / before current file
	Side-by-side diff
i :	toggle intra-line diffs
e :	expand all comments
c :	collapse all comments
s :	toggle showing all comments
n / p :	next / previous diff chunk or comment
N / P :	next / previous comment
<Up> / <Down> :	next / previous line

	Issue
u :	up to list of issues
j / k :	jump to patch after / before current patch
o / <Enter> :	open current patch in side-by-side view
i :	open current patch in unified diff view

	Issue List
j / k :	jump to issue after / before current issue
o / <Enter> :	open current issue

Side by Side Diff: chrome/browser/resources/md_history/shared_vars.html

Issue 2278383002: [MD History] Use box-shadow to render card shadows everywhere. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@disable_test

Patch Set: add comments 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

OLD	NEW
1 <style is="custom-style">	1 <style is="custom-style">

2 :root {	2 :root {

3 --card-border-color: rgba(0, 0, 0, 0.14);	3 --card-border-color: rgba(0, 0, 0, 0.14);

4 --card-box-shadow: {

5 box-shadow: 0 2px 2px rgba(0, 0, 0, .05),

6 0 1px 4px rgba(0, 0, 0, .08),

7 0 1px 1px rgba(0, 0, 0, .2);;

8 };

9 --card-container-filter: {

10 filter: drop-shadow(0 2px 1px rgba(0, 0, 0, .05))

11 drop-shadow(0 1px 0px rgba(0, 0, 0, .08))

12 drop-shadow(0 1px 1px rgba(0, 0, 0, .2));

13 };

14 --card-first-last-item-padding: 8px;	4 --card-first-last-item-padding: 8px;

15 --card-max-width: 960px;	5 --card-max-width: 960px;

16 --card-min-width: 550px;	6 --card-min-width: 550px;

17 --card-padding-between: 20px;	7 --card-padding-between: 20px;

18 --card-padding-side: 24px;	8 --card-padding-side: 24px;

19 --card-sizing: {	9 --card-sizing: {

20 margin: 0 auto;	10 margin: 0 auto;

21 max-width: var(--card-max-width);	11 max-width: var(--card-max-width);

22 min-width: var(--card-min-width);	12 min-width: var(--card-min-width);

23 padding: 0 var(--card-padding-side);	13 padding: 0 var(--card-padding-side);

24 width: calc(100% - 2 * var(--card-padding-side));	14 width: calc(100% - 2 * var(--card-padding-side));

25 };	15 };

26 --first-card-padding-top: 24px;	16 --first-card-padding-top: 24px;

27 --item-height: 44px;	17 --item-height: 44px;

28 --primary-text-color: #333;	18 --primary-text-color: #333;

29 --secondary-text-color: #757575;	19 --secondary-text-color: #757575;

30 --side-bar-width: 256px;	20 --side-bar-width: 256px;

31 --toolbar-grouped-height: 101px;	21 --toolbar-grouped-height: 101px;

32 --toolbar-height: 56px;	22 --toolbar-height: 56px;

33 }	23 }

34 </style>	24 </style>

OLD	NEW