/*******************************

Item

*******************************/

/*——————-

View

——————–*/

/* Group */ @groupMargin: 1.5em 0em;

/* Item */ @display: table; @background: transparent; @borderRadius: 0rem; @minHeight: 0px; @padding: 0em; @width: 100%; @boxShadow: none; @border: none; @zIndex: ”; @transition: box-shadow @transitionDuration @transitionEasing;

/* Responsive */ @itemSpacing: 1em; @imageWidth: 175px; @contentImageDistance: 1.5em;

@tabletItemSpacing: 1em; @tabletImageWidth: 150px; @tabletContentImageDistance: 1em;

@mobileItemSpacing: 2em; @mobileImageWidth: auto; @mobileImageMaxHeight: 250px; @mobileContentImageDistance: 1.5em;

/*——————-

Content

——————–*/

/* Image */ @imageDisplay: table-cell; @imageFloat: none; @imageMaxHeight: ”; @imageVerticalAlign: top; @imageMargin: 0em; @imagePadding: 0em; @imageBorder: none; @imageBorderRadius: 0.125rem; @imageBoxShadow: none; @imageBorder: none;

/* Content */ @contentDisplay: table-cell; @contentVerticalAlign: top;

@contentOffset: 0em; @contentBackground: none; @contentMargin: 0em; @contentPadding: 0em; @contentFontSize: 1em; @contentBorder: none; @contentBorderRadius: 0em; @contentBoxShadow: none;

/* Header */ @headerMargin: -@lineHeightOffset 0em 0em; @headerFontWeight: bold; @headerFontSize: 1.2em; @headerColor: @darkTextColor;

/* Metadata */ @metaFontSize: 1em; @metaLineHeight: 1em; @metaSpacing: 0.3em; @metaColor: rgba(0, 0, 0, 0.6);

/* Icons */ @actionOpacity: 0.75; @actionHoverOpacity: 1; @actionTransition: color @transitionDuration @transitionEasing;

/* Actions */ @favoriteColor: FFB70A; @favoriteActiveColor: FFB70A; @likeColor: FF2733; @likeActiveColor: FF2733;

/* Links */ @headerLinkColor: @headerColor; @headerLinkHoverColor: @linkHoverColor; @metaLinkColor: @lightTextColor; @metaLinkHoverColor: @textColor; @contentLinkColor: ”; @contentLinkHoverColor: ”; @contentLinkTransition: color @transitionDuration @transitionEasing;

/* Description */ @descriptionDistance: 0.6em; @descriptionMaxWidth: 550px; @descriptionFontSize: 1em; @descriptionLineHeight: 1.33; @descriptionColor: @textColor;

/* Content Image */ @contentWidth: 100%; @contentImageWidth: 2em; @contentImageVerticalAlign: middle;

/* Avatar Image */ @avatarSize: @contentImageWidth; @avatarBorderRadius: @circularRadius;

/* Paragraph */ @paragraphDistance: 0.5em;

/* Additional Content */ @extraDivider: none; @extraHorizontalSpacing: 0.5rem; @extraRowSpacing: 0.5rem;

@extraBackground: none; @extraDisplay: block; @extraPosition: relative; @extraMargin: (1rem - @extraRowSpacing) 0em 0em; @extraTop: 0em; @extraLeft: 0em; @extraWidth: 100%; @extraPadding: 0em 0em 0em; @extraBoxShadow: none; @extraColor: @lightTextColor; @extraTransition: color @transitionDuration @transitionEasing;

/*——————-

Variations

——————–*/

/* Relaxed */ @relaxedItemSpacing: 1.5em; @veryRelaxedItemSpacing: 2em;

/* Divided */ @dividedBorder: 1px solid @borderColor; @dividedMargin: 0em; @dividedPadding: 1em 0em;

@dividedFirstLastMargin: 0em; @dividedFirstLastPadding: 0em;

/* Sizes */ @medium: 1em;