From 3588bb828af4f726ac7bfe665c73ed5f2ab04383 Mon Sep 17 00:00:00 2001 From: Jeff Atwood Date: Fri, 5 Apr 2013 14:52:21 -0700 Subject: [PATCH] removing unneeded css vendor prefixes caniuse.com --- app/assets/stylesheets/admin/admin_base.scss | 16 ----- .../stylesheets/application/modal.css.scss | 7 --- .../application/topic-post.css.scss | 2 - .../application/username_tagsinput.css | 2 - app/assets/stylesheets/foundation/mixins.scss | 36 ++---------- .../stylesheets/vendor/bootstrap.css.scss | 58 ------------------- app/assets/stylesheets/vendor/chosen.css.erb | 3 - 7 files changed, 4 insertions(+), 120 deletions(-) diff --git a/app/assets/stylesheets/admin/admin_base.scss b/app/assets/stylesheets/admin/admin_base.scss index c34e107762b..b640360cfed 100644 --- a/app/assets/stylesheets/admin/admin_base.scss +++ b/app/assets/stylesheets/admin/admin_base.scss @@ -200,11 +200,7 @@ table { margin-bottom: 20px; background-color: whitesmoke; border: 1px solid #e3e3e3; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; border-radius: 4px; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); height: 638px; margin-bottom: 10px; @@ -480,13 +476,7 @@ table { border-bottom: solid 1px #ccc; background-color:#e1e1e1; - background-image:-moz-linear-gradient(top, #f1f1f1, #e1e1e1); - background-image:-ms-linear-gradient(top, #f1f1f1, #e1e1e1); - background-image:-o-linear-gradient(top, #f1f1f1, #e1e1e1); - background-image:-webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#e1e1e1)); - background-image:-webkit-linear-gradient(top, #f1f1f1, #e1e1e1); background-image:linear-gradient(center top, #f1f1f1 0%, #e1e1e1 100%); - filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#f1f1f1', EndColorStr='#e1e1e1'); cursor: pointer; h1 { @@ -511,13 +501,7 @@ table { padding: 6px 8px; border-bottom: solid 1px #ccc; background-color:#eee; - background-image:-moz-linear-gradient(top, #fafafa, #eee); - background-image:-ms-linear-gradient(top, #fafafa, #eee); - background-image:-o-linear-gradient(top, #fafafa, #eee); - background-image:-webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#eee)); - background-image:-webkit-linear-gradient(top, #fafafa, #eee); background-image:linear-gradient(center top, #fafafa 0%, #eee 100%); - filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#f1f1f1', EndColorStr='#e1e1e1'); .left { float: left; diff --git a/app/assets/stylesheets/application/modal.css.scss b/app/assets/stylesheets/application/modal.css.scss index 3ce7872b037..dbebeedd436 100644 --- a/app/assets/stylesheets/application/modal.css.scss +++ b/app/assets/stylesheets/application/modal.css.scss @@ -53,18 +53,11 @@ /* IE6-7 */ @include border-radius-all (6px); - -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); - -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); - -webkit-background-clip: padding-box; - -moz-background-clip: padding-box; background-clip: padding-box; } .modal.fade { -webkit-transition: opacity .3s linear, top .3s ease-out; - -moz-transition: opacity .3s linear, top .3s ease-out; - -ms-transition: opacity .3s linear, top .3s ease-out; - -o-transition: opacity .3s linear, top .3s ease-out; transition: opacity .3s linear, top .3s ease-out; top: -25%; } diff --git a/app/assets/stylesheets/application/topic-post.css.scss b/app/assets/stylesheets/application/topic-post.css.scss index 62a06a57590..a83bb7e8f7d 100644 --- a/app/assets/stylesheets/application/topic-post.css.scss +++ b/app/assets/stylesheets/application/topic-post.css.scss @@ -113,8 +113,6 @@ } transition:opacity 1s linear; -webkit-transition:opacity 1s linear; - -moz-transition:opacity 1s linear; - } .reply-new, .track-link { diff --git a/app/assets/stylesheets/application/username_tagsinput.css b/app/assets/stylesheets/application/username_tagsinput.css index 69ae38f8cac..3682dd52301 100644 --- a/app/assets/stylesheets/application/username_tagsinput.css +++ b/app/assets/stylesheets/application/username_tagsinput.css @@ -10,8 +10,6 @@ div.tagsinput { div.tagsinput span.tag { border: 1px solid #a5d24a; - -moz-border-radius:2px; - -webkit-border-radius:2px; border-radius: 2px; display: block; float: left; diff --git a/app/assets/stylesheets/foundation/mixins.scss b/app/assets/stylesheets/foundation/mixins.scss index 149a459c3e4..2c03065f4b4 100644 --- a/app/assets/stylesheets/foundation/mixins.scss +++ b/app/assets/stylesheets/foundation/mixins.scss @@ -55,28 +55,22 @@ // Border radius @mixin border-radius-all($radius) { - -webkit-border-radius: $radius; border-radius: $radius; } @mixin border-radius-top($radius) { - -webkit-border-top-right-radius: $radius; border-top-right-radius: $radius; - -webkit-border-top-left-radius: $radius; border-top-left-radius: $radius; } @mixin border-radius-bottom($radius) { - -webkit-border-bottom-right-radius: $radius; border-bottom-right-radius: $radius; - -webkit-border-bottom-left-radius: $radius; border-bottom-left-radius: $radius; } // Box shadow @mixin box-shadow($shadow) { - -webkit-box-shadow: $shadow; box-shadow: $shadow; } @@ -84,24 +78,18 @@ @mixin linear-gradient($start-color, $end-color) { background-color: $start-color; - background-image: -webkit-gradient(linear, left top, left bottom, from($start-color), to($end-color)); - background-image: -webkit-linear-gradient(top, $start-color, $end-color); - background-image: -moz-linear-gradient(top, $start-color, $end-color); - background-image: -o-linear-gradient(top, $start-color, $end-color); background-image: linear-gradient(to bottom, $start-color, $end-color); } // Background size @mixin background-size($size) { - -webkit-background-size: $size; background-size: $size; } // Background clip @mixin background-clip($clip) { - -webkit-background-clip: $clip; background-clip: $clip; } @@ -109,9 +97,6 @@ @mixin rotate($degrees) { -webkit-transform: rotate($degrees); - -moz-transform: rotate($degrees); - -ms-transform: rotate($degrees); - -o-transform: rotate($degrees); transform: rotate($degrees); } @@ -119,9 +104,6 @@ @mixin scale($ratio) { -webkit-transform: scale($ratio); - -moz-transform: scale($ratio); - -ms-transform: scale($ratio); - -o-transform: scale($ratio); transform: scale($ratio); } @@ -130,9 +112,7 @@ @mixin transition($transition) { .discourse-no-touch & { -webkit-transition: #{$transition}; - -moz-transition: #{$transition}; -ms-transition: #{$transition}; - -o-transition: #{$transition}; transition: #{$transition}; } } @@ -153,28 +133,21 @@ visibility: hidden; .discourse-no-touch & { -webkit-transition: visibility 0s linear $time, opacity $time linear; - -moz-transition: visibility 0s linear $time, opacity $time linear; -ms-transition: visibility 0s linear $time, opacity $time linear; - -o-transition: visibility 0s linear $time, opacity $time linear; transition: visibility 0s linear $time, opacity $time linear; } } @mixin fade-soft($time: 1s) { - transition: opacity $time ease-in-out; - -moz-transition: opacity $time ease-in-out; -webkit-transition: opacity $time ease-in-out; - -ms-transition: opacity $time ease-in-out; - -o-transition: opacity $time ease-in-out; + -ms-transition: opacity $time ease-in-out; + transition: opacity $time ease-in-out; } @mixin visible { opacity: 1; visibility: visible; -webkit-transition-delay: 0s; - -moz-transition-delay: 0s; - -ms-transition-delay: 0s; - -o-transition-delay: 0s; transition-delay: 0s; } @@ -184,7 +157,6 @@ // Glow @mixin glow($color) { - border: 1px solid $color; - -webkit-box-shadow: 0 0 5px $color; - box-shadow: 0 0 5px $color; + border: 1px solid $color; + box-shadow: 0 0 5px $color; } \ No newline at end of file diff --git a/app/assets/stylesheets/vendor/bootstrap.css.scss b/app/assets/stylesheets/vendor/bootstrap.css.scss index 9090c65f322..c513e15c130 100644 --- a/app/assets/stylesheets/vendor/bootstrap.css.scss +++ b/app/assets/stylesheets/vendor/bootstrap.css.scss @@ -194,8 +194,6 @@ img { } .label { padding: 1px 4px 2px; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; border-radius: 3px; } a.label:hover { @@ -303,14 +301,8 @@ input[type="submit"].btn::-moz-focus-inner { border: 1px solid rgba(0, 0, 0, 0.2); *border-right-width: 2px; *border-bottom-width: 2px; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; border-radius: 5px; - -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); - -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); - -webkit-background-clip: padding-box; - -moz-background-clip: padding; background-clip: padding-box; } .dropdown-menu.pull-right { @@ -355,9 +347,6 @@ input[type="submit"].btn::-moz-focus-inner { .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; - -moz-transition: opacity 0.15s linear; - -ms-transition: opacity 0.15s linear; - -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade.in { @@ -368,9 +357,6 @@ input[type="submit"].btn::-moz-focus-inner { height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; - -moz-transition: height 0.35s ease; - -ms-transition: height 0.35s ease; - -o-transition: height 0.35s ease; transition: height 0.35s ease; } .collapse.in { @@ -482,48 +468,30 @@ body { height: auto; background-color: white; border: 1px solid #cccccc; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; border-radius: 3px; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; - -moz-transition: border linear 0.2s, box-shadow linear 0.2s; - -ms-transition: border linear 0.2s, box-shadow linear 0.2s; - -o-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s; } input { &[type="text"], &[type="password"], &[type="datetime"], &[type="datetime-local"], &[type="date"], &[type="month"], &[type="time"], &[type="week"], &[type="number"], &[type="email"], &[type="url"], &[type="search"], &[type="tel"], &[type="color"] { background-color: white; border: 1px solid #cccccc; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; border-radius: 3px; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; - -moz-transition: border linear 0.2s, box-shadow linear 0.2s; - -ms-transition: border linear 0.2s, box-shadow linear 0.2s; - -o-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s; } } textarea:focus { border-color: rgba(82, 168, 236, 0.8); outline: 0; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); } input { &[type="text"]:focus, &[type="password"]:focus, &[type="datetime"]:focus, &[type="datetime-local"]:focus, &[type="date"]:focus, &[type="month"]:focus, &[type="time"]:focus, &[type="week"]:focus, &[type="number"]:focus, &[type="email"]:focus, &[type="url"]:focus, &[type="search"]:focus, &[type="tel"]:focus, &[type="color"]:focus { border-color: rgba(82, 168, 236, 0.8); outline: 0; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); } } @@ -687,8 +655,6 @@ body { } .checkbox:focus, .radio:focus, input:focus, select:focus, textarea:focus { border-color: #a47e3c; - -webkit-box-shadow: 0 0 6px #dbc59e; - -moz-box-shadow: 0 0 6px #dbc59e; box-shadow: 0 0 6px #dbc59e; } .input-prepend .add-on, .input-append .add-on { @@ -707,8 +673,6 @@ body { } .checkbox:focus, .radio:focus, input:focus, select:focus, textarea:focus { border-color: #953b39; - -webkit-box-shadow: 0 0 6px #d59392; - -moz-box-shadow: 0 0 6px #d59392; box-shadow: 0 0 6px #d59392; } .input-prepend .add-on, .input-append .add-on { @@ -727,8 +691,6 @@ body { } .checkbox:focus, .radio:focus, input:focus, select:focus, textarea:focus { border-color: #356635; - -webkit-box-shadow: 0 0 6px #7aba7b; - -moz-box-shadow: 0 0 6px #7aba7b; box-shadow: 0 0 6px #7aba7b; } .input-prepend .add-on, .input-append .add-on { @@ -744,8 +706,6 @@ body { } input:focus:required:invalid:focus, textarea:focus:required:invalid:focus, select:focus:required:invalid:focus { border-color: #e9322d; - -webkit-box-shadow: 0 0 6px #f8b9b7; - -moz-box-shadow: 0 0 6px #f8b9b7; box-shadow: 0 0 6px #f8b9b7; } @@ -757,8 +717,6 @@ body { margin-bottom: 0; *margin-left: 0; vertical-align: middle; - -webkit-border-radius: 0 3px 3px 0; - -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } .input-prepend input:focus, .input-append input:focus, .input-prepend select:focus, .input-append select:focus { @@ -780,8 +738,6 @@ body { } .input-prepend .add-on, .input-append .add-on, .input-prepend .btn, .input-append .btn { margin-left: -1px; - -webkit-border-radius: 0; - -moz-border-radius: 0; border-radius: 0; } .input-prepend .active, .input-append .active { @@ -793,39 +749,27 @@ body { margin-right: -1px; } .add-on:first-child, .btn:first-child { - -webkit-border-radius: 3px 0 0 3px; - -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } } .input-append { input, select { - -webkit-border-radius: 3px 0 0 3px; - -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } .add-on:last-child, .btn:last-child { - -webkit-border-radius: 0 3px 3px 0; - -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } } .input-prepend.input-append { input, select { - -webkit-border-radius: 0; - -moz-border-radius: 0; border-radius: 0; } .add-on:first-child, .btn:first-child { margin-right: -1px; - -webkit-border-radius: 3px 0 0 3px; - -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } .add-on:last-child, .btn:last-child { margin-left: -1px; - -webkit-border-radius: 0 3px 3px 0; - -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } } @@ -890,8 +834,6 @@ body { text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #fcf8e3; border: 1px solid #fbeed5; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; border-radius: 4px; color: #c09853; } diff --git a/app/assets/stylesheets/vendor/chosen.css.erb b/app/assets/stylesheets/vendor/chosen.css.erb index b6c4f5246d9..031b6cc99d2 100644 --- a/app/assets/stylesheets/vendor/chosen.css.erb +++ b/app/assets/stylesheets/vendor/chosen.css.erb @@ -275,9 +275,6 @@ } .chzn-container-active .chzn-single-with-drop { border: 1px solid #aaa; - -webkit-box-shadow: 0 1px 0 #fff inset; - -moz-box-shadow : 0 1px 0 #fff inset; - -o-box-shadow : 0 1px 0 #fff inset; box-shadow : 0 1px 0 #fff inset; background-color: #eee; background-image: linear-gradient(top, #eeeeee 20%, #ffffff 80%);