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

     1  /*******************************
     2               Feed
     3  *******************************/
     4  
     5  /*-------------------
     6          Feed
     7  --------------------*/
     8  
     9  @margin: 1em 0em;
    10  
    11  /*-------------------
    12        Elements
    13  --------------------*/
    14  
    15  /* Event */
    16  @eventDisplay: table;
    17  @eventWidth: 100%;
    18  @eventPadding: 0.5rem 0em;
    19  @eventMargin: 0em;
    20  @eventBackground: none;
    21  @eventDivider: none;
    22  
    23  /* Event Label */
    24  @labelDisplay: table-cell;
    25  @labelWidth: 2.5em;
    26  @labelHeight: 2.5em;
    27  @labelVerticalAlign: top;
    28  @labelTextAlign: left;
    29  
    30  /* Icon Label */
    31  @iconLabelOpacity: 1;
    32  @iconLabelWidth: 100%;
    33  @iconLabelSize: 1.5em;
    34  @iconLabelPadding: 0.25em;
    35  @iconLabelBackground: none;
    36  @iconLabelBorderRadius: none;
    37  @iconLabelBorder: none;
    38  @iconLabelColor: rgba(0, 0, 0, 0.6);
    39  
    40  /* Image Label */
    41  @imageLabelWidth: 100%;
    42  @imageLabelHeight: auto;
    43  @imageLabelBorderRadius: @circularRadius;
    44  
    45  /* Content w/ Label */
    46  @labeledContentPadding: 0.5em 0em 0.5em 1.25em;
    47  @lastLabeledContentPadding: 0em;
    48  
    49  /* Content */
    50  @contentDisplay: table-cell;
    51  @contentVerticalAlign: top;
    52  @contentTextAlign: left;
    53  @contentWordWrap: break-word;
    54  
    55  /* Date */
    56  @dateMargin: -0.5rem 0em 0em;
    57  @datePadding: 0em;
    58  @dateColor: @lightTextColor;
    59  @dateFontSize: 1em;
    60  @dateFontWeight: normal;
    61  @dateFontStyle: normal;
    62  
    63  /* Summary */
    64  @summaryMargin: 0em;
    65  @summaryFontSize: 1em;
    66  @summaryFontWeight: bold;
    67  @summaryColor: @textColor;
    68  
    69  /* Summary Image */
    70  @summaryImageWidth: auto;
    71  @summaryImageHeight: 2em;
    72  @summaryImageMargin: -0.25em 0.25em 0em 0em;
    73  @summaryImageVerticalAlign: middle;
    74  @summaryImageBorderRadius: 0.25em;
    75  
    76  /* Summary Date */
    77  @summaryDateDisplay: inline-block;
    78  @summaryDateFloat: none;
    79  @summaryDateMargin: 0em 0em 0em 0.5em;
    80  @summaryDatePadding: 0em;
    81  @summaryDateFontSize: 0.875em;
    82  @summaryDateFontWeight: @dateFontWeight;
    83  @summaryDateFontStyle: @dateFontStyle;
    84  @summaryDateColor: @dateColor;
    85  
    86  /* User */
    87  @userFontWeight: bold;
    88  @userDistance: 0em;
    89  @userImageWidth: @summaryImageWidth;
    90  @userImageHeight: @summaryImageHeight;
    91  @userImageMargin: @summaryImageMargin;
    92  @userImageVerticalAlign: @summaryImageVerticalAlign;
    93  
    94  /* Extra Summary Data */
    95  @extraMargin: 0.5em 0em 0em;
    96  @extraBackground: none;
    97  @extraPadding: 0em;
    98  @extraColor: @textColor;
    99  
   100  /* Extra Images */
   101  @extraImageMargin: 0em 0.25em 0em 0em;
   102  @extraImageWidth: 6em;
   103  
   104  /* Extra Text */
   105  @extraTextPadding: 0.5em 1em;
   106  @extraTextPointer: 3px solid rgba(0, 0, 0, 0.2);
   107  @extraTextFontSize: 1em;
   108  @extraTextLineHeight: 1.33;
   109  @extraTextMaxWidth: 500px;
   110  
   111  /* Metadata Group */
   112  @metadataDisplay: inline-block;
   113  @metadataFontSize: 0.875em;
   114  @metadataMargin: 0.5em 0em 0em;
   115  @metadataBackground: none;
   116  @metadataBorder: none;
   117  @metadataBorderRadius: 0;
   118  @metadataBoxShadow: none;
   119  @metadataPadding: 0em;
   120  @metadataColor: rgba(0, 0, 0, 0.6);
   121  
   122  @metadataElementSpacing: 0.75em;
   123  
   124  /* Like */
   125  @likeColor: '';
   126  @likeHoverColor: #FF2733;
   127  @likeActiveColor: #EF404A;
   128  @likeTransition: 0.2s color ease;
   129  
   130  /* Metadata Divider */
   131  @metadataDivider: '';
   132  @metadataDividerColor: rgba(0, 0, 0, 0.2);
   133  @metadataDividerOffset: -1em;
   134  
   135  @metadataActionCursor: pointer;
   136  @metadataActionOpacity: 1;
   137  @metadataActionColor: rgba(0, 0, 0, 0.5);
   138  @metadataActionTransition: color @transitionDuration @transitionEasing;
   139  
   140  @metadataActionHoverColor: @selectedTextColor;
   141  
   142  /*-------------------
   143        Variations
   144  --------------------*/
   145  
   146  /* Size */
   147  @small: 0.9em;
   148  @medium: 1em;
   149  @large: 1.1em;