Skip to content

Instantly share code, notes, and snippets.

@vivekgalatage
Created May 17, 2013 11:20
Show Gist options
  • Save vivekgalatage/5598466 to your computer and use it in GitHub Desktop.
Save vivekgalatage/5598466 to your computer and use it in GitHub Desktop.
Remove the vendor prefixes of supported properties.
diff --git a/Source/devtools/front_end/cm/cmdevtools.css b/Source/devtools/front_end/cm/cmdevtools.css
index 7026b63..495550a 100644
--- a/Source/devtools/front_end/cm/cmdevtools.css
+++ b/Source/devtools/front_end/cm/cmdevtools.css
@@ -1,5 +1,5 @@
.CodeMirror * {
- -webkit-box-sizing: content-box;
+ box-sizing: content-box;
}
.CodeMirror {
@@ -128,8 +128,8 @@
.cm-s-web-inspector-html span.cm-link {color: #00e;}
.CodeMirror .webkit-html-message-bubble {
- -webkit-box-shadow: black 0px 2px 5px;
- -webkit-border-radius: 9px;
+ box-shadow: black 0px 2px 5px;
+ border-radius: 9px;
-webkit-border-fit: lines;
font-size: 10px;
font-family: Lucida Grande, sans-serif;
diff --git a/Source/devtools/front_end/cm/codemirror.css b/Source/devtools/front_end/cm/codemirror.css
index 0b53704..4c640a6 100644
--- a/Source/devtools/front_end/cm/codemirror.css
+++ b/Source/devtools/front_end/cm/codemirror.css
@@ -170,7 +170,7 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #f22;}
}
.CodeMirror pre {
/* Reset some styles that the rest of the page might have set */
- -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
+ -moz-border-radius: 0; border-radius: 0; border-radius: 0;
border-width: 0;
background: transparent;
font-family: inherit;
diff --git a/Source/devtools/front_end/dataGrid.css b/Source/devtools/front_end/dataGrid.css
index ec8eac1..ecc89bd 100644
--- a/Source/devtools/front_end/dataGrid.css
+++ b/Source/devtools/front_end/dataGrid.css
@@ -84,7 +84,7 @@
height: 100%;
border-top: 0 none transparent;
background-image: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(0.5, white), color-stop(0.5, rgb(234, 243, 255)), to(rgb(234, 243, 255)));
- -webkit-background-size: 1px 32px;
+ background-size: 1px 32px;
table-layout: fixed;
}
@@ -102,7 +102,7 @@
.data-grid td {
vertical-align: top;
- height: 16px; /* Keep in sync with .data-grid table.data @ -webkit-background-size */
+ height: 16px; /* Keep in sync with .data-grid table.data @ background-size */
line-height: 13px;
padding: 1px 4px;
white-space: nowrap;
diff --git a/Source/devtools/front_end/dialog.css b/Source/devtools/front_end/dialog.css
index 64c9aac..a8901de 100644
--- a/Source/devtools/front_end/dialog.css
+++ b/Source/devtools/front_end/dialog.css
@@ -5,7 +5,7 @@
border-radius: 10px;
border: 1px solid gray;
- -webkit-box-shadow: rgb(40,40,40) 0px 0px 50px;
+ box-shadow: rgb(40,40,40) 0px 0px 50px;
display: -webkit-flex;
-webkit-flex-direction: column;
@@ -31,7 +31,7 @@
border: 1px solid rgb(165, 165, 165);
background-color: rgb(237, 237, 237);
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(252, 252, 252)), to(rgb(223, 223, 223)));
- -webkit-border-radius: 12px;
+ border-radius: 12px;
-webkit-appearance: none;
padding: 3px 20px;
diff --git a/Source/devtools/front_end/elementsPanel.css b/Source/devtools/front_end/elementsPanel.css
index 45a4e5c..5b6e65c 100644
--- a/Source/devtools/front_end/elementsPanel.css
+++ b/Source/devtools/front_end/elementsPanel.css
@@ -57,7 +57,7 @@
#elements-content .CodeMirror {
/* Consistent with the .editing class in inspector.css */
- -webkit-box-shadow: rgba(0, 0, 0, .5) 3px 3px 4px;
+ box-shadow: rgba(0, 0, 0, .5) 3px 3px 4px;
outline: 1px solid rgb(66%, 66%, 66%) !important;
background-color: white;
}
@@ -175,8 +175,8 @@
padding: 2px 2px 4px 4px;
min-height: 18px;
white-space: nowrap;
- -webkit-background-origin: padding;
- -webkit-background-clip: padding;
+ background-origin: padding;
+ background-clip: padding;
-webkit-user-select: text;
}
@@ -209,8 +209,8 @@
.styles-section .header {
white-space: nowrap;
- -webkit-background-origin: padding;
- -webkit-background-clip: padding;
+ background-origin: padding;
+ background-clip: padding;
}
.styles-section .header .title {
@@ -472,8 +472,8 @@
min-height: 16px;
opacity: 1.0;
white-space: nowrap;
- -webkit-background-origin: padding;
- -webkit-background-clip: padding;
+ background-origin: padding;
+ background-clip: padding;
}
.event-bars .event-bar .header .title {
@@ -570,7 +570,7 @@
background-repeat: no-repeat;
margin: 1px 0 0 0;
padding: 0;
- -webkit-border-radius: 0;
+ border-radius: 0;
-webkit-appearance: none;
}
diff --git a/Source/devtools/front_end/inspector.css b/Source/devtools/front_end/inspector.css
index 41ad59e..0a4eda4 100644
--- a/Source/devtools/front_end/inspector.css
+++ b/Source/devtools/front_end/inspector.css
@@ -62,8 +62,8 @@ input[type="search"]:focus, input[type="text"]:focus {
padding-left: 5px;
border-bottom: 1px solid rgb(80, 80, 80);
-webkit-flex-direction: row;
- -webkit-background-origin: padding;
- -webkit-background-clip: padding;
+ background-origin: padding;
+ background-clip: padding;
}
body.show-toolbar-icons #toolbar {
@@ -247,7 +247,7 @@ body.dock-to-bottom #search-toolbar-label {
font-weight: bold;
border: 0;
background-color: transparent;
- -webkit-border-radius: 5px;
+ border-radius: 5px;
text-shadow: none;
cursor: default;
margin: 0;
@@ -271,7 +271,7 @@ body.dock-to-bottom #search-toolbar-label {
#toolbar-dropdown {
position: absolute;
z-index: 1000;
- -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);
+ box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);
border: 1px solid rgb(128, 128, 128);
background-color: inherit;
background-image: inherit;
@@ -333,7 +333,7 @@ body.show-toolbar-icons #toolbar-dropdown .toolbar-label {
#toolbar-panels-menu {
border: 0;
- -webkit-border-radius: 5px;
+ border-radius: 5px;
cursor: default;
font-family: Arial, Helvetica, sans-serif !important;
font-weight: bold;
@@ -1192,7 +1192,7 @@ body.platform-linux .monospace, body.platform-linux .source-code {
font-weight: bold;
text-shadow: none;
color: white;
- -webkit-border-radius: 7px;
+ border-radius: 7px;
}
.console-message-text {
@@ -1508,12 +1508,12 @@ iframe.panel.extension {
left: 3px;
right: 3px;
background-color: rgba(56, 121, 217, 0.1);
- -webkit-border-radius: 5px;
+ border-radius: 5px;
}
.outline-disclosure li.highlighted .highlight {
background-color: rgb(255, 230, 179);
- -webkit-border-radius: 4px;
+ border-radius: 4px;
padding-bottom: 2px;
margin-bottom: -2px;
}
@@ -1656,8 +1656,8 @@ iframe.panel.extension {
.placard.selected {
border-top: 1px solid rgb(172, 172, 172);
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(182, 182, 182)), to(rgb(162, 162, 162)));
- -webkit-background-origin: padding;
- -webkit-background-clip: padding;
+ background-origin: padding;
+ background-clip: padding;
}
:focus .placard.selected {
@@ -1709,8 +1709,8 @@ iframe.panel.extension {
padding: 0 8px 0 5px;
min-height: 18px;
white-space: nowrap;
- -webkit-background-origin: padding;
- -webkit-background-clip: padding;
+ background-origin: padding;
+ background-clip: padding;
}
.section > .header::before {
@@ -1860,7 +1860,7 @@ iframe.panel.extension {
.editing {
-webkit-user-select: text;
- -webkit-box-shadow: rgba(0, 0, 0, .5) 3px 3px 4px;
+ box-shadow: rgba(0, 0, 0, .5) 3px 3px 4px;
outline: 1px solid rgb(66%, 66%, 66%) !important;
background-color: white;
-webkit-user-modify: read-write-plaintext-only;
@@ -2014,7 +2014,7 @@ body.inactive .sidebar {
border: 1px solid rgb(165, 165, 165);
background-color: rgb(237, 237, 237);
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(252, 252, 252)), to(rgb(223, 223, 223)));
- -webkit-border-radius: 12px;
+ border-radius: 12px;
-webkit-appearance: none;
}
@@ -2033,7 +2033,7 @@ button.show-all-nodes {
border: 1px solid rgb(165, 165, 165);
background-color: rgb(237, 237, 237);
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(252, 252, 252)), to(rgb(223, 223, 223)));
- -webkit-border-radius: 12px;
+ border-radius: 12px;
-webkit-appearance: none;
}
@@ -2074,7 +2074,7 @@ button.enable-toggle-status-bar-item.toggled-on .glyph {
line-height: 12px;
background: transparent;
text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0;
- -webkit-border-radius: 8px;
+ border-radius: 8px;
vertical-align: middle;
}
@@ -2274,7 +2274,7 @@ li .status .bubble {
font-weight: bold;
text-shadow: none;
color: white;
- -webkit-border-radius: 7px;
+ border-radius: 7px;
}
li .status .bubble:empty {
@@ -2312,8 +2312,8 @@ body.inactive li.selected .status .bubble {
border-top: 1px solid rgb(145, 160, 192);
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(162, 177, 207)), to(rgb(120, 138, 177)));
text-shadow: rgba(0, 0, 0, 0.33) 1px 1px 0;
- -webkit-background-origin: padding;
- -webkit-background-clip: padding;
+ background-origin: padding;
+ background-clip: padding;
}
:focus .sidebar-tree-item.selected {
@@ -2442,7 +2442,7 @@ body.inactive li.selected .bubble.search-matches {
z-index: 30;
padding: 4px;
background-color: rgb(203, 226, 255);
- -webkit-border-radius: 7px;
+ border-radius: 7px;
border: 2px solid rgb(169, 172, 203);
width: 90%;
pointer-events: auto;
@@ -2559,7 +2559,7 @@ body.inactive li.selected .bubble.search-matches {
padding: 4px 0 4px 0;
border-radius: 4px;
background-color: white;
- -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
+ box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
}
.soft-context-menu-item {
diff --git a/Source/devtools/front_end/inspectorCommon.css b/Source/devtools/front_end/inspectorCommon.css
index 300ebe1..0fab55c 100644
--- a/Source/devtools/front_end/inspectorCommon.css
+++ b/Source/devtools/front_end/inspectorCommon.css
@@ -41,7 +41,7 @@ body.dock-to-right.inactive:not(.undocked) {
}
* {
- -webkit-box-sizing: border-box;
+ box-sizing: border-box;
}
:focus {
@@ -190,8 +190,8 @@ iframe.view {
background-color: rgb(153, 153, 153);
z-index: 500;
cursor: ew-resize;
- -webkit-border-radius: 2px;
- -webkit-box-shadow: white 1px 0 0, white -1px 0 0, white 0 1px 0, white 0 -1px 0;
+ border-radius: 2px;
+ box-shadow: white 1px 0 0, white -1px 0 0, white 0 1px 0, white 0 -1px 0;
}
/* Network timing is shared between popover and network item view pane */
@@ -217,11 +217,11 @@ iframe.view {
}
.webkit-search-result {
- -webkit-border-radius: 4px;
+ border-radius: 4px;
padding: 2px 2px 2px 3px;
margin: -2px -2px -2px -3px;
opacity: 0.8;
- -webkit-box-shadow: rgba(0, 0, 0, .5) 3px 3px 4px;
+ box-shadow: rgba(0, 0, 0, .5) 3px 3px 4px;
background-color: rgb(241, 234, 0);
color: #222;
}
diff --git a/Source/devtools/front_end/networkLogView.css b/Source/devtools/front_end/networkLogView.css
index 0a0b537..5b02e2d 100644
--- a/Source/devtools/front_end/networkLogView.css
+++ b/Source/devtools/front_end/networkLogView.css
@@ -8,12 +8,12 @@
}
.network-log-grid.data-grid table.data {
- -webkit-background-size: 1px 82px;
+ background-size: 1px 82px;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(0.5, rgba(0, 0, 0, 0)), color-stop(0.5, rgba(0, 0, 0, 0.05)), to(rgba(0, 0, 0, 0.05)));
}
.network-log-grid.data-grid.small table.data {
- -webkit-background-size: 1px 42px;
+ background-size: 1px 42px;
}
.network-log-grid.data-grid td {
diff --git a/Source/devtools/front_end/panelEnablerView.css b/Source/devtools/front_end/panelEnablerView.css
index edecfa9..b429edf 100644
--- a/Source/devtools/front_end/panelEnablerView.css
+++ b/Source/devtools/front_end/panelEnablerView.css
@@ -122,7 +122,7 @@
border: 1px solid rgb(165, 165, 165);
background-color: rgb(237, 237, 237);
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(252, 252, 252)), to(rgb(223, 223, 223)));
- -webkit-border-radius: 12px;
+ border-radius: 12px;
-webkit-appearance: none;
}
@@ -143,7 +143,7 @@ body.inactive .panel-enabler-view button:not(.status-bar-item), .panel-enabler-v
width: 17px;
border: 1px solid rgb(165, 165, 165);
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(252, 252, 252)), to(rgb(223, 223, 223)));
- -webkit-border-radius: 8px;
+ border-radius: 8px;
-webkit-appearance: none;
vertical-align: middle;
margin: 0 5px 5px 0;
diff --git a/Source/devtools/front_end/resourceView.css b/Source/devtools/front_end/resourceView.css
index 26fef9f..69bc702 100644
--- a/Source/devtools/front_end/resourceView.css
+++ b/Source/devtools/front_end/resourceView.css
@@ -68,7 +68,7 @@
max-width: 100%;
max-height: 1000px;
background-image: url(Images/checker.png);
- -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5);
+ box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5);
-webkit-user-select: text;
-webkit-user-drag: auto;
}
diff --git a/Source/devtools/front_end/sidebarPane.css b/Source/devtools/front_end/sidebarPane.css
index 1d6e8d2..acfd419 100644
--- a/Source/devtools/front_end/sidebarPane.css
+++ b/Source/devtools/front_end/sidebarPane.css
@@ -76,8 +76,8 @@
border-top: 1px solid rgb(189, 189, 189);
border-bottom: 1px solid rgb(189, 189, 189);
line-height: 18px;
- -webkit-background-origin: padding;
- -webkit-background-clip: padding;
+ background-origin: padding;
+ background-clip: padding;
}
.sidebar-pane-title + .sidebar-pane-title, .pane:not(.visible) + .sidebar-pane-title, .sidebar-pane-title:first-of-type {
@@ -142,7 +142,7 @@
background-repeat: no-repeat;
margin: 1px 0 0 0;
padding: 0;
- -webkit-border-radius: 0;
+ border-radius: 0;
-webkit-appearance: none;
}
diff --git a/Source/devtools/front_end/splitView.css b/Source/devtools/front_end/splitView.css
index 9721f0f..06e7ca6 100644
--- a/Source/devtools/front_end/splitView.css
+++ b/Source/devtools/front_end/splitView.css
@@ -130,7 +130,7 @@
z-index: 10;
background-color: white;
border-right: 1px solid gray;
- -webkit-box-shadow: rgb(90,90,90) 20px 0px 50px -25px;
+ box-shadow: rgb(90,90,90) 20px 0px 50px -25px;
display: -webkit-flex;
-webkit-flex-direction: column;
}
diff --git a/Source/devtools/front_end/textEditor.css b/Source/devtools/front_end/textEditor.css
index ccc7bbe..ab453b5 100644
--- a/Source/devtools/front_end/textEditor.css
+++ b/Source/devtools/front_end/textEditor.css
@@ -71,8 +71,8 @@
}
.webkit-html-message-bubble {
- -webkit-box-shadow: black 0px 2px 5px;
- -webkit-border-radius: 9px;
+ box-shadow: black 0px 2px 5px;
+ border-radius: 9px;
-webkit-border-fit: lines;
font-size: 10px;
font-family: Lucida Grande, sans-serif;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment