/*----- Typography ------*/ .heading-inverse { background-color: #333; color: $white; padding: 5px; } .heading-primary { background-color: $primary; color: $white; padding: 5px; } .heading-success { background-color: #38a01e; color: $white; padding: 5px; } .heading-info { background-color: $info; color: $white; padding: 5px; } .heading-warning { background-color: $warning; color: $white; padding: 5px; } .heading-danger { background-color: #dc0441; color: $white; padding: 5px; } /*------ Media object ------*/ .media { margin-top: 15px; zoom: 1; overflow: hidden; img { width: 40px; height: 40px; } &.media-lg img { width: 80px; height: 80px; } } .media-body { zoom: 1; overflow: hidden; } .media-object { display: block; } .media-right, .media>.pull-right { padding-left: 10px; } .media-body, .media-left, .media-right { display: table-cell; vertical-align: top; } .media-left, .media>.pull-left { padding-right: 10px; } .media-heading { margin-top: 0; margin-bottom: 5px; } .media-body h4 { font-weight: 600; font-size: 16px; } .media-middle { vertical-align: middle; } .media-bottom { vertical-align: bottom; }