vendor/assets/scss/components/_thumbnail.scss in foundation-rails-6.2.4.0 vs vendor/assets/scss/components/_thumbnail.scss in foundation-rails-6.3.0.0
- old
+ new
@@ -30,25 +30,38 @@
/// @type Number
$thumbnail-radius: $global-radius !default;
/// Adds thumbnail styles to an element.
@mixin thumbnail {
+ display: inline-block;
+ max-width: 100%;
+ margin-bottom: $thumbnail-margin-bottom;
+
border: $thumbnail-border;
+ border-radius: $thumbnail-radius;
box-shadow: $thumbnail-shadow;
- display: inline-block;
+
line-height: 0;
- max-width: 100%;
+}
+
+@mixin thumbnail-link {
transition: $thumbnail-transition;
- border-radius: $thumbnail-radius;
- margin-bottom: $thumbnail-margin-bottom;
&:hover,
&:focus {
box-shadow: $thumbnail-shadow-hover;
}
+
+ image {
+ box-shadow: none;
+ }
}
@mixin foundation-thumbnail {
.thumbnail {
@include thumbnail;
+ }
+
+ a.thumbnail {
+ @include thumbnail-link;
}
}