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

/*******************************
            Header
*******************************/

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

@pageFont : Source Sans Pro, Helvetica Neue, Helvetica, Arial, sans-serif;
@fontWeight: bold;
@textTransform: none;

@topMargin: 1em;
@bottomMargin: 1rem;

@horizontalPadding: 0em;
@verticalPadding: 0em;
@lineHeight: 1.33em;

/* HTML Headings */
@h1: 2rem;
@h2: 1.5rem;
@h3: 1.3rem;
@h4: 1.1rem;
@h5: 1rem;

/* Sizing */
@tiny: 1em;
@small: 1.1em;
@medium: 1.3em;
@large: 1.5em;
@huge: 2em;

/* Sub Header */
@subHeaderFontSize: 1rem;
@subHeaderLineHeight: 1.2em;
@subHeaderColor: rgba(0, 0, 0, 0.5);

/* Icon */
@iconSize: 1em;
@iconOffset: ( (@lineHeight - 1em) / 2);
@iconMargin: 1em;
@iconAlignment: middle;

/* Label */
@labelDistance: 0.5rem;
@labelVerticalAlign: middle;

/* Content */
@contentAlignment: top;

/* Paragraph after Header */
@precedingParagraphMargin: 0em;

/*-------------------
      Variations
--------------------*/

/* Icon Header */
@iconHeaderSize: 3em;
@iconHeaderOpacity: 1;
@iconHeaderMargin: 0.2em;
@circularHeaderIconSize: 2em;
@squareHeaderIconSize: 2em;

/* Divided */
@dividedBorder: 1px solid rgba(0, 0, 0, 0.1);
@dividedColoredBorderWidth: 2px;

@dividedBorderPadding: 0.2rem;
@dividedSubHeaderPadding: 0.5rem;
@dividedIconPadding: 0.2em;

/* Block */
@blockBackground: @offWhite @subtleGradient;
@blockBoxShadow: @subtleShadow;
@blockBorder: 1px solid @solidBorderColor;
@blockHorizontalPadding: 1rem;
@blockVerticalPadding: 0.75rem;
@blockBorderRadius: 0.3125rem;

@tinyBlock: 0.9em;
@smallBlock: 1em;
@mediumBlock: 1.1em;
@largeBlock: 1.2em;
@hugeBlock: 1.33em;

/* Divided */
@blackDividedBorderColor: @black;
@blueDividedBorderColor: @blueHeaderColor;
@greenDividedBorderColor: @greenHeaderColor;
@orangeDividedBorderColor: @orangeHeaderColor;
@pinkDividedBorderColor: @pinkHeaderColor;
@purpleDividedBorderColor: @purpleHeaderColor;
@redDividedBorderColor: @redHeaderColor;
@tealDividedBorderColor: @tealHeaderColor;
@yellowDividedBorderColor: @yellowHeaderColor;

/* Attached */
@attachedOffset: 0px;
@attachedBoxShadow: 0px 0px 0px 1px @solidBorderColor;
@attachedVerticalPadding: @blockVerticalPadding;
@attachedHorizontalPadding: @blockHorizontalPadding;
@attachedBackground: @blockBackground;
@attachedBorder: none;
@attachedBorderRadius: @blockBorderRadius;

@tinyAttached: @tinyBlock;
@smallAttached: @smallBlock;
@mediumAttached: @mediumBlock;
@largeAttached: @largeBlock;
@hugeAttached: @hugeBlock;

/* Inverted */
@invertedColor: @white;
@invertedSubHeaderColor: rgba(255, 255, 255, 0.85);
@invertedDividedBorderColor: @whiteBorderColor;
@invertedBlockBackground: @lightBlack @subtleGradient;
@invertedAttachedBackground: @invertedBlockBackground;

/* Floated */
@floatedMargin: 0.5em;