Sha256: a6f090b1d50fb31918db8877771ab4bdf8fd2df9a23e384d2b06ff43aa994a00

Contents?: true

Size: 1.14 KB

Versions: 5

Compression:

Stored size: 1.14 KB

Contents

// Foundation for Emails by ZURB
// zurb.com/ink/
// Licensed under MIT Open Source

////
/// @group thumbnail
////

/// Border around thumbnail images.
/// @type Border
$thumbnail-border: solid 4px $white !default;

/// Bottom margin for thumbnail images.
/// @type Length
$thumbnail-margin-bottom: $global-margin !default;

/// Box shadow under thumbnail images.
/// @type Shadow
$thumbnail-shadow: 0 0 0 1px rgba($black, 0.2) !default;

/// Box shadow under thumbnail images.
/// @type Shadow
$thumbnail-shadow-hover: 0 0 6px 1px rgba($primary-color, 0.5) !default;

/// Transition proprties for thumbnail images.
/// @type Transition
$thumbnail-transition: box-shadow 200ms ease-out !default;

/// Default radius for thumbnail images.
/// @type Number
$thumbnail-radius: $global-radius !default;

/// Adds thumbnail styles to an element.
.thumbnail {
  border: $thumbnail-border;
  box-shadow: $thumbnail-shadow;
  display: inline-block;
  line-height: 0;
  max-width: 100%;
  transition: $thumbnail-transition;
  border-radius: $thumbnail-radius;
  margin-bottom: $thumbnail-margin-bottom;

  &:hover,
  &:focus {
    box-shadow: $thumbnail-shadow-hover;
  }
}

Version data entries

5 entries across 5 versions & 2 rubygems

Version Path
malvolio-0.1.0 lib/generators/malvolio/templates/base_with_inky/scss/foundation_emails/components/_thumbnail.scss
foundation_emails-2.2.1.0 vendor/assets/stylesheets/foundation-emails/components/_thumbnail.scss
foundation_emails-2.2.0.0 vendor/assets/stylesheets/foundation-emails/components/_thumbnail.scss
foundation_emails-2.1.0.1 vendor/assets/stylesheets/foundation-emails/components/_thumbnail.scss
foundation_emails-2.1.0 vendor/assets/stylesheets/foundation-emails/components/_thumbnail.scss