Box and Text-Shadow -- Some Favorite LESS Variables

shadows.less

// Box Shadows
// ------------------------

@box-shadow-lighter:   						0 0 2px hsla(0, 0%, 50%, 0.2);
@box-shadow-normal:								0 0 2px hsla(0, 0%, 50%, 0.3);
@box-shadow-darker:								0 0 2px hsla(0, 0%, 50%, 0.3);
@box-shadow-darkest:							0 0 2px hsla(0, 0%, 50%, 0.3);

// Down
@box-shadow-down-lighter: 				0 1px 1px hsla(0, 0%, 50%, 0.2);
@box-shadow-down-normal:					0 1px 1px hsla(0, 0%, 50%, 0.3);
@box-shadow-down-darker: 					0 1px 1px hsla(0, 0%, 50%, 0.5);
@box-shadow-down-darkest:					0 1px 0px hsla(0, 0%, 20%, 0.7);

// Up
@box-shadow-up-lighter:						0 -1px 0px hsla(0, 0%, 50%, 0.2);
@box-shadow-up-normal:						0 -1px 0px hsla(0, 0%, 50%, 0.3);
@box-shadow-up-darker:						0 -1px 0px hsla(0, 0%, 50%, 0.5);
@box-shadow-up-darkest:						0 -1px 0px hsla(0, 0%, 20%, 0.7);

// Inset
@box-shadow-inset-lighter:				0 0 2px hsla(0, 0%, 50%, 0.2) inset;
@box-shadow-inset-normal:					0 0 2px hsla(0, 0%, 50%, 0.3) inset;
@box-shadow-inset-darker:					0 0 2px hsla(0, 0%, 30%, 0.5) inset;
@box-shadow-inset-darkest:				0 0 2px hsla(0, 0%, 20%, 0.7) inset;

// Inset Down
@box-shadow-inset-down-lighter:		0 1px 1px hsla(0, 0%, 50%, 0.2) inset;
@box-shadow-inset-down-normal:		0 1px 1px hsla(0, 0%, 50%, 0.3) inset;
@box-shadow-inset-down-darker:		0 1px 1px hsla(0, 0%, 50%, 0.5) inset;
@box-shadow-inset-down-darkest:		0 1px 1px hsla(0, 0%, 20%, 0.7) inset;

// Text Shadows
// ------------------------

@text-shadow-bright-behind:					0 -1px 7px hsla(0, 0, 100%, 0.9);
@text-shadow-brighter-behind:				0 -1px 7px hsla(0, 0, 100%, 1);

@text-shadow-lighter: 							0 0 2px hsla(0, 0%, 50%, 0.2);
@text-shadow-normal:								0 0 2px hsla(0, 0%, 50%, 0.3);
@text-shadow-darker: 								0 0 2px hsla(0, 0%, 50%, 0.5);
@text-shadow-darkest: 							0 0 2px hsla(0, 0%, 20%, 0.7);

@text-shadow-down-lighter: 					0 1px 0px hsla(0, 0%, 50%, 0.2);
@text-shadow-down-normal:						0 1px 0px hsla(0, 0%, 50%, 0.3);
@text-shadow-down-darker: 					0 1px 0px hsla(0, 0%, 50%, 0.5);
@text-shadow-down-darkest: 					0 1px 0px hsla(0, 0%, 20%, 0.7);

@text-shadow-up-lighter: 						0 -1px 0px hsla(0, 0%, 50%, 0.2);
@text-shadow-up-normal:							0 -1px 0px hsla(0, 0%, 50%, 0.3);
@text-shadow-up-darker: 						0 -1px 0px hsla(0, 0%, 50%, 0.5);
@text-shadow-up-darkest: 						0 -1px 0px hsla(0, 0%, 20%, 0.7);