Krautspace/calcifer
Archived
2
0
Fork 0
Code Issues 11 Pull requests 2 Activity

Update Semantic to 2.1

Browse source 
Ticket #56
This commit is contained in:
Tim Schumacher 2016-06-10 00:34:34 +02:00
parent 3f1e728781
commit 4385f1acbc
425 changed files with 59924 additions and 37200 deletions
Download patch file Download diff file Expand all files Collapse all files

89
web/semantic/src/themes/default/elements/list.variables
View file

@ -13,44 +13,42 @@
@verticalPadding: 0em;
@horizontalPadding: 0em;
/* List Item */
@itemVerticalPadding: @relative3px;
@itemHorizontalPadding: 0em;
@itemPadding: @itemVerticalPadding @itemHorizontalPadding;
@itemLineHeight: @relativeLarge;
/* Sub List */
@childListPadding: 0.75em 0em 0.25em 0.5em;
@childListIndent: 1em;
/* List Item */
@itemVerticalPadding: 0.3em;
@itemHorizontalPadding: 0em;
@itemLineHeight: 1.2;
/* Sub List Item */
@childItemVerticalPadding: @relative2px;
@childItemHorizontalPadding: 0em;
@childItemPadding: @childItemVerticalPadding @childItemHorizontalPadding;
@childItemLineHeight: inherit;
/*-------------------
Elements
--------------------*/
/* Icon */
@iconDistance: 0.3em;
@iconDistance: @relative4px;
@iconOffset: ((@itemLineHeight - 1rem) / 2);
@iconTransition: color 0.2s ease;
@iconTransition: color @defaultDuration @defaultEasing;
@iconVerticalAlign: top;
@iconContentVerticalAlign: middle;
@iconContentVerticalAlign: top;
/* Image */
@imageDistance: 0.5em;
@imageAlign: middle;
@imageAlign: top;
/* Content */
@contentDistance: 0.5em;
@contentLineHeight: 1.2em;
@contentLineHeight: @itemLineHeight;
@contentLineHeightOffset: (@contentLineHeight - 1em) / 2;
@contentVerticalAlign: middle;
/* Link */
@itemLinkColor: @textColor;
@itemLinkHoverColor: @linkHoverColor;
/* Linked Icon */
@itemLinkIconColor: @lightTextColor;
@itemLinkIconHoverColor: @textColor;
@invertedIconLinkColor: @invertedLightTextColor;
@contentVerticalAlign: top;
/* Header */
@itemHeaderFontFamily: @headerFont;
@ -58,7 +56,20 @@
@itemHeaderColor: @textColor;
/* Description */
@itemDescriptionColor: @textColor;
@itemDescriptionColor: rgba(0, 0, 0, 0.7);
/* Link */
@itemLinkColor: @linkColor;
@itemLinkHoverColor: @linkHoverColor;
/* Header Link */
@itemHeaderLinkColor: @itemLinkColor;
@itemHeaderLinkHoverColor: @itemLinkHoverColor;
/* Linked Icon */
@itemLinkIconColor: @lightTextColor;
@itemLinkIconHoverColor: @textColor;
@invertedIconLinkColor: @invertedLightTextColor;
/*-------------------
States
@ -79,6 +90,7 @@
/* Horizontal */
@horizontalSpacing: 1em;
@horizontalIconDistance: 0.25em;
@horizontalVerticalAlign: middle;
/* Inverted */
@invertedListIconColor: @invertedLightTextColor;
@ -93,7 +105,7 @@
@linkListItemDownColor: @pressedTextColor;
@linkListItemActiveColor: @selectedTextColor;
@linkListTransition:
0.2s color @defaultEasing
@defaultDuration color @defaultEasing
;
/* Inverted Link List */
@ -108,9 +120,9 @@
@selectionListItemVerticalPadding: 0.5em;
@selectionListItemHorizontalPadding: 0.5em;
@selectionListTransition:
0.2s color @defaultEasing,
0.2s padding-left @defaultEasing,
0.2s background-color @defaultEasing
@defaultDuration color @defaultEasing,
@defaultDuration padding-left @defaultEasing,
@defaultDuration background-color @defaultEasing
;
/* Selection List States */
@ -134,25 +146,28 @@
@invertedSelectionListActiveColor: @invertedSelectedTextColor;
/* Animated List */
@animatedDuration: 0.25s;
@animatedDelay: 0.1s;
@animatedListTransition:
0.2s color ease,
0.2s padding-left ease,
0.2s background-color ease
@animatedDuration color @defaultEasing @animatedDelay,
@animatedDuration padding-left @defaultEasing @animatedDelay,
@animatedDuration background-color @defaultEasing @animatedDelay
;
@animatedListIndent: 1em;
/* Bulleted */
@bulletDistance: 1rem;
@bulletOffset: -1rem;
@bulletDistance: 1.25rem;
@bulletOffset: -@bulletDistance;
@bulletOpacity: 1;
@bulletCharacter: '•';
@bulletColor: @textColor;
@bulletColor: inherit;
@bulletVerticalAlign: top;
@bulletChildDistance: @bulletDistance;
/* Horizontal Bullets */
@horizontalBulletSpacing: 1.5rem;
@horizontalBulletColor: @textColor;
@horizontalBulletSpacing: @bulletDistance + 0.5em;
/* Ordered List */
@orderedCountName: ordered;
@ -166,6 +181,8 @@
@orderedChildCountDistance: 1em;
@orderedChildCountOffset: -2em;
@orderedInvertedCountColor: @invertedLightTextColor;
/* Horizontal Ordereded */
@horizontalOrderedCountDistance: 0.5em;
@ -193,12 +210,14 @@
@horizontalCelledLineHeight: 0.6;
/* Relaxed */
@relaxedVerticalPadding: 0.5rem;
@relaxedItemVerticalPadding: @relative6px;
@relaxedChildItemVerticalPadding: @relative3px;
@relaxedHeaderMargin: 0.25rem;
@relaxedHorizontalPadding: 1.25rem;
@relaxedHorizontalPadding: 1rem;
/* Very Relaxed */
@veryRelaxedVerticalPadding: 1rem;
@veryRelaxedItemVerticalPadding: @relative12px;
@veryRelaxedChildItemVerticalPadding: @relative4px;
@veryRelaxedHeaderMargin: 0.5rem;
@veryRelaxedHorizontalPadding: 2rem;
@veryRelaxedHorizontalPadding: 1.5rem;