diff options
| author | Mark Otto <[email protected]> | 2013-01-17 20:16:04 -0800 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2013-01-17 20:16:04 -0800 |
| commit | ca74b9882b1c2029bfd0d091fd372007b9dc7420 (patch) | |
| tree | ae7a97d901a0ffad6d8dfe3ec99c1c563b1ecabe /docs | |
| parent | 89b6477bdc3c86a59c22a62778a6879c220c5df5 (diff) | |
| download | bootstrap-ca74b9882b1c2029bfd0d091fd372007b9dc7420.tar.xz bootstrap-ca74b9882b1c2029bfd0d091fd372007b9dc7420.zip | |
Change .img-polaroid to .img-thumbnail
* Same code, but different classes was confusing
* Now .img-thumbnail just extends .thumbnail
Diffstat (limited to 'docs')
| -rw-r--r-- | docs/assets/css/bootstrap.css | 16 | ||||
| -rw-r--r-- | docs/css.html | 4 | ||||
| -rw-r--r-- | docs/templates/pages/css.mustache | 4 |
3 files changed, 14 insertions, 10 deletions
diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index e9df5670c..0ec2e4ddc 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -262,13 +262,17 @@ img { border-radius: 6px; } -.img-polaroid { +.img-thumbnail { + display: block; + display: inline-block; padding: 4px; - background-color: #fff; - border: 1px solid #ccc; - border: 1px solid rgba(0, 0, 0, 0.2); - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); + line-height: 20px; + border: 1px solid #ddd; + border-radius: 4px; + -webkit-transition: all 0.2s ease-in-out; + -moz-transition: all 0.2s ease-in-out; + -o-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; } .img-circle { diff --git a/docs/css.html b/docs/css.html index 427048aa0..09cd0a0dd 100644 --- a/docs/css.html +++ b/docs/css.html @@ -1875,12 +1875,12 @@ For example, <code>&lt;section&gt;</code> should be wrapped <div class="bs-docs-example bs-docs-example-images"> <img data-src="holder.js/140x140" class="img-rounded"> <img data-src="holder.js/140x140" class="img-circle"> - <img data-src="holder.js/140x140" class="img-polaroid"> + <img data-src="holder.js/140x140" class="img-thumbnail"> </div> <pre class="prettyprint linenums"> <img src="..." class="img-rounded"> <img src="..." class="img-circle"> -<img src="..." class="img-polaroid"> +<img src="..." class="img-thumbnail"> </pre> </section> diff --git a/docs/templates/pages/css.mustache b/docs/templates/pages/css.mustache index 4073d3d3d..23a26b06e 100644 --- a/docs/templates/pages/css.mustache +++ b/docs/templates/pages/css.mustache @@ -1814,12 +1814,12 @@ For example, <code>&lt;section&gt;</code> should be wrapped <div class="bs-docs-example bs-docs-example-images"> <img data-src="holder.js/140x140" class="img-rounded"> <img data-src="holder.js/140x140" class="img-circle"> - <img data-src="holder.js/140x140" class="img-polaroid"> + <img data-src="holder.js/140x140" class="img-thumbnail"> </div> <pre class="prettyprint linenums"> <img src="..." class="img-rounded"> <img src="..." class="img-circle"> -<img src="..." class="img-polaroid"> +<img src="..." class="img-thumbnail"> </pre> </section> |