diff options
Diffstat (limited to 'semantic/src/definitions/views/comment.less')
| -rw-r--r-- | semantic/src/definitions/views/comment.less | 291 |
1 files changed, 0 insertions, 291 deletions
diff --git a/semantic/src/definitions/views/comment.less b/semantic/src/definitions/views/comment.less deleted file mode 100644 index fedf40e..0000000 --- a/semantic/src/definitions/views/comment.less +++ /dev/null @@ -1,291 +0,0 @@ -/*! - * # Fomantic-UI - Comment - * http://github.com/fomantic/Fomantic-UI/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - - -/******************************* - Theme -*******************************/ - -@type : 'view'; -@element : 'comment'; - -@import (multiple) '../../theme.config'; - -/******************************* - Standard -*******************************/ - - -/*-------------- - Comments ----------------*/ - -.ui.comments { - margin: @margin; - max-width: @maxWidth; -} - -.ui.comments:first-child { - margin-top: 0; -} -.ui.comments:last-child { - margin-bottom: 0; -} - -/*-------------- - Comment ----------------*/ - -.ui.comments .comment { - position: relative; - background: @commentBackground; - margin: @commentMargin; - padding: @commentPadding; - border: @commentBorder; - border-top: @commentDivider; - line-height: @commentLineHeight; -} -.ui.comments .comment:first-child { - margin-top: @firstCommentMargin; - padding-top: @firstCommentPadding; -} - - -/*-------------------- - Nested Comments ----------------------*/ - -.ui.comments .comment > .comments { - margin: @nestedCommentsMargin; - padding: @nestedCommentsPadding; -} -.ui.comments .comment > .comments:before{ - position: absolute; - top: 0; - left: 0; -} -.ui.comments .comment > .comments .comment { - border: @nestedCommentBorder; - border-top: @nestedCommentDivider; - background: @nestedCommentBackground; -} - -/*-------------- - Avatar ----------------*/ - -.ui.comments .comment .avatar { - display: @avatarDisplay; - width: @avatarWidth; - height: @avatarHeight; - float: @avatarFloat; - margin: @avatarMargin; -} -.ui.comments .comment img.avatar, -.ui.comments .comment .avatar img { - display: block; - margin: 0 auto; - width: 100%; - height: 100%; - border-radius: @avatarBorderRadius; -} - -/*-------------- - Content ----------------*/ - -.ui.comments .comment > .content { - display: block; -} -/* If there is an avatar move content over */ -.ui.comments .comment > .avatar ~ .content { - margin-left: @contentMargin; -} - -/*-------------- - Author ----------------*/ - -.ui.comments .comment .author { - font-size: @authorFontSize; - color: @authorColor; - font-weight: @authorFontWeight; -} -.ui.comments .comment a.author { - cursor: pointer; -} -.ui.comments .comment a.author:hover { - color: @authorHoverColor; -} - -/*-------------- - Metadata ----------------*/ - -.ui.comments .comment .metadata { - display: @metadataDisplay; - margin-left: @metadataSpacing; - color: @metadataColor; - font-size: @metadataFontSize; -} -.ui.comments .comment .metadata > * { - display: inline-block; - margin: 0 @metadataContentSpacing 0 0; -} -.ui.comments .comment .metadata > :last-child { - margin-right: 0; -} - -/*-------------------- - Comment Text ----------------------*/ - -.ui.comments .comment .text { - margin: @textMargin; - font-size: @textFontSize; - word-wrap: @textWordWrap; - color: @textColor; - line-height: @textLineHeight; -} - - -/*-------------------- - User Actions ----------------------*/ - -.ui.comments .comment .actions { - font-size: @actionFontSize; -} -.ui.comments .comment .actions a { - cursor: pointer; - display: inline-block; - margin: 0 @actionContentDistance 0 0; - color: @actionLinkColor; -} -.ui.comments .comment .actions a:last-child { - margin-right: 0; -} -.ui.comments .comment .actions a.active, -.ui.comments .comment .actions a:hover { - color: @actionLinkHoverColor; -} - -/*-------------------- - Reply Form ----------------------*/ - -.ui.comments > .reply.form { - margin-top: @replyDistance; -} -.ui.comments .comment .reply.form { - width: 100%; - margin-top: @commentReplyDistance; -} -.ui.comments .reply.form textarea { - font-size: @replyFontSize; - height: @replyHeight; -} - -/******************************* - State -*******************************/ - -.ui.collapsed.comments, -.ui.comments .collapsed.comments, -.ui.comments .collapsed.comment { - display: none; -} - - -/******************************* - Variations -*******************************/ - -& when (@variationCommentThreaded) { - /*-------------------- - Threaded - ---------------------*/ - - .ui.threaded.comments .comment > .comments { - margin: @threadedCommentMargin; - padding: @threadedCommentPadding; - box-shadow: @threadedCommentBoxShadow; - } -} - -& when (@variationCommentMinimal) { - /*-------------------- - Minimal - ---------------------*/ - - .ui.minimal.comments .comment .actions { - opacity: 0; - position: @minimalActionPosition; - top: @minimalActionTop; - right: @minimalActionRight; - left: @minimalActionLeft; - transition: @minimalTransition; - transition-delay: @minimalTransitionDelay; - } - .ui.minimal.comments .comment > .content:hover > .actions { - opacity: 1; - } -} - - -/*------------------- - Sizes ---------------------*/ - -.ui.comments { - font-size: @medium; -} -& when not (@variationCommentSizes = false) { - each(@variationCommentSizes, { - @s: @@value; - .ui.@{value}.comments { - font-size: @s; - } - }) -} - - -& when (@variationCommentInverted) { - /*------------------- - Inverted - --------------------*/ - .ui.inverted.comments .comment { - background-color: @black; - } - - .ui.inverted.comments .comment .author, - .ui.inverted.comments .comment .text { - color: @invertedTextColor; - } - - .ui.inverted.comments .comment .metadata, - .ui.inverted.comments .comment .actions a { - color: @invertedLightTextColor; - } - - .ui.inverted.comments .comment a.author:hover, - .ui.inverted.comments .comment .actions a.active, - .ui.inverted.comments .comment .actions a:hover { - color: @invertedHoveredTextColor; - } - & when (@variationCommentThreaded) { - .ui.inverted.threaded.comments .comment > .comments { - box-shadow: -1px 0 0 @solidWhiteBorderColor; - } - } -} - - -.loadUIOverrides(); |