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