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

     1  /*******************************
     2               Step
     3  *******************************/
     4  
     5  /*-------------------
     6        Element
     7  --------------------*/
     8  
     9  @verticalMargin: 0em;
    10  @horizontalMargin: 0em;
    11  
    12  @arrowSize: 1.5em;
    13  @verticalPadding: 0.9285em;
    14  @horizontalPadding: 1.5em;
    15  @leftPadding: @horizontalPadding + (@arrowSize / 2);
    16  
    17  @transition:
    18    background-color @transitionDuration @transitionEasing,
    19    opacity @transitionDuration @transitionEasing,
    20    color @transitionDuration @transitionEasing,
    21    box-shadow @transitionDuration @transitionEasing
    22  ;
    23  @borderRadius: @defaultBorderRadius;
    24  @lineHeight: 1.142rem;
    25  
    26  @backgroundColor: #FFFFFF;
    27  @background: @backgroundColor;
    28  @borderRadius: 0em;
    29  @boxShadow: 0px 0px 0px 1px @solidBorderColor;
    30  
    31  /* Icon */
    32  @iconDistance: 0.6em;
    33  @iconSize: 2em;
    34  @iconVerticalAlign: middle;
    35  
    36  /* Title */
    37  @titleFontFamily: @headerFont;
    38  @titleFontWeight: bold;
    39  @titleFontSize: 1.0714em;
    40  @titleColor: @darkTextColor;
    41  
    42  /* Description */
    43  @descriptionDistance: 0.1em;
    44  @descriptionFontSize: 0.9285em;
    45  @descriptionFontWeight: normal;
    46  @descriptionColor: @textColor;
    47  
    48  
    49  /* Arrow */
    50  @arrowBackgroundColor: @backgroundColor;
    51  @arrowTopOffset: 50%;
    52  @arrowRightOffset: 0em;
    53  @arrowBorderColor: @borderColor;
    54  
    55  
    56  /*-------------------
    57         Group
    58  --------------------*/
    59  
    60  @stepsBorderRadius: @defaultBorderRadius;
    61  @stepsBackground: '';
    62  @stepsBoxShadow: '';
    63  
    64  /*-------------------
    65        Variations
    66  --------------------*/
    67  
    68  @attachedTopMargin: 0em;
    69  @attachedBottomMargin: -1px 0em 0em;
    70  
    71  /*-------------------
    72         States
    73  --------------------*/
    74  
    75  /* Completed */
    76  @completedColor: @positiveColor;
    77  
    78  /* Hover */
    79  @hoverBackground: #FAFAFA;
    80  @hoverColor: @hoveredTextColor;
    81  
    82  /* Down */
    83  @downBackground: #F0F0F0;
    84  @downColor: @pressedTextColor;
    85  
    86  /* Active */
    87  @activeBackground: #F0F0F0;
    88  @activeColor: @linkColor;
    89  @activeIconColor: @darkTextColor;
    90  
    91  /* Active + Hover */
    92  @activeHoverBackground: #ECECEC;
    93  @activeHoverColor: @textColor;
    94  
    95  
    96  /* Disabled */
    97  @disabledBackground: @white;
    98  @disabledColor: @disabledTextColor;