.App(@rules) {
  .tile, [tile] {
    [@{appName}], .@{appName} {
      @rules();
    }
  }
}



.Themes(@rules) {
  @rules();
  //
  //.theme-@{zazu-theme-default}& {
  //  @theme-color: @zazu-white;
  //  @theme-text-color: rgba(0, 0, 0, .8);
  //  @rules();
  //}
  //.theme-@{zazu-theme-primary}& {
  //  @theme-color: @zazu-color;
  //  @theme-text-color: @zazu-text-color;
  //  @rules();
  //}
  //.theme-@{zazu-theme-accent}& {
  //  @theme-color: @zazu-color-accent;
  //  @theme-text-color: @zazu-text-color-accent;
  //  @rules();
  //}
}

.Theme(@theme: default, @rules) {
  //@has-theme: @theme;
  //.theme-@{theme}& {
    @rules();
  //}
}

.Theme-Dashboard(@rules) {
  html, body {
    @rules();
  }
}

.Theme-App(@rules) {
  .app {
    @rules();
  }
}

.Theme-AppHeader(@rules) {
  .app-header {
    @rules();
  }
}

.Theme-AppContent(@rules) {
  .app-content {
    @rules();
  }
}

.Centered(){
  .app-content {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
}