|
|
/*------------------- Globals Used--------------------*/
// (Color Variables)// @transitionDuration// @transitionEasing// @iconWidth// @borderColor// @textColor, @invertedTextColor
/*------------------- Element--------------------*/
@verticalMargin: 0.25em;@horizontalMargin: 0.25em;@textTransform: uppercase;
@fontWeight: bold;@textColor: rgba(0, 0, 0, 0.6);@textShadow: none;@invertedTextShadow: none;
@borderRadius: 0.25em;
@backgroundColor: #FAFAFA;@backgroundImage: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05));@boxShadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.08) inset, 0px -@shadowDistance 0px 0px rgba(0, 0, 0, 0.1) inset;
/* transitions */@transition: opacity @transitionDuration @transitionEasing, background-color @transitionDuration @transitionEasing, color @transitionDuration @transitionEasing, background @transitionDuration @transitionEasing, box-shadow @transitionDuration @transitionEasing;
/* Padding */@verticalPadding: 0.8em;@horizontalPadding: 1.5em;
/* Shadow */@shadowDistance: 0em;@shadowOffset: (@shadowDistance / 2);
/* Icon */@iconMargin: 0.6em;
/* Loader */@loaderPath: "@{imagePath}/loader-mini.gif";@hugeLoaderPath: "@{imagePath}/loader-small.gif";@massiveLoaderPath: "@{imagePath}/loader-medium.gif";
/*------------------- Group--------------------*/
@verticalBoxShadow: 0px 0px 0px 1px @borderColor inset;
/*------------------- States--------------------*/
@hoverBackgroundColor: '';@hoverBackgroundImage: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.08));@hoverBoxShadow: '';
@downBackgroundColor: #F1F1F1;@downBackgroundImage: '';@downBoxShadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.05) inset !important;
@activeBackgroundColor: #EAEAEA;@activeBackgroundImage: none;@activeBoxShadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.05) inset !important;
@loadingBackgroundColor: #FFFFFF;
/*------------------- Types--------------------*/
/* Or */@orWidth: 0.3em;@orHeight: 1.1em;
@orVerticalOffset: -0.1em;@orHorizontalOffset: -0.9em;
@orTextStyle: normal;@orTextWeight: bold;
@orCircleSize: 1.8em;@orLineHeight: 1.55;@orBoxShadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
@orSpacerHeight: 0.5em;@orSpacerColor: @white;
/* Icon */@iconHoverOpacity: 0.85;@iconButtonOpacity: 0.9;
/* Labeled Icon */@labeledIconWidth: @iconWidth + (@verticalPadding * 2);@labeledIconBackgroundColor: rgba(0, 0, 0, 0.05);@labeledIconPadding: (@horizontalPadding + @labeledIconWidth);@labeledIconBorder: rgba(0, 0, 0, 0.05);
@labeledIconLeftShadow: -1px 0px 0px 0px @labeledIconBorder inset;@labeledIconRightShadow: 1px 0px 0px 0px @labeledIconBorder inset;
/* Basic */@basicBoxShadow: 0px 0px 0px 1px @borderColor;@basicIconOffset: 0.05em;@basicLoadingColor: #FFFFFF;
@basicHoverBackground: none transparent;@basicHoverBoxShadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
@basicDownBackground: rgba(0, 0, 0, 0.02);@basicDownBoxShadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
@basicActiveBackground: @transparentBlack;@basicActiveColor: @selectedTextColor;
@basicGroupBorder: 1px solid @borderColor;@basicGroupBoxShadow: 0px 0px 0px 1px @borderColor;
/*------------------- Variations--------------------*/
/* Colors */@coloredBackgroundImage: none;@coloredBoxShadow: none;
/* Compact */@compactVerticalPadding: (@verticalPadding * 0.75);@compactHorizontalPadding: (@horizontalPadding * 0.75);
/* Attached */@attachedOffset: -1px;@attachedBoxShadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);@attachedHorizontalPadding: 0.75em;
/* Floated */@floatedMargin: 0.25em;
/* Animated */@animationDuration: 0.3s;@animationEasing: ease;@fadeScaleHigh: 1.5;@fadeScaleLow: 0.75;
/* Sizing */@mini: 0.7rem;@tiny: 0.8rem;@small: 0.875rem;@medium: 1rem;@large: 1.125rem;@big: 1.25rem;@huge: 1.375rem;@massive: 1.5rem;
|
