SemanSemantic-UItic-UI/build/less/themes/packages/default/elements/label.variables

/*******************************
             Label
*******************************/


/*-------------------
       Element
--------------------*/


@verticalAlign: baseline;
@verticalMargin: 0em;
@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: @hoveredTextColor;

/*-------------------
      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.2em;
@ribbonShadowColor: rgba(0, 0, 0, 0.15);

@blackRibbonShadow: darken(@black, 10);
@blueRibbonShadow: darken(@blue, 10);
@greenRibbonShadow: darken(@green, 10);
@orangeRibbonShadow: darken(@orange, 10);
@pinkRibbonShadow: darken(@pink, 10);
@purpleRibbonShadow: darken(@purple, 10);
@redRibbonShadow: darken(@red, 10);
@tealRibbonShadow: darken(@teal, 10);
@yellowRibbonShadow: darken(@yellow, 10);

/* 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;
@emptyCircleSize: 0.5em;

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