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

     1  /*******************************
     2              Message
     3  *******************************/
     4  
     5  // @textColor
     6  
     7  /*-------------------
     8         Elements
     9  --------------------*/
    10  
    11  @verticalMargin: 1em;
    12  
    13  @verticalPadding: 1em;
    14  @horizontalPadding: 1.5em;
    15  
    16  @background: #EFEFEF;
    17  @lineHeight: 1.3;
    18  @lineHeightOffset: ((@lineHeight - 1em) / 2);
    19  
    20  @borderRadius: @defaultBorderRadius;
    21  @borderWidth: 1px;
    22  @borderShadow: 0px 0px 0px @borderWidth @borderColor inset;
    23  @shadowShadow: 0px 0px 0px 0px transparent;
    24  @boxShadow:
    25    @borderShadow,
    26    @shadowShadow
    27  ;
    28  
    29  @transition:
    30    opacity 0.2s ease,
    31    color 0.2s ease,
    32    background 0.2s ease,
    33    box-shadow 0.2s ease
    34  ;
    35  
    36  /* Header */
    37  @headerFontSize: 1.1em;
    38  @headerFontWeight: bold;
    39  @headerDisplay: block;
    40  @headerDistance: 0.5rem;
    41  @headerParagraphDistance: 0.25em;
    42  
    43  /* Paragraph */
    44  @messageTextOpacity: 0.85;
    45  @messageParagraphMargin: 0.75em;
    46  
    47  /* List */
    48  @listOpacity: 0.85;
    49  @listStylePosition: inside;
    50  @listMargin: 0.5em;
    51  @listItemIndent: 1em;
    52  @listItemMargin: 0.3em;
    53  
    54  /* Icon */
    55  @iconDistance: 0.6em;
    56  
    57  /* Close Icon */
    58  @closeTopDistance: (1em + @lineHeightOffset);
    59  @closeRightDistance: 0.5em;
    60  @closeOpacity: 0.7;
    61  
    62  
    63  /*-------------------
    64          Types
    65  --------------------*/
    66  
    67  /* Icon Message */
    68  @iconSize: 3em;
    69  @iconOpacity: 0.8;
    70  @iconContentDistance: 1.5rem;
    71  @iconVerticalAlign: middle;
    72  @circularIconContentDistance: 2em;
    73  
    74  /* Attached */
    75  @attachedXOffset: -1px;
    76  @attachedYOffset: -1px;
    77  @attachedBoxShadow: 0em 0em 0em @borderWidth rgba(0, 0, 0, 0.1) inset;
    78  @attachedBottomBoxShadow:
    79    @attachedBoxShadow,
    80    @subtleShadow
    81  ;
    82  
    83  /* Floating */
    84  @floatingShadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
    85  @floatingBoxShadow:
    86    @floatingShadow,
    87    @borderShadow
    88  ;