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

     1  /*******************************
     2             Accordion
     3  *******************************/
     4  
     5  @fontSize: 1em;
     6  @boxShadow: none;
     7  
     8  /* Title */
     9  @titleFont: @headerFont;
    10  @titlePadding: 0.5em 0em;
    11  @titleFontSize: 1em;
    12  @titleColor: @textColor;
    13  
    14  /* Icon */
    15  @iconOpacity: 1;
    16  @iconFontSize: 1em;
    17  @iconFloat: none;
    18  @iconWidth: 1.25em;
    19  @iconHeight: 1em;
    20  @iconDisplay: inline-block;
    21  @iconMargin: 0em 0.25rem 0em 0rem;
    22  @iconPadding: 0em;
    23  @iconTransition:
    24    transform @transitionDuration @transitionEasing,
    25    opacity @transitionDuration @transitionEasing
    26  ;
    27  @iconVerticalAlign: baseline;
    28  @iconTransform: none;
    29  
    30  /* Child Accordion */
    31  @childAccordionMargin: 1em 0em 0em;
    32  @childAccordionPadding: 0em;
    33  
    34  /* Content */
    35  @contentMargin: 0em;
    36  @contentPadding: 0.5em 0em 1em;
    37  
    38  /*-------------------
    39         Coupling
    40  --------------------*/
    41  
    42  @menuTitlePadding: 0em;
    43  @menuIconFloat: right;
    44  @menuIconMargin: @lineHeightOffset 0em 0em 1em;
    45  @menuIconTransform: rotate(180deg);
    46  
    47  
    48  /*-------------------
    49         States
    50  --------------------*/
    51  
    52  @activeIconTransform: rotate(90deg);
    53  
    54  /*-------------------
    55        Variations
    56  --------------------*/
    57  
    58  /* Styled */
    59  @styledWidth: 600px;
    60  @styledBackground: @white;
    61  @styledBorderRadius: @defaultBorderRadius;
    62  @styledBoxShadow:
    63    @subtleShadow,
    64    0px 0px 0px 1px @borderColor
    65  ;
    66  
    67  /* Content */
    68  @styledContentMargin: 0em;
    69  @styledContentPadding: 0.5em 1em 1.5em;
    70  
    71  /* Child Content */
    72  @styledChildContentMargin: 0em;
    73  @styledChildContentPadding: @styledContentPadding;
    74  
    75  /* Styled Title */
    76  @styledTitleMargin: 0em;
    77  @styledTitlePadding: 0.75em 1em;
    78  @styledTitleFontWeight: bold;
    79  @styledTitleColor: @unselectedTextColor;
    80  @styledTitleTransition: background-color @transitionDuration @transitionEasing;
    81  @styledTitleBorder: 1px solid @borderColor;
    82  @styledTitleTransition:
    83    background @transitionDuration @transitionEasing,
    84    color @transitionDuration @transitionEasing
    85  ;
    86  
    87  /* Styled Title States */
    88  @styledTitleHoverBackground: transparent;
    89  @styledTitleHoverColor: @textColor;
    90  @styledActiveTitleBackground: transparent;
    91  @styledActiveTitleColor: @selectedTextColor;
    92  
    93  /* Styled Child Title States */
    94  @styledHoverChildTitleBackground: @styledTitleHoverBackground;
    95  @styledHoverChildTitleColor: @styledTitleHoverColor;
    96  @styledActiveChildTitleBackground: @styledActiveTitleBackground;
    97  @styledActiveChildTitleColor: @styledActiveTitleColor;
    98  
    99  /* Inverted */
   100  @invertedTitleColor: @invertedTextColor;
   101