//
// Component: Tile
//
// ========================================================================


// Variables
// ========================================================================

//
// Master
//

@internal-tile-primary-gradient:                 linear-gradient(155deg, @tile-primary-background 0%, spin(@tile-primary-background, 9%) 100%);

@internal-tile-secondary-gradient:               linear-gradient(5deg, lighten(@tile-secondary-background, 5%) 0%, @tile-secondary-background 100%);


// Component
// ========================================================================

.hook-tile() {}


// Style modifiers
// ========================================================================

.hook-tile-default() {}

.hook-tile-muted() {}

.hook-tile-primary() {}

.hook-tile-secondary() {}


// Miscellaneous
// ========================================================================

.hook-tile-misc() {}