/**
 * EGroupware: Stylite Pixelegg template
 *
 * Please do NOT change css-files directly, instead change less-files and compile them!
 *
 * @link http://www.egroupware.org
 * @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
 * @author Stefan Reinhard <stefan.reinhard@pixelegg.de>
 * @package pixelegg
 * @version $Id: pixelegg.less 3017 2014-04-15 08:35:38Z ralfbecker $

## Definitions of used dimensions in images, buttons and stuff

 */
@import "definitions.less";

  /*Icon Buttons   ##################  */
  @mass_xxs : 8px;
  @mass_xs : 12px;
  @mass_s  : 16px;
  @mass_sm  : 20px;
  @mass_m  : 24px;
  @mass_l  : 32px;
  @mass_xl : 40px;
  @mass_xxl: 48px;


/* ##############
 #  big Icon    #
 #              #
 #  32 x 32     #
 #              #
 #              #
 ################*/
.dimension_width_height_xl{width: @mass_xl; height: @mass_xl;}
.dimension_width_height_l{width: @mass_l; height: @mass_l;}
.dimension_width_height_m{width: @mass_m; height: @mass_m;}
.dimension_width_height_sm{width: @mass_sm; height: @mass_sm;}
.dimension_width_height_s{width: @mass_s; height: @mass_s;}
.dimension_width_height_xs{width: @mass_xs; height: @mass_xs;}
.dimension_width_height_xxs{width: @mass_xxs; height: @mass_xxs;}

/* only Buttons   ##################  */

/* ##########################
 #  big Button              #
 #                          #
 #                          #
 #                          #
 #  N x 32                  #
 ############################*/

.dimension_height_xxl{ height: @mass_xxl;}
.dimension_height_xl{ height: @mass_xl;}
.dimension_height_l{ height: @mass_l;}
.dimension_height_m{ height: @mass_m;}
.dimension_height_sm{ height: @mass_sm;}
.dimension_height_s{ height: @mass_s;}
.dimension_height_xs{ height: @mass_xs;}
.dimension_height_xxs{ height: @mass_xxs;}