comment.variables
2.07 KB
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
/*******************************
Comments
*******************************/
/*-------------------
View
--------------------*/
@maxWidth: 650px;
@margin: 1.5em 0em;
/*-------------------
Elements
--------------------*/
/* Comment */
@commentBackground: none;
@commentMargin: 0.5em 0em 0em;
@commentPadding: 0.5em 0em 0em;
@commentDivider: none;
@commentBorder: none;
@commentLineHeight: 1.2;
@firstCommentMargin: 0em;
@firstCommentPadding: 0em;
/* Nested Comment */
@nestedCommentsMargin: 0em 0em 0.5em 0.5em;
@nestedCommentsPadding: 1em 0em 1em 1em;
@nestedCommentDivider: none;
@nestedCommentBorder: none;
@nestedCommentBackground: none;
/* Avatar */
@avatarDisplay: block;
@avatarFloat: left;
@avatarWidth: 2.5em;
@avatarHeight: auto;
@avatarSpacing: 1em;
@avatarMargin: (@commentLineHeight - 1em) 0em 0em;
@avatarBorderRadius: 0.25rem;
/* Content */
@contentMargin: @avatarWidth + @avatarSpacing;
/* Author */
@authorFontSize: 1em;
@authorColor: @textColor;
@authorHoverColor: @linkHoverColor;
@authorFontWeight: @bold;
/* Metadata */
@metadataDisplay: inline-block;
@metadataFontSize: 0.875em;
@metadataSpacing: 0.5em;
@metadataContentSpacing: 0.5em;
@metadataColor: @lightTextColor;
/* Text */
@textFontSize: 1em;
@textMargin: 0.25em 0em 0.5em;
@textWordWrap: break-word;
@textLineHeight: 1.3;
/* Actions */
@actionFontSize: 0.875em;
@actionContentDistance: 0.75em;
@actionLinkColor: @unselectedTextColor;
@actionLinkHoverColor: @hoveredTextColor;
/* Reply */
@replyDistance: 1em;
@replyHeight: 12em;
@replyFontSize: 1em;
@commentReplyDistance: @replyDistance;
/*-------------------
Variations
--------------------*/
/* Threaded */
@threadedCommentMargin: -1.5em 0 -1em (@avatarWidth / 2);
@threadedCommentPadding: 3em 0em 2em 2.25em;
@threadedCommentBoxShadow: -1px 0px 0px @borderColor;
/* Minimal */
@minimalActionPosition: absolute;
@minimalActionTop: 0px;
@minimalActionRight: 0px;
@minimalActionLeft: auto;
@minimalTransitionDelay: 0.1s;
@minimalEasing: @defaultEasing;
@minimalDuration: 0.2s;
@minimalTransition: opacity @minimalDuration @minimalEasing;