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.
61 lines
1.3 KiB
61 lines
1.3 KiB
/*******************************
|
|
Standard
|
|
*******************************/
|
|
|
|
/*-------------------
|
|
Segment
|
|
--------------------*/
|
|
|
|
@segmentBorderWidth: 1px;
|
|
@border: none;
|
|
@boxShadow: 0px 0px 0px @segmentBorderWidth @borderColor;
|
|
|
|
@verticalPadding: 1em;
|
|
@horizontalPadding: 1em;
|
|
|
|
@margin: 1em;
|
|
@borderRadius: 0.25em;
|
|
|
|
/*-------------------
|
|
Coupling
|
|
--------------------*/
|
|
|
|
/* Page Grid Segment */
|
|
@pageGridMargin: 2 * @verticalPadding;
|
|
|
|
|
|
/*******************************
|
|
Variations
|
|
*******************************/
|
|
|
|
/* Piled */
|
|
@piledMargin: 2em;
|
|
@piledBoxShadow: 0px 0px 1px 1px @borderColor;
|
|
@piledDegrees: 1.2deg;
|
|
|
|
/* Circular */
|
|
@circularPadding: 2em;
|
|
|
|
/* Stacked */
|
|
@stackedPadding: @verticalPadding + (0.7em);
|
|
@stackedHeight: 5px;
|
|
|
|
/* Raised */
|
|
@raisedBoxShadow: 0px 1px 2px 1px @borderColor;
|
|
|
|
/* Colors */
|
|
@coloredBorderSize: 0.2em;
|
|
@coloredBorderRadius: 0em;
|
|
|
|
/* Ordinality */
|
|
@secondaryBackground: #FAF9FA;
|
|
@secondaryColor: @textColor;
|
|
|
|
@tertiaryBackground: #EBEBEB;
|
|
@tertiaryColor: @lightTextColor;
|
|
|
|
@secondaryInvertedBackground: linear-gradient(rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.3) 100%);
|
|
@secondaryInvertedColor: @offWhite;
|
|
|
|
@tertiaryInvertedBackground: linear-gradient(rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.6) 100%);
|
|
@tertiaryInvertedColor: @darkWhite;
|