From cb7eb674accd24b6b73f26ef23cf4a301b6ebfaf Mon Sep 17 00:00:00 2001 From: Bas Bosman Date: Sat, 22 Feb 2014 11:17:58 +0100 Subject: Add autoprefixer --- docs/assets/css/docs.css | 18 ++++++++++++------ docs/css.html | 7 +++++-- docs/examples/blog/blog.css | 3 ++- docs/examples/cover/cover.css | 3 ++- docs/examples/justified-nav/justified-nav.css | 12 ++++++------ docs/examples/offcanvas/offcanvas.css | 2 +- 6 files changed, 28 insertions(+), 17 deletions(-) (limited to 'docs') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 6e8d30156..aba85096b 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -231,7 +231,9 @@ body { text-align: center; text-shadow: 0 1px 0 rgba(0,0,0,.1); background-color: #6f5499; + background-image: -webkit-gradient(linear, left top, left bottom, from(#563d7c), to(#6f5499)); background-image: -webkit-linear-gradient(top, #563d7c 0%, #6f5499 100%); + background-image: -o-linear-gradient(top, #563d7c 0%, #6f5499 100%); background-image: linear-gradient(to bottom, #563d7c 0%, #6f5499 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#563d7c', endColorstr='#6F5499', GradientType=0); background-repeat: repeat-x; @@ -837,7 +839,8 @@ h1[id] { border-color: #e5e5e5 #eee #eee; border-style: solid; border-width: 1px 0; - box-shadow: inset 0 3px 6px rgba(0,0,0,.05); + -webkit-box-shadow: inset 0 3px 6px rgba(0,0,0,.05); + box-shadow: inset 0 3px 6px rgba(0,0,0,.05); } /* Echo out a label for the example */ .bs-example:after { @@ -868,7 +871,8 @@ h1[id] { border-color: #ddd; border-width: 1px; border-radius: 4px 4px 0 0; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; } .bs-example + .highlight { margin-top: -16px; @@ -1329,7 +1333,8 @@ h1[id] { color: #fff; background-color: #d9534f; border-bottom: 1px solid #b94441; - box-shadow: inset 0 1px 0 rgba(255,255,255,.25); + -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.25); + box-shadow: inset 0 1px 0 rgba(255,255,255,.25); } .bs-customizer-alert .close { margin-top: -4px; @@ -1346,7 +1351,8 @@ h1[id] { color: #fff; background-color: #a83c3a; border-color: #973634; - box-shadow: inset 0 2px 4px rgba(0,0,0,.05), 0 1px 0 rgba(255,255,255,.1); + -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.05), 0 1px 0 rgba(255,255,255,.1); + box-shadow: inset 0 2px 4px rgba(0,0,0,.05), 0 1px 0 rgba(255,255,255,.1); } @@ -1449,6 +1455,6 @@ h1[id] { border-color: rgba(82,168,236,.8); outline: 0; outline: thin dotted \9; /* IE6-9 */ - -moz-box-shadow: 0 0 8px rgba(82,168,236,.6); - box-shadow: 0 0 8px rgba(82,168,236,.6); + -webkit-box-shadow: 0 0 8px rgba(82,168,236,.6); + box-shadow: 0 0 8px rgba(82,168,236,.6); } diff --git a/docs/css.html b/docs/css.html index bbfb515aa..9cd635cd7 100644 --- a/docs/css.html +++ b/docs/css.html @@ -2972,6 +2972,7 @@ a {

Box-sizing

Reset your components' box model with a single mixin. For context, see this helpful article from Mozilla.

+

The mixin is deprecated as of v3.2.0, with the introduction of autoprefixer. To preserve backwards-compatibility, Bootstrap will continue to use the mixin internally until Bootstrap v4.

{% highlight scss %} .box-sizing(@box-model) { -webkit-box-sizing: @box-model; // Safari <= 5 @@ -3014,6 +3015,7 @@ a {

Transitions

Three mixins for flexibility. Set all transition information with one, or specify a separate delay and duration as needed.

+

The mixins are deprecated as of v3.2.0, with the introduction of autoprefixer. To preserve backwards-compatibility, Bootstrap will continue to use the mixins internally until Bootstrap v4.

{% highlight scss %} .transition(@transition) { -webkit-transition: @transition; @@ -3041,6 +3043,7 @@ a {

Transformations

Rotate, scale, translate (move), or skew any object.

+

The mixins are deprecated as of v3.2.0, with the introduction of autoprefixer. To preserve backwards-compatibility, Bootstrap will continue to use the mixins internally until Bootstrap v4.

{% highlight scss %} .rotate(@degrees) { -webkit-transform: rotate(@degrees); @@ -3097,6 +3100,7 @@ a {

Animations

A single mixin for using all of CSS3's animation properties in one declaration and other mixins for individual properties.

+

The mixins are deprecated as of v3.2.0, with the introduction of autoprefixer. To preserve backwards-compatibility, Bootstrap will continue to use the mixins internally until Bootstrap v4.

{% highlight scss %} .animation(@animation) { -webkit-animation: @animation; @@ -3143,8 +3147,7 @@ a {

Provide context for form controls within each field.

{% highlight scss %} .placeholder(@color: @input-color-placeholder) { - &:-moz-placeholder { color: @color; } // Firefox 4-18 - &::-moz-placeholder { color: @color; } // Firefox 19+ + &::-moz-placeholder { color: @color; } // Firefox &:-ms-input-placeholder { color: @color; } // Internet Explorer 10+ &::-webkit-input-placeholder { color: @color; } // Safari and Chrome } diff --git a/docs/examples/blog/blog.css b/docs/examples/blog/blog.css index 575076a8d..9d7298160 100644 --- a/docs/examples/blog/blog.css +++ b/docs/examples/blog/blog.css @@ -37,7 +37,8 @@ h6, .h6 { .blog-masthead { background-color: #428bca; - box-shadow: inset 0 -2px 5px rgba(0,0,0,.1); + -webkit-box-shadow: inset 0 -2px 5px rgba(0,0,0,.1); + box-shadow: inset 0 -2px 5px rgba(0,0,0,.1); } /* Nav links */ diff --git a/docs/examples/cover/cover.css b/docs/examples/cover/cover.css index 9fcc9274f..aee9449e6 100644 --- a/docs/examples/cover/cover.css +++ b/docs/examples/cover/cover.css @@ -33,7 +33,8 @@ body { color: #fff; text-align: center; text-shadow: 0 1px 3px rgba(0,0,0,.5); - box-shadow: inset 0 0 100px rgba(0,0,0,.5); + -webkit-box-shadow: inset 0 0 100px rgba(0,0,0,.5); + box-shadow: inset 0 0 100px rgba(0,0,0,.5); } /* Extra markup and styles for table-esque vertical and horizontal centering */ diff --git a/docs/examples/justified-nav/justified-nav.css b/docs/examples/justified-nav/justified-nav.css index 50125876f..fd71b43a9 100644 --- a/docs/examples/justified-nav/justified-nav.css +++ b/docs/examples/justified-nav/justified-nav.css @@ -34,11 +34,10 @@ body { color: #777; text-align: center; background-color: #e5e5e5; /* Old browsers */ - background-image: -moz-linear-gradient(top, #f5f5f5 0%, #e5e5e5 100%); /* FF3.6+ */ - background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */ - background-image: -webkit-linear-gradient(top, #f5f5f5 0%,#e5e5e5 100%); /* Chrome 10+,Safari 5.1+ */ - background-image: -o-linear-gradient(top, #f5f5f5 0%,#e5e5e5 100%); /* Opera 11.10+ */ - background-image: linear-gradient(top, #f5f5f5 0%,#e5e5e5 100%); /* W3C */ + background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e5e5e5)); + background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e5e5e5 100%); + background-image: -o-linear-gradient(top, #f5f5f5 0%, #e5e5e5 100%); + background-image: linear-gradient(top, #f5f5f5 0%, #e5e5e5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */ background-repeat: repeat-x; /* Repeat the gradient */ border-bottom: 1px solid #d5d5d5; @@ -48,7 +47,8 @@ body { .nav-justified > .active > a:focus { background-color: #ddd; background-image: none; - box-shadow: inset 0 3px 7px rgba(0,0,0,.15); + -webkit-box-shadow: inset 0 3px 7px rgba(0,0,0,.15); + box-shadow: inset 0 3px 7px rgba(0,0,0,.15); } .nav-justified > li:first-child > a { border-radius: 5px 5px 0 0; diff --git a/docs/examples/offcanvas/offcanvas.css b/docs/examples/offcanvas/offcanvas.css index eeace1601..2a72199d5 100644 --- a/docs/examples/offcanvas/offcanvas.css +++ b/docs/examples/offcanvas/offcanvas.css @@ -21,7 +21,7 @@ footer { .row-offcanvas { position: relative; -webkit-transition: all .25s ease-out; - -moz-transition: all .25s ease-out; + -o-transition: all .25s ease-out; transition: all .25s ease-out; } -- cgit v1.2.3