samples/third_party/todomvc_performance/web/elements/td_item.css - Issue 1576153002: Remove the Dromaeo and TodoMVC samples.

Side by Side Diff: samples/third_party/todomvc_performance/web/elements/td_item.css

Issue 1576153002: Remove the Dromaeo and TodoMVC samples. (Closed) Base URL: git@github.com:dart-lang/sdk.git@master

Patch Set: Created 4 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 | « samples/third_party/todomvc_performance/web/elements/td_input.html ('k') | samples/third_party/todomvc_performance/web/elements/td_item.dart » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
	(Empty)
1 /* base.css overrides */

2 @host {

3 .editing {

4 border-bottom: none;

5 padding: 0;

6 }

7 }

8

9 button {

10 margin: 0;

11 padding: 0;

12 border: 0;

13 background-color: transparent;

14 background-image: none;

15 font-size: 100%;

16 vertical-align: baseline;

17 font-family: inherit;

18 color: inherit;

19 -webkit-appearance: none;

20 /-moz-appearance: none;/

21 -ms-appearance: none;

22 -o-appearance: none;

23 appearance: none;

24 }

25

26

27 .edit {

28 position: relative;

29 margin: 0;

30 width: 100%;

31 font-size: 24px;

32 font-family: inherit;

33 line-height: 1.4em;

34 border: 0;

35 outline: none;

36 color: inherit;

37 padding: 6px;

38 border: 1px solid #999;

39 box-shadow: inset 0 -1px 5px 0 rgba(0, 0, 0, 0.2);

40 -webkit-box-sizing: border-box;

41 -moz-box-sizing: border-box;

42 -ms-box-sizing: border-box;

43 -o-box-sizing: border-box;

44 box-sizing: border-box;

45 -webkit-font-smoothing: antialiased;

46 -moz-font-smoothing: antialiased;

47 -ms-font-smoothing: antialiased;

48 -o-font-smoothing: antialiased;

49 font-smoothing: antialiased;

50 }

51

52 .edit {

53 width: 506px;

54 padding: 13px 17px 12px 17px;

55 margin: 0 0 0 43px;

56 }

57

58 .toggle {

59 text-align: center;

60 width: 40px;

61 /* auto, since non-WebKit browsers doesn't support input styling */

62 height: auto;

63 position: absolute;

64 top: 0;

65 bottom: 0;

66 margin: auto 0;

67 border: none; /* Mobile Safari */

68 -webkit-appearance: none;

69 /-moz-appearance: none;/

70 -ms-appearance: none;

71 -o-appearance: none;

72 appearance: none;

73 }

74

75 .toggle:after {

76 content: '✔';

77 line-height: 43px; /* 40 + a couple of pixels visual adjustment */

78 font-size: 20px;

79 color: #d9d9d9;

80 text-shadow: 0 -1px 0 #bfbfbf;

81 }

82

83 .toggle:checked:after {

84 color: #85ada7;

85 text-shadow: 0 1px 0 #669991;

86 bottom: 1px;

87 position: relative;

88 }

89

90 label {

91 word-break: break-word;

92 padding: 15px;

93 margin-left: 45px;

94 display: block;

95 line-height: 1.2;

96 -webkit-transition: color 0.4s;

97 -moz-transition: color 0.4s;

98 -ms-transition: color 0.4s;

99 -o-transition: color 0.4s;

100 transition: color 0.4s;

101 }

102

103 .completed label {

104 color: #a9a9a9;

105 text-decoration: line-through;

106 }

107

108 .destroy {

109 display: none;

110 position: absolute;

111 top: 0;

112 right: 10px;

113 bottom: 0;

114 width: 40px;

115 height: 40px;

116 margin: auto 0;

117 font-size: 22px;

118 color: #a88a8a;

119 -webkit-transition: all 0.2s;

120 -moz-transition: all 0.2s;

121 -ms-transition: all 0.2s;

122 -o-transition: all 0.2s;

123 transition: all 0.2s;

124 }

125

126 .destroy:hover {

127 text-shadow: 0 0 1px #000,

128 0 0 10px rgba(199, 107, 107, 0.8);

129 -webkit-transform: scale(1.3);

130 -moz-transform: scale(1.3);

131 -ms-transform: scale(1.3);

132 -o-transform: scale(1.3);

133 transform: scale(1.3);

134 }

135

136 .destroy:after {

137 content: '✖';

138 }

139

140 .view:hover .destroy {

141 display: block;

142 }

143

144 /*

145 Hack to remove background from Mobile Safari.

146 Can't use it globally since it destroys checkboxes in Firefox and Opera

147 */

148 @media screen and (-webkit-min-device-pixel-ratio:0) {

149 .toggle {

150 background: none;

151 /*

152 ShadowDOM Polyfill work around for webkit/blink bug

153 https://code.google.com/p/chromium/issues/detail?id=251510

154 */

155 background-color: transparent;

156 }

157

158 .toggle {

159 height: 40px;

160 }

161 }

OLD	NEW