.panel-block-wrap, .panel-block-wrap-title { display: block; background: transparent; } .panel-block-wrap { margin: 0 0 35px 0; } @mixin panel-block( $suffix: null, $margin: 0, $title-color: null, $title-font-style: bold, $title-align: left, $title-padding: 0, $title-background-color: null, $title-background-gradient: false, $title-border-radius: 0, $title-border-color: null, $title-border-width: 0, $title-border-style: solid, $title-height: null, $background-color: null, $background-gradient: false, $body-background-color: null, $body-border-color: null, $body-border-width: 0, $body-border-style: solid, $body-border-radius: 0, $body-padding: 0, $body-text-align: left, $panel-text-size: $text-size ) { .panel-block-wrap-#{$suffix} { font-size: $panel-text-size; @if $background-color != null { background-color: $background-color; @if $background-gradient == true { @include background-gradient($background-color, bevel, bottom); } } @if top($margin) > 0 or right($margin) > 0 or bottom($margin) > 0 or left($margin) > 0 { margin: top($margin) right($margin) bottom($margin) left($margin); } @if top($title-border-radius) > 0 or right($title-border-radius) > 0 or bottom($body-border-radius) > 0 or left($body-border-radius) > 0 { @include radius(top($title-border-radius) right($title-border-radius) bottom($body-border-radius) left($body-border-radius)); } } .panel-block-wrap-title-#{$suffix} { @if $title-height == null { height: $panel-text-size * 2.5; line-height: $panel-text-size * 2.5; } @else { height: $title-height; line-height: $title-height; } font-weight: $title-font-style; text-align: $title-align; padding: $title-padding; @if $title-background-color != null { background-color: $title-background-color; @if $title-background-gradient == true { @include background-gradient($title-background-color, panel-title, top); } } @if $title-color == null { color: darken($base-color, 20%); } @else { color: $title-color } @if top($title-border-radius) > 0 or right($title-border-radius) > 0 { @include radius(top($title-border-radius) right($title-border-radius) 0 0); } @if top($title-border-width) > 0 or right($title-border-width) > 0 or bottom($title-border-width) > 0 or left($title-border-width) > 0 { border-width: top($title-border-width) right($title-border-width) bottom($title-border-width) left($title-border-width); border-style: $title-border-style; @if $title-border-color != null { border-color: $title-border-color; } } } .panel-block-wrap-body-#{$suffix} { text-align: $body-text-align; @if top($body-padding) > 0 or right($body-padding) > 0 or bottom($body-padding) > 0 or left($body-padding) > 0 { padding: top($body-padding) right($body-padding) bottom($body-padding) left($body-padding); } @if $body-background-color != null { background-color: $body-background-color; } @if $body-border-color != null { border-color: $body-border-color; } @if top($body-border-width) > 0 or right($body-border-width) > 0 or bottom($body-border-width) > 0 or left($body-border-width) > 0 { border-width: $body-border-width; border-style: $body-border-style; } @if top($body-border-radius) > 0 { @include radius($title-border-radius) } } }