/*******************************
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;