github.com/fanux/shipyard@v0.0.0-20161009071005-6515ce223235/controller/static/semantic/src/themes/default/views/statistic.variables (about)

     1  /*******************************
     2             Statistic
     3  *******************************/
     4  
     5  /*-------------------
     6           View
     7  --------------------*/
     8  
     9  @display: inline-block;
    10  @margin: 1em 0em;
    11  @textAlign: center;
    12  @maxWidth: 175px;
    13  
    14  /* Group */
    15  @groupDisplay: block;
    16  @groupMargin: 1em -@horizontalSpacing;
    17  @horizontalSpacing: 1em;
    18  @rowSpacing: 2em;
    19  
    20  /* Group Element */
    21  @elementFloat: left;
    22  @elementDisplay: block;
    23  @elementMargin: 0em @horizontalSpacing @rowSpacing;
    24  @elementMaxWidth: 175px;
    25  
    26  /*-------------------
    27         Content
    28  --------------------*/
    29  
    30  /* Value */
    31  @valueFont: @pageFont;
    32  @valueFontWeight: normal;
    33  @valueLineHeight: 1em;
    34  @valueColor: @black;
    35  @valueTextTransform: uppercase;
    36  
    37  /* Label */
    38  @labelSize: 1rem;
    39  @topLabelDistance: 0rem;
    40  @bottomLabelDistance: 0.25rem;
    41  @labelFont: @headerFont;
    42  @labelFontWeight: normal;
    43  @labelColor: @unselectedTextColor;
    44  @labelLineHeight: 1.33em;
    45  @labelTextTransform: none;
    46  
    47  /* Text */
    48  @textLabelLineHeight: 1em;
    49  @textLabelMinHeight: 2em;
    50  
    51  /* Label Image */
    52  @imageHeight: 3rem;
    53  @imageVerticalAlign: baseline;
    54  
    55  /*-------------------
    56        Types
    57  --------------------*/
    58  
    59  @horizontalGroupElementMargin: 1em 0em;
    60  @horizontalLabelDistance: 0.75em;
    61  
    62  /*-------------------
    63        Variations
    64  --------------------*/
    65  
    66  /* Floated */
    67  @leftFloatedMargin: 0em 2em 1em 0em;
    68  @rightFloatedMargin: 0em 0em 1em 2em;
    69  
    70  /* Inverted */
    71  @invertedValueColor: @invertedTextColor;
    72  @invertedLabelColor: @invertedLightTextColor;
    73  
    74  /* Size */
    75  @miniValueSize: 1.5rem;
    76  @miniTextLabelSize: 1rem;
    77  @miniHorizontalValueSize: 1.5rem;
    78  
    79  @tinyValueSize: 2rem;
    80  @tinyTextLabelSize: 1rem;
    81  @tinyHorizontalValueSize: 2rem;
    82  
    83  @smallValueSize: 3rem;
    84  @smallTextLabelSize: 1.5rem;
    85  @smallHorizontalValueSize: 2rem;
    86  
    87  @valueSize: 4rem;
    88  @textLabelSize: 2rem;
    89  @horizontalValueSize: 3rem;
    90  
    91  @largeValueSize: 5rem;
    92  @largeTextLabelSize: 2.5rem;
    93  @largeHorizontalValueSize: 4rem;
    94  
    95  @hugeValueSize: 6rem;
    96  @hugeTextLabelSize: 2.5rem;
    97  @hugeHorizontalValueSize: 5rem;