Semantic-Org/Semantic-UI

/*******************************
            Button
*******************************/

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

@backgroundColor: #F8F8F8;
@backgroundImage: linear-gradient(transparent, rgba(0, 0, 0, 0.05));
@verticalAlign: middle;
@borderRadius: 0.4em;
@borderBoxShadowColor: @borderColor;

/* Shadow */
@shadowDistance: 0.3em;
@verticalPadding: 1em;
@horizontalPadding: 2em;

/* transition box shadow as well */
@transition:
  opacity @defaultDuration @defaultEasing,
  background-color @defaultDuration @defaultEasing,
  box-shadow @defaultDuration @defaultEasing,
  color @defaultDuration @defaultEasing,
  background @defaultDuration @defaultEasing
;