mirror of
https://github.com/codeninjasllc/codecombat.git
synced 2024-11-25 00:28:31 -05:00
56 lines
848 B
SCSS
56 lines
848 B
SCSS
// Media objects
|
|
// Source: http://stubbornella.org/content/?p=497
|
|
// --------------------------------------------------
|
|
|
|
|
|
// Common styles
|
|
// -------------------------
|
|
|
|
// Clear the floats
|
|
.media,
|
|
.media-body {
|
|
overflow: hidden;
|
|
zoom: 1;
|
|
}
|
|
|
|
// Proper spacing between instances of .media
|
|
.media,
|
|
.media .media {
|
|
margin-top: 15px;
|
|
}
|
|
.media:first-child {
|
|
margin-top: 0;
|
|
}
|
|
|
|
// For images and videos, set to block
|
|
.media-object {
|
|
display: block;
|
|
}
|
|
|
|
// Reset margins on headings for tighter default spacing
|
|
.media-heading {
|
|
margin: 0 0 5px;
|
|
}
|
|
|
|
|
|
// Media image alignment
|
|
// -------------------------
|
|
|
|
.media {
|
|
> .pull-left {
|
|
margin-right: 10px;
|
|
}
|
|
> .pull-right {
|
|
margin-left: 10px;
|
|
}
|
|
}
|
|
|
|
|
|
// Media list variation
|
|
// -------------------------
|
|
|
|
// Undo default ul/ol styles
|
|
.media-list {
|
|
padding-left: 0;
|
|
list-style: none;
|
|
}
|