/// Adds styles for sections within a media object.
/// @param {Number} $padding [$mediaobject-section-padding] - Padding between sections.
@mixin media-object-section($padding: $mediaobject-section-padding) {
- $selector: &;
display: table-cell;
vertical-align: top;
padding-#{$global-right}: $padding;
}
- &:last-child:not(+ $selector:first-child) {
+ &:last-child:not(+ &:first-child) {
padding-#{$global-left}: $padding;
}
}
@mixin background-triangle($color: $black) {
$rgb: 'rgb(#{red($color)}, #{green($color)}, #{blue($color)})';
- background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: #{$rgb}'></polygon></svg>");
+ background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="32" height="24" viewBox="0 0 32 24"><polygon points="0,0 32,0 16,24" style="fill: #{$rgb}"></polygon></svg>');
@media screen and (min-width:0\0) {
@if lightness($color) < 50% {