SemanSemantic-UItic-UI/build/less/themes/packages/default/views/statistic.variables

/*******************************
           Statistic
*******************************/

/*-------------------
         View
--------------------*/

@display: inline-block;
@margin: 1em 0em;
@textAlign: center;
@maxWidth: 175px;

/* Group */
@groupDisplay: block;
@groupMargin: 1em -@horizontalSpacing;
@horizontalSpacing: 1em;
@rowSpacing: 2em;

/* Group Element */
@elementFloat: left;
@elementDisplay: block;
@elementMargin: 0em @horizontalSpacing @rowSpacing;
@elementMaxWidth: 175px;

/*-------------------
       Content
--------------------*/

/* Value */
@valueFont: @pageFont;
@valueFontWeight: normal;
@valueLineHeight: 1em;
@valueColor: @black;
@valueTextTransform: uppercase;

/* Label */
@labelSize: 1rem;
@topLabelDistance: 0rem;
@bottomLabelDistance: 0.25rem;
@labelFont: @headerFont;
@labelFontWeight: normal;
@labelColor: @unselectedTextColor;
@labelLineHeight: 1.33em;
@labelTextTransform: none;

/* Text */
@textLabelLineHeight: 1em;
@textLabelMinHeight: 2em;

/* Label Image */
@imageHeight: 3rem;
@imageVerticalAlign: baseline;

/*-------------------
      Types
--------------------*/

@horizontalGroupElementMargin: 1em 0em;
@horizontalLabelDistance: 0.75em;

/*-------------------
      Variations
--------------------*/

/* Floated */
@leftFloatedMargin: 0em 2em 1em 0em;
@rightFloatedMargin: 0em 0em 1em 2em;

/* Inverted */
@invertedValueColor: @invertedTextColor;
@invertedLabelColor: @invertedLightTextColor;

/* Size */
@miniValueSize: 1.5rem;
@miniTextLabelSize: 1rem;
@miniHorizontalValueSize: 1.5rem;

@tinyValueSize: 2rem;
@tinyTextLabelSize: 1rem;
@tinyHorizontalValueSize: 2rem;

@smallValueSize: 3rem;
@smallTextLabelSize: 1.5rem;
@smallHorizontalValueSize: 2rem;

@valueSize: 4rem;
@textLabelSize: 2rem;
@horizontalValueSize: 3rem;

@largeValueSize: 5rem;
@largeTextLabelSize: 2.5rem;
@largeHorizontalValueSize: 4rem;

@hugeValueSize: 6rem;
@hugeTextLabelSize: 2.5rem;
@hugeHorizontalValueSize: 5rem;