third_party/WebKit/Source/devtools/front_end/ui/cssShadowEditor.css - Issue 2623743002: DevTools: extract modules (non-extensions)

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: third_party/WebKit/Source/devtools/front_end/ui/cssShadowEditor.css

Issue 2623743002: DevTools: extract modules (non-extensions) (Closed)

Patch Set: rebaseline Created 3 years, 11 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 | « third_party/WebKit/Source/devtools/front_end/ui/colorSwatch.css ('k') | third_party/WebKit/Source/devtools/front_end/ui/cssShadowSwatch.css » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
	(Empty)
1 /*

2 * Copyright 2016 The Chromium Authors. All rights reserved.

3 * Use of this source code is governed by a BSD-style license that can be

4 * found in the LICENSE file.

5 */

6

7 :host {

8 -webkit-user-select: none;

9 padding: 4px 12px 12px 12px;

10 }

11

12 .shadow-editor-field {

13 height: 24px;

14 margin-top: 8px;

15 font-size: 12px;

16 }

17

18 .shadow-editor-blur-field {

19 height: 24px;

20 margin-top: 40px;

21 font-size: 12px;

22 }

23

24 .shadow-editor-2D-slider {

25 position: absolute;

26 height: 88px;

27 width: 88px;

28 border: 1px solid rgba(0, 0, 0, 0.14);

29 border-radius: 2px;

30 }

31

32 .shadow-editor-label {

33 display: inline-block;

34 width: 52px;

35 height: 24px;

36 line-height: 24px;

37 margin-right: 8px;

38 text-align: right;

39 }

40

41 .shadow-editor-button-left, .shadow-editor-button-right {

42 width: 74px;

43 height: 24px;

44 padding: 3px 7px;

45 line-height: 16px;

46 border: 1px solid rgba(0, 0, 0, 0.14);

47 background-color: #ffffff;

48 text-align: center;

49 }

50

51 .shadow-editor-button-left {

52 border-radius: 2px 0 0 2px;

53 }

54

55 .shadow-editor-button-right {

56 border-radius: 0 2px 2px 0;

57 border-left-width: 0;

58 }

59

60 .shadow-editor-button-left:hover, .shadow-editor-button-right:hover {

61 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);

62 }

63

64 .shadow-editor-button-left:focus, .shadow-editor-button-right:focus {

65 background-color: #eeeeee;

66 }

67

68 .shadow-editor-button-left.enabled, .shadow-editor-button-right.enabled, -theme- preserve {

69 background-color: #4285F4;

70 color: #ffffff;

71 }

72

73 .shadow-editor-button-left.enabled:focus, .shadow-editor-button-right.enabled:fo cus, -theme-preserve {

74 background-color: #3B78E7;

75 }

76

77 .shadow-editor-text-input {

78 -webkit-appearance: none;

79 box-sizing: border-box;

80 width: 52px;

81 height: 24px;

82 margin-right: 8px;

83 padding: 3px 7px;

84 line-height: 16px;

85 border: 1px solid rgba(0, 0, 0, 0.14);

86 border-radius: 2px;

87 background-color: #ffffff;

88 color: #333;

89 text-align: right;

90 }

91

92 .shadow-editor-text-input:focus, -theme-preserve {

93 border-color: #4285F4;

94 }

95

96 .shadow-editor-text-input.invalid:not(:focus) {

97 border-color: #E67C73;

98 }

OLD	NEW