You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
136 lines
3.2 KiB
136 lines
3.2 KiB
/*******************************
|
|
Label
|
|
*******************************/
|
|
|
|
|
|
/*-------------------
|
|
Element
|
|
--------------------*/
|
|
|
|
|
|
@verticalAlign: baseline;
|
|
@verticalMargin: 0.25em;
|
|
@horizontalMargin: 0.125em;
|
|
@backgroundColor: #E8E8E8;
|
|
@backgroundImage: none;
|
|
@labelTextColor: rgba(0, 0, 0, 0.6);
|
|
@verticalPadding: 0.6em;
|
|
@horizontalPadding: 0.8em;
|
|
@borderRadius: 0.325em;
|
|
@textTransform: none;
|
|
@fontWeight: bold;
|
|
|
|
@labelTransitionDuration: @transitionDuration;
|
|
@labelTransitionEasing: @transitionEasing;
|
|
|
|
/* Group */
|
|
@groupVerticalMargin: 0.75em;
|
|
@groupHorizontalMargin: 0.5em;
|
|
|
|
/*-------------------
|
|
Parts
|
|
--------------------*/
|
|
|
|
@linkOpacity: 0.8;
|
|
@iconDistance: 0.75em;
|
|
|
|
@detailOpacity: 0.8;
|
|
@detailIconDistance: 0.25em;
|
|
@detailMargin: 1em;
|
|
|
|
@deleteMargin: 0.5em;
|
|
|
|
/*-------------------
|
|
Types
|
|
--------------------*/
|
|
|
|
/* Image Label */
|
|
@imageLabelBackground: @backgroundColor;
|
|
@imageLabelBorderRadius: @circularRadius;
|
|
@imageLabelVerticalPadding: @verticalPadding;
|
|
@imageLabelHorizontalPadding: @horizontalPadding;
|
|
@imageLabelTextDistance: 0.5em;
|
|
@imageLabelDetailDistance: @imageLabelTextDistance;
|
|
@imageLabelBorderRadius: @borderRadius;
|
|
@imageLabelBoxShadow: none;
|
|
@imageLabelDetailBackground: @strongTransparentBlack;
|
|
|
|
/* Computed Values */
|
|
@imageLabelImageHeight: (1em + @verticalPadding * 2);
|
|
@imageLabelPadding: @imageLabelVerticalPadding @imageLabelHorizontalPadding @imageLabelVerticalPadding @imageLabelTextDistance;
|
|
@imageLabelImageMargin: -@verticalPadding @imageLabelTextDistance -@verticalPadding -@imageLabelTextDistance;
|
|
@imageLabelDetailPadding: @imageLabelVerticalPadding @imageLabelHorizontalPadding;
|
|
@imageLabelDetailMargin: -@imageLabelVerticalPadding -@imageLabelHorizontalPadding -@imageLabelVerticalPadding @imageLabelDetailDistance;
|
|
|
|
/*-------------------
|
|
States
|
|
--------------------*/
|
|
|
|
@labelHoverBackgroundColor: #E0E0E0;
|
|
@labelHoverBackgroundImage: none;
|
|
@labelHoverTextColor: @selectedTextColor;
|
|
|
|
/*-------------------
|
|
Variations
|
|
--------------------*/
|
|
|
|
/* Tag */
|
|
@tagCircleColor: #FFFFFF;
|
|
@tagCircleSize: 0.5em;
|
|
@tagHorizontalPadding: 1.5em;
|
|
@tagCircleBoxShadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.3);
|
|
@tagTriangleRightOffset: 100%;
|
|
@tagTriangleTopOffset: 50%;
|
|
@tagTriangleSize: 1.56em;
|
|
|
|
/* Ribbon */
|
|
@ribbonDistance: 2rem;
|
|
@ribbonMargin: 1em;
|
|
@ribbonTriangleSize: 1.3em;
|
|
@ribbonShadowColor: rgba(0, 0, 0, 0.15);
|
|
|
|
/* Attached */
|
|
@attachedSegmentPadding: 2rem;
|
|
@attachedVerticalPadding: 0.75em;
|
|
@attachedHorizontalPadding: 1em;
|
|
|
|
/* Corner */
|
|
@cornerSizeRatio: 1;
|
|
@cornerTriangleSize: 3.25em;
|
|
@cornerIconSize: 1em;
|
|
@cornerIconTopOffset: 0.4em;
|
|
@cornerIconLeftOffset: 0.75em;
|
|
|
|
/* Corner Text */
|
|
@cornerTextWidth: 3em;
|
|
@cornerTextWeight: bold;
|
|
@cornerTextSize: 1em;
|
|
|
|
/* Horizontal */
|
|
@horizontalLabelMinWidth: 3em;
|
|
@horizontalLabelMargin: 0.5em;
|
|
@horizontalLabelVerticalPadding: 0.4em;
|
|
|
|
/* Circular Padding */
|
|
@circularPadding: 0.5em;
|
|
@circularMinSize: 2em;
|
|
|
|
/* Pointing */
|
|
@pointingTriangleSize: 0.6em;
|
|
@pointingTriangleOffset: (@pointingTriangleSize / 2);
|
|
|
|
/* Floating */
|
|
@floatingTopOffset: -1em;
|
|
@floatingLeftOffset: -1.5em;
|
|
|
|
/*-------------------
|
|
Group
|
|
--------------------*/
|
|
|
|
/* Sizing */
|
|
@mini: 0.7rem;
|
|
@tiny: 0.75rem;
|
|
@small: 0.8rem;
|
|
@medium: 0.875rem;
|
|
@large: 1rem;
|
|
@huge: 1.25rem;
|