diff options
Diffstat (limited to 'semantic/src/themes/default/views/item.variables')
| -rw-r--r-- | semantic/src/themes/default/views/item.variables | 186 |
1 files changed, 0 insertions, 186 deletions
diff --git a/semantic/src/themes/default/views/item.variables b/semantic/src/themes/default/views/item.variables deleted file mode 100644 index c0dd364..0000000 --- a/semantic/src/themes/default/views/item.variables +++ /dev/null @@ -1,186 +0,0 @@ -/******************************* - Item -*******************************/ - -/*------------------- - View ---------------------*/ - -/* Group */ -@groupMargin: 1.5em 0; - -/* Item */ -@display: flex; -@background: transparent; -@borderRadius: 0; -@minHeight: 0; -@padding: 0; -@width: 100%; -@boxShadow: none; -@border: none; -@zIndex: ''; -@transition: box-shadow @defaultDuration @defaultEasing; - -/* 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: block; -@imageFloat: none; -@imageMaxHeight: ''; -@imageVerticalAlign: start; -@imageMargin: 0; -@imagePadding: 0; -@imageBorder: none; -@imageBorderRadius: 0.125rem; -@imageBoxShadow: none; -@imageBorder: none; - -/* Content */ -@contentDisplay: block; -@contentVerticalAlign: start; - -@contentWidth: auto; -@contentOffset: 0; -@contentBackground: none; -@contentMargin: 0; -@contentPadding: 0; -@contentFontSize: 1em; -@contentBorder: none; -@contentBorderRadius: 0; -@contentBoxShadow: none; -@contentColor: @textColor; - -/* Header */ -@headerMargin: -@lineHeightOffset 0 0; -@headerFontWeight: @bold; -@headerFontSize: @relativeBig; -@headerColor: @darkTextColor; - -/* Metadata */ -@metaMargin: 0.5em 0 0.5em; -@metaFontSize: 1em; -@metaLineHeight: 1em; -@metaSpacing: 0.3em; -@metaColor: rgba(0, 0, 0, 0.6); - -/* Icons */ -@actionOpacity: 0.75; -@actionHoverOpacity: 1; -@actionTransition: color @defaultDuration @defaultEasing; - -/* Actions */ -@favoriteColor: #FFB70A; -@favoriteActiveColor: #FFE623; -@likeColor: #FF2733; -@likeActiveColor: #FF2733; - -/* Links */ -@headerLinkColor: @headerColor; -@headerLinkHoverColor: @linkHoverColor; -@metaLinkColor: @lightTextColor; -@metaLinkHoverColor: @textColor; -@contentLinkColor: ''; -@contentLinkHoverColor: ''; -@contentLinkTransition: color @defaultDuration @defaultEasing; - - -/* Description */ -@descriptionDistance: 0.6em; -@descriptionMaxWidth: auto; -@descriptionFontSize: 1em; -@descriptionLineHeight: @lineHeight; -@descriptionColor: @textColor; - -/* Content Image */ -@contentImageWidth: ''; -@contentImageVerticalAlign: center; - -/* 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) 0 0; -@extraTop: 0; -@extraLeft: 0; -@extraWidth: 100%; -@extraPadding: 0 0 0; -@extraBoxShadow: none; -@extraColor: @lightTextColor; -@extraTransition: color @defaultDuration @defaultEasing; - -/*------------------- - Variations ---------------------*/ - -/* Relaxed */ -@relaxedItemSpacing: 1.5em; -@veryRelaxedItemSpacing: 2em; - -/* Divided */ -@dividedBorder: 1px solid @borderColor; -@dividedMargin: 0; -@dividedPadding: 1em 0; - -@dividedFirstLastMargin: 0; -@dividedFirstLastPadding: 0; - - -/* Unstackable */ -@unstackableMobileImageWidth: 125px; - -/* Inverted */ -@invertedBackground: @background; -@invertedContentBackground: @contentBackground; -@invertedExtraBackground: @extraBackground; -@invertedHeaderColor: @invertedTextColor; -@invertedHeaderLinkColor: @invertedHeaderColor; -@invertedHeaderLinkHoverColor: @invertedHoveredTextColor; -@invertedMetaLinkColor: @invertedLightTextColor; -@invertedMetaLinkHoverColor: @invertedTextColor; -@invertedContentColor: @invertedTextColor; -@invertedContentLinkColor: lighten(saturate(@linkColor, 30), 25, relative); -@invertedContentLinkHoverColor: @linkColor; -@invertedExtraColor: @invertedLightTextColor; -@invertedDescriptionColor: @invertedTextColor; -@invertedMetaColor: rgba(255, 255, 255, 0.8); -@invertedLikeColor: lighten(@likeColor,10); -@invertedLikeActiveColor: lighten(@likeActiveColor,10); -@invertedFavoriteColor: lighten(@favoriteColor,10); -@invertedFavoriteActiveColor: lighten(@favoriteActiveColor,10); -@invertedDividedBorder: 1px solid @whiteBorderColor; - -@miniItemSize: @relativeMini; -@tinyItemSize: @relativeTiny; -@smallItemSize: @relativeSmall; -@largeItemSize: @relativeLarge; -@bigItemSize: @relativeBig; -@hugeItemSize: @relativeHuge; -@massiveItemSize: @relativeMassive; |