Semantic-Org/Semantic-UI

/*-------------------
      Collection
--------------------*/

@itemVerticalPadding: 1em;
@itemHorizontalPadding: 1.25em;

@background: #FFFFFF linear-gradient(rgba(255, 255, 255, 0.05), rgba(0, 0, 0, 0.05));
@fontWeight: normal;

@activeBorderSize: 0em;

@hoverBackground: rgba(0, 0, 0, 0.02);
@downBackground: rgba(0, 0, 0, 0.06);

@activeBackground: rgba(0, 0, 0, 0.04);
@activeHoverBackground: rgba(0, 0, 0, 0.04);


@headerBackground: rgba(0, 0, 0, 0.08);

@subMenuMargin: 0.5em -0.6em 0;
@subMenuHorizontalPadding: 0.7em;

@arrowHoverColor: #EEEEEE;
@arrowActiveColor: #EEEEEE;
@arrowVerticalHoverColor: #F4F4F4;
@arrowVerticalActiveColor: #F4F4F4;

@dividerBackground: #E8E8E8;
@verticalDividerBackground: #E8E8E8;

/*-------------------
      Elements
--------------------*/

@buttonOffset: -0.15em;
@buttonVerticalPadding: 0.75em;

/*-------------------
        Types
--------------------*/

@paginationMinWidth: 3.5em;

@tieredActiveItemBackground: #F5F5F5;
@tieredActiveMenuBackground: #F5F5F5;

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

@verticalBackground: #FFFFFF;
@verticalItemBackground: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));

@invertedBackground: @black linear-gradient(rgba(255, 255, 255, 0.05), rgba(0, 0, 0, 0.0));
@invertedBoxShadow             :
  0px 1px 2px 0px rgba(0, 0, 0, 0.15),
  0px 0px 0px 1px rgba(255, 255, 255, 0.15)
;
@secondaryVerticalPadding: 0.75em;