Sha256: 9d07c7a5c47dc180842a3166b66af2c784448e34112f22cee763c6c49ed7f954
Contents?: true
Size: 1.57 KB
Versions: 8
Compression:
Stored size: 1.57 KB
Contents
//
// Base styles
//
.tile {
display: block;
margin-right: auto;
margin-left: auto;
word-wrap: break-word;
background-color: $white;
border: $border-width solid $border-color;
+ .tile { margin-top: $spacer; }
}
.tile-body {
padding: $grid-gutter-width;
@include media-breakpoint-up(sm) { padding: ($grid-gutter-width * 1.5); }
}
// Sections within a tile used to separate groups of content
.tile-section {
display: block;
margin-right: auto;
margin-left: auto;
@include media-breakpoint-down(sm) { padding-bottom: $grid-gutter-width; }
@include media-breakpoint-up(sm) { padding-bottom: ($grid-gutter-width * 1.5); }
&:last-child { padding-bottom: 0; }
+ .tile-section {
border-top: $border-width solid $border-color;
@include media-breakpoint-down(sm) { padding-top: $grid-gutter-width; }
@include media-breakpoint-up(sm) { padding-top: ($grid-gutter-width * 1.5); }
}
}
//
// Optional textual caps
//
.tile-header, .tile-footer {
padding: ($grid-gutter-width / 2) $grid-gutter-width;
background-color: $white;
@include media-breakpoint-up(sm) { padding: $grid-gutter-width; }
}
.tile-header {
+ .collapse,
+ .collapsing,
+ .tile-body,
+ .tile-footer { border-top: $border-width solid $border-color; }
}
.tile-body + .tile-footer { border-top: $border-width solid $border-color; }
//
// Header navs
//
.tile-header-tabs {
margin-right: -$grid-gutter-width;
margin-bottom: -($grid-gutter-width / 2);
margin-left: -$grid-gutter-width;
border-bottom: 0;
@include media-breakpoint-up(sm) { margin-bottom: -$grid-gutter-width; }
}
Version data entries
8 entries across 8 versions & 1 rubygems