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

     1  /*******************************
     2              Comments
     3  *******************************/
     4  
     5  
     6  /*-------------------
     7         View
     8  --------------------*/
     9  
    10  @maxWidth: 650px;
    11  @margin: 1.5em 0em;
    12  
    13  /*-------------------
    14        Elements
    15  --------------------*/
    16  
    17  /* Comment */
    18  @commentBackground: none;
    19  @commentMargin: 0.5em 0em 0em;
    20  @commentPadding: 0.5em 0em 0em;
    21  @commentDivider: none;
    22  @commentBorder: none;
    23  @commentLineHeight: 1.2;
    24  @firstCommentMargin: 0em;
    25  @firstCommentPadding: 0em;
    26  
    27  /* Nested Comment */
    28  @nestedCommentsMargin: 0em 0em 0.5em 0.5em;
    29  @nestedCommentsPadding: 1em 0em 1em 1em;
    30  
    31  @nestedCommentDivider: none;
    32  @nestedCommentBorder: none;
    33  @nestedCommentBackground: none;
    34  
    35  /* Avatar */
    36  @avatarDisplay: block;
    37  @avatarFloat: left;
    38  @avatarWidth: 2.5em;
    39  @avatarHeight: auto;
    40  @avatarSpacing: 1em;
    41  @avatarMargin: (@commentLineHeight - 1em) 0em 0em;
    42  @avatarBorderRadius: 0.25rem;
    43  
    44  /* Content */
    45  @contentMargin: @avatarWidth + @avatarSpacing;
    46  
    47  /* Author */
    48  @authorFontSize: 1em;
    49  @authorColor: @textColor;
    50  @authorHoverColor: @linkHoverColor;
    51  @authorFontWeight: bold;
    52  
    53  /* Metadata */
    54  @metadataDisplay: inline-block;
    55  @metadataFontSize: 0.875em;
    56  @metadataSpacing: 0.5em;
    57  @metadataContentSpacing: 0.5em;
    58  @metadataColor: @lightTextColor;
    59  
    60  /* Text */
    61  @textFontSize: 1em;
    62  @textMargin: 0.25em 0em 0.5em;
    63  @textWordWrap: break-word;
    64  @textLineHeight: 1.3;
    65  
    66  /* Actions */
    67  @actionFontSize: 0.875em;
    68  @actionContentDistance: 0.75em;
    69  @actionLinkColor: @unselectedTextColor;
    70  @actionLinkHoverColor: @hoveredTextColor;
    71  
    72  /* Reply */
    73  @replyDistance: 1em;
    74  @replyHeight: 12em;
    75  @replyFontSize: 1em;
    76  
    77  @commentReplyDistance: @replyDistance;
    78  
    79  /*-------------------
    80        Variations
    81  --------------------*/
    82  
    83  /* Threaded */
    84  @threadedCommentMargin: -1.5em 0 -1em  (@avatarWidth / 2);
    85  @threadedCommentPadding: 3em 0em 2em 2.25em;
    86  @threadedCommentBoxShadow: -1px 0px 0px @borderColor;
    87  
    88  
    89  /* Minimal */
    90  @minimalActionPosition: absolute;
    91  @minimalActionTop: 0px;
    92  @minimalActionRight: 0px;
    93  @minimalActionLeft: auto;
    94  
    95  @minimalTransitionDelay: 0.1s;
    96  @minimalEasing: @defaultEasing;
    97  @minimalDuration: 0.2s;
    98  @minimalTransition: opacity @minimalDuration @minimalEasing;
    99  
   100  /* Sizes */
   101  @small: 0.9em;
   102  @medium: 1em;
   103  @large: 1.1em;
   104  @huge: 1.2em;