rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-06 04:08:22 +01:00
Code Issues Actions Packages Releases Activity

Fixes #7648: Thumbnail caption should use @text-color variable. Also adds other thumbnail vars

Browse Source
This commit is contained in:
Mark Otto 2013-04-21 18:29:06 -07:00
parent af63a4405d
commit 364f8330a1
3 changed files with 15 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
docs/assets/css/bootstrap.css vendored
View File

@ -4711,7 +4711,8 @@ button.close {
.img-thumbnail { .img-thumbnail {
padding: 4px; padding: 4px;
line-height: 20px; line-height: 20px;
border: 1px solid #ddd; background-color: #ffffff;
border: 1px solid #dddddd;
border-radius: 4px; border-radius: 4px;
-webkit-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out;
@ -4741,7 +4742,7 @@ a.thumbnail:focus {
.thumbnail .caption { .thumbnail .caption {
padding: 9px; padding: 9px;
color: #555555; color: #333333;
} }
.media, .media,

7
less/thumbnails.less
View File

@ -12,8 +12,9 @@
.img-thumbnail { .img-thumbnail {
padding: 4px; padding: 4px;
line-height: @line-height-base; line-height: @line-height-base;
border: 1px solid #ddd; background-color: @thumbnail-bg;
border-radius: @border-radius-base; border: 1px solid @thumbnail-border;
border-radius: @thumbnail-border-radius;
.transition(all .2s ease-in-out); .transition(all .2s ease-in-out);
} }
.thumbnail { .thumbnail {
@ -38,5 +39,5 @@ a.thumbnail:focus {
} }
.thumbnail .caption { .thumbnail .caption {
padding: 9px; padding: 9px;
color: @gray; color: @thumbnail-caption-color;
} }

8
less/variables.less
View File

@ -346,6 +346,14 @@
@panel-info-heading-bg: @state-info-bg; @panel-info-heading-bg: @state-info-bg;
// Thumbnails
// -------------------------
@thumbnail-caption-color: @text-color;
@thumbnail-bg: @body-bg;
@thumbnail-border: #ddd;
@thumbnail-border-radius: @border-radius-base;
// Wells // Wells
// ------------------------- // -------------------------
@well-bg: #f5f5f5; @well-bg: #f5f5f5;