mirror of
https://github.com/medialab-prado/datamad2017.git
synced 2024-12-30 14:31:23 +01:00
57 lines
848 B
SCSS
57 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;
|
||
|
|
}
|