/*-------------------
        Theme
--------------------*/

/* To override a theme for an individual element
   specify theme name below
*/

/* Global */

@theme   : 'default';

/* Elements */
@button   : 'default';
@icon     : 'default';
@divider  : 'default';
@header   : 'default';
@icon     : 'default';
@image    : 'default';
@input    : 'default';
@label    : 'default';
@loader   : 'default';
@progress : 'default';
@reveal   : 'default';
@segment  : 'default';
@step     : 'default';

/* Collections */
@breadcrumb : 'default';
@form       : 'default';
@grid       : 'default';
@menu       : 'default';
@message    : 'default';
@table      : 'default';

/* Modules */
@accordion  : 'default';
@chatroom   : 'default';
@checkbox   : 'default';
@dropdown   : 'default';
@modal      : 'default';
@nag        : 'default';
@popup      : 'default';
@rating     : 'default';
@search     : 'default';
@shape      : 'default';
@sidebar    : 'default';
@tab        : 'default';
@transition : 'default';
@video      : 'default';

/* Views */
@comment   : 'default';
@feed      : 'default';
@item      : 'default';
@list      : 'default';
@statistic : 'default';


/* Import */

@elementTheme : @@element;

@import "themes/default/global.variables";
@import "themes/default/@{type}s/@{element}.variables";

@import "themes/@{theme}/global.variables";
@import "themes/@{elementTheme}/@{type}s/@{element}.variables";

@import "themes/user/global.variables";
@import "themes/user/@{type}s/@{element}.variables";

.loadUIOverrides() {
  @import "themes/@{elementTheme}/@{type}s/@{element}.overrides";
  @import "themes/user/@{type}s/@{element}.overrides";
}