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

Side by Side Diff: chrome/browser/resources/components.css

Issue 2691883002: Uprefix CSS transitions in ui/ and chrome/ styles (Closed)
Patch Set: transitions only 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
OLDNEW
1 /* Copyright 2013 The Chromium Authors. All rights reserved. 1 /* Copyright 2013 The Chromium Authors. All rights reserved.
2 * Use of this source code is governed by a BSD-style license that can be 2 * Use of this source code is governed by a BSD-style license that can be
3 * found in the LICENSE file. */ 3 * found in the LICENSE file. */
4 4
5 body { 5 body {
6 margin: 10px; 6 margin: 10px;
7 min-width: 47em; 7 min-width: 47em;
8 } 8 }
9 9
10 a { 10 a {
(...skipping 86 matching lines...) Expand 10 before | Expand all | Expand 10 after
97 .show-in-tmi-mode { 97 .show-in-tmi-mode {
98 overflow: hidden; 98 overflow: hidden;
99 } 99 }
100 100
101 body.hide-tmi-mode-initial .show-in-tmi-mode { 101 body.hide-tmi-mode-initial .show-in-tmi-mode {
102 height: 0 !important; 102 height: 0 !important;
103 opacity: 0; 103 opacity: 0;
104 } 104 }
105 105
106 body.hide-tmi-mode .show-in-tmi-mode { 106 body.hide-tmi-mode .show-in-tmi-mode {
107 -webkit-transition: all 100ms ease-out;
108 height: 0 !important; 107 height: 0 !important;
109 opacity: 0; 108 opacity: 0;
109 transition: all 100ms ease-out;
110 } 110 }
111 111
112 body.show-tmi-mode-initial .show-in-tmi-mode { 112 body.show-tmi-mode-initial .show-in-tmi-mode {
113 opacity: 1; 113 opacity: 1;
114 } 114 }
115 115
116 body.show-tmi-mode .show-in-tmi-mode { 116 body.show-tmi-mode .show-in-tmi-mode {
117 -webkit-transition: all 100ms ease-in;
118 opacity: 1; 117 opacity: 1;
118 transition: all 100ms ease-in;
119 } 119 }
120 120
121 .wbox-tmi-mode { 121 .wbox-tmi-mode {
122 -webkit-box-align: stretch; 122 -webkit-box-align: stretch;
123 -webkit-box-flex: 1; 123 -webkit-box-flex: 1;
124 } 124 }
125 125
126 .tmi-mode-image { 126 .tmi-mode-image {
127 margin-top: 2px; 127 margin-top: 2px;
128 padding-left: 5px; 128 padding-left: 5px;
(...skipping 111 matching lines...) Expand 10 before | Expand all | Expand 10 after
240 margin-top: 0.2em; 240 margin-top: 0.2em;
241 } 241 }
242 242
243 .always-allow { 243 .always-allow {
244 -webkit-margin-start: 30px; 244 -webkit-margin-start: 30px;
245 } 245 }
246 246
247 button { 247 button {
248 font-size: 104%; 248 font-size: 104%;
249 } 249 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698