UI Framework SASS Variables
---------------------------

---

### Theme Colors

```
$primary
$secondary

$primary-text
$secondary-text

$info
$danger
$success
$warning

$bg-info
$bg-danger
$bg-success
$bg-warning
```

### Base Variables

```
$base-bg
$base-text
$base-bg-image
$base-splash-image

$base-border-color
$base-shadow-color
$base-border-radius

$base-font-size
$base-line-height
$base-font-family-serif
$base-font-family-sans-serif
$base-font-family

$base-padding
```

### Typography

```
$font-weight-normal
$font-weight-strong
$font-weight-bold

$text-link
$text-muted
$text-primary
$text-info
$text-danger
$text-success
$text-warning

$hr-highlight
$hr-shadow
```

### Grid Layout

```
$grid-xs-max // 0 - 480
$grid-sm-max // 480 - 768
$grid-md-max // 768 - 1024
$grid-lg-max // 1024 - 1536
$grid-xl-max // 1536 - 2048
```

### Main App

```
$app-header-bg
$app-header-text

$app-footer-bg
$app-footer-text

$app-menu-bg
$app-menu-text
$app-menu-link
$app-menu-font-size
$app-menu-bg-image
$app-menu-shim

$app-menu-hover-bg
$app-menu-hover-text

$app-menu-active-bg
$app-menu-active-text
$app-menu-active-border
```

### PAGE

```
$page-title-bg
$page-title-text

$sidebar-bg
$sidebar-text

$toolbar-bg
$toolbar-text

$statsbar-bg
$statsbar-text
$statsbar-label
```

### MENUS

```
$menu-link-bg
$menu-link-text
$menu-title-text

$menu-hover-bg
$menu-hover-text

$menu-click-bg
$menu-click-text

$menu-active-bg
$menu-active-border
$menu-active-text
```

### BUTTONS

```
$button-default-bg
$button-default-text
$button-primary-bg
$button-primary-text
$button-info-bg
$button-info-text
$button-danger-bg
$button-danger-text
$button-success-bg
$button-success-text
$button-warning-bg
$button-warning-text
```

### INPUTS

```
$input-bg
$input-text
$input-label
$input-border
$input-placeholder-text

$input-invalid-border
$input-focus-border

$input-readonly-bg
$input-disabled-bg

$input-addon-bg
$input-addon-text

$input-button-bg
$input-button-text


$input-error-tooltip-bg
$input-error-tooltip-text
```

### DATE INPUT

```
$date-weekday-bg
$date-weekday-text

$date-control-text
$date-control-hover-bg
$date-control-hover-text

$date-active
$date-muted
$date-week
$date-disabled
$date-selected-bg
$date-selected-text

$date-icon
$date-prev
$date-next
```

### TABS

```
$tab-bg
$tab-text
$tab-border

$tab-active-bg
$tab-active-text
$tab-active-border
```

### TOASTS

```
$toast-default
$toast-info
$toast-danger
$toast-success
$toast-warning
$toast-text
```

### DATAGRID

```
$datagrid-header-bg
$datagrid-header-hover-bg
$datagrid-footer-bg
$datagrid-odd-bg
$datagrid-even-row
$datagrid-text

$datagrid-button-view
$datagrid-button-edit
$datagrid-button-delete

$datagrid-hover-bg
$datagrid-active-bg
$datagrid-indicator-color

$pager-first-glyph
$pager-prev-glyph
$pager-next-glyph
$pager-last-glyph
```

### Component ZIndex

```
$z-index-splash
$z-index-notify
$z-index-floating
$z-index-ribbon
```
