5 /// @Foundation.settings
7 $closebutton-position: (top right) !default;
8 $closebutton-size: 2em !default;
9 $closebutton-lineheight: 0.5 !default;
10 $closebutton-color: #999 !default;
11 $closebutton-color-hover: #333 !default;
13 $thumbnail-padding: 0.5rem !default;
14 $thumbnail-shadow: 0 3px 15px rgba(black, 0.25) !default;
17 // A basic close button. They pin to the corner of the thing they're inside.
19 $x: nth($closebutton-position, 1);
20 $y: nth($closebutton-position, 2);
23 color: $closebutton-color;
24 #{$x}: $global-padding;
25 #{$y}: $global-padding;
26 font-size: $closebutton-size;
27 line-height: $closebutton-lineheight;
31 color: $closebutton-color-hover;
35 // Make your images fancy-like.
37 padding: $thumbnail-padding;
38 box-shadow: $thumbnail-shadow;
41 @include exports(extras) {
43 @extend %close-button;
52 img { @extend %thumbnail; }