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

Unified Diff: ui/webui/resources/css/dialogs.css

Issue 2535493002: Reduce webkit CSS prefixes in ui/ styles (Closed)
Patch Set: sort Created 4 years, 1 month 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 side-by-side diff with in-line comments
Download patch
Index: ui/webui/resources/css/dialogs.css
diff --git a/ui/webui/resources/css/dialogs.css b/ui/webui/resources/css/dialogs.css
index fde32aab91e4d08809f4ce145b756b64a307e6b1..771e67fd4638c5f18d46f43a59df1f3ce7f05038 100644
--- a/ui/webui/resources/css/dialogs.css
+++ b/ui/webui/resources/css/dialogs.css
@@ -5,7 +5,6 @@
.cr-dialog-container {
-webkit-box-align: center;
-webkit-box-pack: center;
- -webkit-transition: opacity 250ms linear;
-webkit-user-select: none;
display: -webkit-box;
height: 100%;
@@ -13,6 +12,7 @@
overflow: hidden;
position: absolute;
top: 0;
+ transition: opacity 250ms linear;
width: 100%;
z-index: 9999;
}
@@ -36,7 +36,7 @@
outline: none;
}
-@-webkit-keyframes pulse {
+@keyframes pulse {
0% {
transform: scale(1);
}
@@ -52,28 +52,27 @@
}
.cr-dialog-frame.pulse {
- -webkit-animation-duration: 180ms;
- -webkit-animation-iteration-count: 1;
- -webkit-animation-name: pulse;
- -webkit-animation-timing-function: ease-in-out;
+ animation-duration: 180ms;
+ animation-iteration-count: 1;
+ animation-name: pulse;
+ animation-timing-function: ease-in-out;
}
.shown > .cr-dialog-frame {
- transform: perspective(500px) scale(1)
- translateY(0) rotateX(0);
opacity: 1;
+ transform: perspective(500px) scale(1)
+ translateY(0) rotateX(0);
}
.cr-dialog-frame {
- transform: perspective(500px) scale(0.99)
- translateY(-20px) rotateX(5deg);
- -webkit-transition: all 180ms;
- -webkit-transition-duration: 250ms;
opacity: 0;
+ transform: perspective(500px) scale(0.99)
+ translateY(-20px) rotateX(5deg);
+ transition: all 180ms;
+ transition-duration: 250ms;
}
.cr-dialog-shield {
- -webkit-transition: opacity 500ms;
background-color: white;
bottom: 0;
display: block;
@@ -83,11 +82,12 @@
position: absolute;
right: 0;
top: 0;
+ transition: opacity 500ms;
}
.shown > .cr-dialog-shield {
- -webkit-transition: opacity 500ms;
opacity: 0.75;
+ transition: opacity 500ms;
}
[hidden] {

Powered by Google App Engine
This is Rietveld 408576698