@capillarytech/creatives-library 0.1.32 → 1.0.0

package/styles/vendor/semantic/src/definitions/views/comment.less

@@ -1,269 +0,0 @@
-/*!
- * # Semantic UI - Comment
- * http://github.com/semantic-org/semantic-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: 0em;
-}
-.ui.comments:last-child {
-  margin-bottom: 0em;
-}
-
-/*--------------
-     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: 0px;
-  left: 0px;
-}
-.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: 0em 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: 0em @metadataContentSpacing 0em 0em;
-}
-.ui.comments .comment .metadata > :last-child {
-  margin-right: 0em;
-}
-
-/*--------------------
-     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: 0em @actionContentDistance 0em 0em;
-  color: @actionLinkColor;
-}
-.ui.comments .comment .actions a:last-child {
-  margin-right: 0em;
-}
-.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
-*******************************/
-
-/*--------------------
-        Threaded
----------------------*/
-
-.ui.threaded.comments .comment .comments {
-  margin: @threadedCommentMargin;
-  padding: @threadedCommentPadding;
-  box-shadow: @threadedCommentBoxShadow;
-}
-
-/*--------------------
-        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.mini.comments {
-  font-size: @mini;
-}
-.ui.tiny.comments {
-  font-size: @tiny;
-}
-.ui.small.comments {
-  font-size: @small;
-}
-.ui.comments {
-  font-size: @medium;
-}
-.ui.large.comments {
-  font-size: @large;
-}
-.ui.big.comments {
-  font-size: @big;
-}
-.ui.huge.comments {
-  font-size: @huge;
-}
-.ui.massive.comments {
-  font-size: @massive;
-}
-
-
-.loadUIOverrides();

package/styles/vendor/semantic/src/definitions/views/feed.less

@@ -1,278 +0,0 @@
-/*!
- * # Semantic UI - Feed
- * http://github.com/semantic-org/semantic-ui/
- *
- *
- * Released under the MIT license
- * http://opensource.org/licenses/MIT
- *
- */
-
-/*******************************
-            Theme
-*******************************/
-
-@type    : 'view';
-@element : 'feed';
-
-@import (multiple) '../../theme.config';
-
-/*******************************
-         Activity Feed
-*******************************/
-
-.ui.feed {
-  margin: @margin;
-}
-.ui.feed:first-child {
-  margin-top: 0em;
-}
-.ui.feed:last-child {
-  margin-bottom: 0em;
-}
-
-
-/*******************************
-            Content
-*******************************/
-
-/* Event */
-.ui.feed > .event {
-  display: flex;
-  flex-direction: row;
-  width: @eventWidth;
-  padding: @eventPadding;
-  margin: @eventMargin;
-  background: @eventBackground;
-  border-top: @eventDivider;
-}
-.ui.feed > .event:first-child {
-  border-top: 0px;
-  padding-top: 0em;
-}
-.ui.feed > .event:last-child {
-  padding-bottom: 0em;
-}
-
-/* Event Label */
-.ui.feed > .event > .label {
-  display: block;
-  flex: 0 0 auto;
-  width: @labelWidth;
-  height: @labelHeight;
-  align-self: @labelAlignSelf;
-  text-align: @labelTextAlign;
-}
-.ui.feed > .event > .label .icon {
-  opacity: @iconLabelOpacity;
-  font-size: @iconLabelSize;
-  width: @iconLabelWidth;
-  padding: @iconLabelPadding;
-  background: @iconLabelBackground;
-  border: @iconLabelBorder;
-  border-radius: @iconLabelBorderRadius;
-  color: @iconLabelColor;
-}
-.ui.feed > .event > .label img {
-  width: @imageLabelWidth;
-  height: @imageLabelHeight;
-  border-radius: @imageLabelBorderRadius;
-}
-.ui.feed > .event > .label + .content {
-  margin: @labeledContentMargin;
-}
-
-/*--------------
-     Content
----------------*/
-
-/* Content */
-.ui.feed > .event > .content {
-  display: block;
-  flex: 1 1 auto;
-  align-self: @contentAlignSelf;
-  text-align: @contentTextAlign;
-  word-wrap: @contentWordWrap;
-}
-.ui.feed > .event:last-child > .content {
-  padding-bottom: @lastLabeledContentPadding;
-}
-
-/* Link */
-.ui.feed > .event > .content a {
-  cursor: pointer;
-}
-
-/*--------------
-      Date
----------------*/
-
-.ui.feed > .event > .content .date {
-  margin: @dateMargin;
-  padding: @datePadding;
-  color: @dateColor;
-  font-weight: @dateFontWeight;
-  font-size: @dateFontSize;
-  font-style: @dateFontStyle;
-  color: @dateColor;
-}
-
-/*--------------
-     Summary
----------------*/
-
-.ui.feed > .event > .content .summary {
-  margin: @summaryMargin;
-  font-size: @summaryFontSize;
-  font-weight: @summaryFontWeight;
-  color: @summaryColor;
-}
-
-/* Summary Image */
-.ui.feed > .event > .content .summary img {
-  display: inline-block;
-  width: @summaryImageWidth;
-  height: @summaryImageHeight;
-  margin: @summaryImageMargin;
-  border-radius: @summaryImageBorderRadius;
-  vertical-align: @summaryImageVerticalAlign;
-}
-/*--------------
-      User
----------------*/
-
-.ui.feed > .event > .content .user {
-  display: inline-block;
-  font-weight: @userFontWeight;
-  margin-right: @userDistance;
-  vertical-align: baseline;
-}
-.ui.feed > .event > .content .user img {
-  margin: @userImageMargin;
-  width: @userImageWidth;
-  height: @userImageHeight;
-  vertical-align: @userImageVerticalAlign;
-}
-/*--------------
-   Inline Date
----------------*/
-
-/* Date inside Summary */
-.ui.feed > .event > .content .summary > .date {
-  display: @summaryDateDisplay;
-  float: @summaryDateFloat;
-  font-weight: @summaryDateFontWeight;
-  font-size: @summaryDateFontSize;
-  font-style: @summaryDateFontStyle;
-  margin: @summaryDateMargin;
-  padding: @summaryDatePadding;
-  color: @summaryDateColor;
-}
-
-/*--------------
-  Extra Summary
----------------*/
-
-.ui.feed > .event > .content .extra {
-  margin: @extraMargin;
-  background: @extraBackground;
-  padding: @extraPadding;
-  color: @extraColor;
-}
-
-/* Images */
-.ui.feed > .event > .content .extra.images img {
-  display: inline-block;
-  margin: @extraImageMargin;
-  width: @extraImageWidth;
-}
-
-/* Text */
-.ui.feed > .event > .content .extra.text {
-  padding: @extraTextPadding;
-  border-left: @extraTextPointer;
-  font-size: @extraTextFontSize;
-  max-width: @extraTextMaxWidth;
-  line-height: @extraTextLineHeight;
-}
-
-/*--------------
-      Meta
----------------*/
-
-.ui.feed > .event > .content .meta {
-  display: @metadataDisplay;
-  font-size: @metadataFontSize;
-  margin: @metadataMargin;
-  background: @metadataBackground;
-  border: @metadataBorder;
-  border-radius: @metadataBorderRadius;
-  box-shadow: @metadataBoxShadow;
-  padding: @metadataPadding;
-  color: @metadataColor;
-}
-
-.ui.feed > .event > .content .meta > * {
-  position: relative;
-  margin-left: @metadataElementSpacing;
-}
-.ui.feed > .event > .content .meta > *:after {
-  content: @metadataDivider;
-  color: @metadataDividerColor;
-  top: 0em;
-  left: @metadataDividerOffset;
-  opacity: 1;
-  position: absolute;
-  vertical-align: top;
-}
-
-.ui.feed > .event > .content .meta .like {
-  color: @likeColor;
-  transition: @likeTransition;
-}
-.ui.feed > .event > .content .meta .like:hover .icon {
-  color: @likeHoverColor;
-}
-.ui.feed > .event > .content .meta .active.like .icon {
-  color: @likeActiveColor;
-}
-
-/* First element */
-.ui.feed > .event > .content .meta > :first-child {
-  margin-left: 0em;
-}
-.ui.feed > .event > .content .meta > :first-child::after {
-  display: none;
-}
-
-/* Action */
-.ui.feed > .event > .content .meta a,
-.ui.feed > .event > .content .meta > .icon {
-  cursor: @metadataActionCursor;
-  opacity: @metadataActionOpacity;
-  color: @metadataActionColor;
-  transition: @metadataActionTransition;
-}
-.ui.feed > .event > .content .meta a:hover,
-.ui.feed > .event > .content .meta a:hover .icon,
-.ui.feed > .event > .content .meta > .icon:hover {
-  color: @metadataActionHoverColor;
-}
-
-
-
-/*******************************
-            Variations
-*******************************/
-
-.ui.small.feed {
-  font-size: @small;
-}
-.ui.feed {
-  font-size: @medium;
-}
-.ui.large.feed {
-  font-size: @large;
-}
-
-.loadUIOverrides();