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.
107 lines
2.3 KiB
107 lines
2.3 KiB
/*******************************
|
|
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;
|
|
|
|
/* 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: 3px;
|
|
|
|
@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;
|
|
|
|
/* 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;
|