UNPKG

@progress/kendo-ui

Version:

This package is part of the [Kendo UI for jQuery](http://www.telerik.com/kendo-ui) suite.

98 lines (86 loc) 1.94 kB
// Card .k-card { .fill( @card-text, @card-bg, @card-border ); .k-card-callout { border-color: @card-border; background-color: @card-bg; } // Card actions .k-card-actions { border-color: @card-border; } &:focus, &.k-state-focus { .fill( @card-focus-text, @card-focus-bg, @card-focus-border ); .box-shadow( @card-focus-shadow ); } } // Header .k-card-header { .fill( @card-header-text, @card-header-bg, @card-header-border ); } // Footer .k-card-footer { .fill( @card-footer-text, @card-footer-bg, @card-footer-border ); } // Separator .k-card-separator { border-color: @card-border; } // Theme variantsmix .k-card.k-state-primary, .k-card.k-card-primary { .fill( @card-primary-text, @card-primary-bg, @card-primary-border ) } .k-card.k-state-info, .k-card.k-card-info { .fill( @card-info-text, @card-info-bg, @card-info-border ) } .k-card.k-state-success, .k-card.k-card-success { .fill( @card-success-text, @card-success-bg, @card-success-border ) } .k-card.k-state-warning, .k-card.k-card-warning { .fill( @card-warning-text, @card-warning-bg, @card-warning-border ) } .k-card.k-state-error, .k-card.k-card-error { .fill( @card-error-text, @card-error-bg, @card-error-border ) } .k-card:focus .k-card-callout, .k-card.k-state-focus .k-card-callout { .fill( @card-focus-text, @card-focus-bg, @card-focus-border ); &.k-callout-n { .box-shadow( @card-focus-callout-box-shadow-n ); } &.k-callout-e { .box-shadow( @card-focus-callout-box-shadow-e ); } &.k-callout-s { .box-shadow( @card-focus-callout-box-shadow-s ); } &.k-callout-w { .box-shadow( @card-focus-callout-box-shadow-w ); } }