@import 'nib';

// config 

support-for-ie ?= true
use-debug = false

debug( color )
    if use-debug
        border: 1px solid color

// constants

panel-width = 245px
min-row-height = 30px

font-color = #ECEBE0
panel-color = #1E1E1E

number-color = #25A0D8
boolean-color = #864694
string-color = #1EBD6E

light = rgba( 255, 255, 255, 0.25 )
lighter = rgba( 255, 255, 255, 0.05 )

dark = rgba( 0, 0, 0, 0.1 );

padding = 8px
ease = cubic-bezier( .25, .25, 0, 1 )
// common

panel-font( color = font-color )
    font: 11px 'Lucida Grande', sans-serif;
    color: color;
    if ( color == font-color )
        -webkit-font-smoothing: antialiased;

input( color )
    panel-font( color )
    height: 100%;
    display: inline-block;
    background-color: transparent;
    border: 0;
    padding: 0;
    outline: none;
    transition: background-color 0.15s linear;
    box-sizing: border-box;
    &:hover, &:focus
        background: lighter