Sha256: c17becadc824d6309e49c14abf663affd527dc2d5d218afd527fcc946a8d8509
Contents?: true
Size: 1.58 KB
Versions: 49
Compression:
Stored size: 1.58 KB
Contents
//
// Base styles
//
.tile {
display: block;
margin-right: auto;
margin-left: auto;
word-wrap: break-word;
background-color: $white;
border-radius: $border-radius;
box-shadow: $box-shadow-sm;
+ .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
49 entries across 49 versions & 1 rubygems