jscow-application-environment/dist/css/less/themes/default/variables.less

jsCow - Application Environment - Javascript Component Framework

//
// VARIABLES


//
// Color Offsets

@color-offset-default: 25%;


//
// Base Colors

@base-color: #E9ECF5;
//@base-color: #eee;

@color-default:	@base-color;	// Default

@color-primary:	@brand-primary;				// Primary
@color-info:	@brand-info;				// Info
@color-success:	@brand-success;				// Success
@color-warning:	@brand-warning;				// Warning
@color-danger:	@brand-danger;				// Danger

@color-highlighted:	#EBE1BA;

//
// Layout Colors

@layout-color-default: @color-default;


//
// Text

@text-fontFamily: "ProximaNovaLight","Helvetica Neue",Helvetica,Arial,sans-serif;
@text-fontSize-default: 10px;
@text-lineHeight-default: 20px;

@text-color-default: darken(@color-default, (@color-offset-default * 2));

@text-color-primary: darken(@color-primary, 0%);
@text-color-info: darken(@color-info, 50%);
@text-color-success: darken(@color-success, 40%);
@text-color-warning: darken(@color-warning, 50%);
@text-color-danger: darken(@color-danger, 50%);


//
// Borders

@border-width-default: 1px;
@border-color-default: darken(@layout-color-default, @color-offset-default);
@border-style-default: solid;
@round-border-radius-default: 3px;


//
// Spaces

@space-default: floor(10px);


//
// Transitions
@transition-time-default: .2s;


//
// Shadow

@shadow-color-default: rgba(0, 0, 0, .4);
@shadow-size: 5px;
@shadow-pos-left: 0px;
@shadow-pos-top: 0px;
@shadow-weight: 0px;