@require 'nib/gradients';
@require 'nib/vendor';

$dgrid-background ?= #fff;
$dgrid-color ?= #000;

$dgrid-header-background ?= #333;
$dgrid-header-background-image ?= linear-gradient(top, #4e4e4e 0%,#555555 12%,#636363 25%,#505050 39%,#303030 49%,#000000 50%,#1c1c1c 60%,#292929 76%,#1e1e1e 91%,#141414 100%);
$dgrid-header-filter ?= unquote("progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e4e4e', endColorstr='#141414',GradientType=0 )");
$dgrid-header-color ?= #fff;
$dgrid-header-text-transform ?= uppercase;
$dgrid-header-cell-border-color ?= #111;
$dgrid-header-cell-font-weight ?= bold;

$dgrid-body-cell-border-color ?= #bbc581;

$dgrid-body-row-transition-duration ?= 0.1s;
$dgrid-body-row-transition-property ?= unquote('background-color, border-color');

$dgrid-body-row-odd-background ?= #f2f7e8;

$dgrid-body-row-hover-background-color ?= #c5dca6;
$dgrid-body-row-hover-color ?= #333;

$dgrid-selected-background-color ?= #b3d18b;
$dgrid-selected-hover-background-color ?= $dgrid-selected-background-color;

$dgrid-highlight-background ?= #d5e8bd;

$dgrid-use-white-sort-arrow ?= true;
$dgrid-suppress-cell-borders ?= true;

$dgrid-column-reorder-border ?= 2px dotted #fff !important;

.sage {
	@import 'skin';

	.dgrid-header-row {
		border-bottom: none;
	}

	.dgrid-header .dgrid-cell {
		padding: 7px 3px;
	}
}
