2014-08-15 16:32:49 +00:00
|
|
|
@import 'nib';
|
|
|
|
|
|
2014-08-24 07:11:26 +00:00
|
|
|
// config
|
|
|
|
|
|
|
|
|
|
support-for-ie ?= true
|
2014-08-23 23:27:00 +00:00
|
|
|
use-debug = false
|
|
|
|
|
|
|
|
|
|
debug( color )
|
|
|
|
|
if use-debug
|
|
|
|
|
border: 1px solid color
|
|
|
|
|
|
2014-08-24 07:11:26 +00:00
|
|
|
// constants
|
|
|
|
|
|
2014-08-23 07:05:22 +00:00
|
|
|
panel-width = 245px
|
2014-08-23 23:27:00 +00:00
|
|
|
min-row-height = 30px
|
2014-08-23 07:05:22 +00:00
|
|
|
|
|
|
|
|
font-color = #eee
|
|
|
|
|
panel-color = #1a1a1a
|
2014-08-24 07:11:26 +00:00
|
|
|
|
|
|
|
|
number-color = #25A0D8
|
|
|
|
|
string-color = #1EBD6E
|
2014-08-15 22:04:51 +00:00
|
|
|
|
2014-08-23 07:05:22 +00:00
|
|
|
padding = 8px
|
2014-08-16 21:16:02 +00:00
|
|
|
|
2014-08-15 16:32:49 +00:00
|
|
|
ease = cubic-bezier( .25, .25, 0, 1 )
|
2014-08-15 22:04:51 +00:00
|
|
|
|
|
|
|
|
light = rgba( 255, 255, 255, 0.25 )
|
2014-08-24 07:11:26 +00:00
|
|
|
lighter = rgba( 255, 255, 255, 0.05 )
|
|
|
|
|
|
2014-08-15 16:32:49 +00:00
|
|
|
dark = rgba( 0, 0, 0, 0.1 );
|
|
|
|
|
|
2014-08-24 07:11:26 +00:00
|
|
|
// common
|
|
|
|
|
|
2014-08-23 07:05:22 +00:00
|
|
|
panel-font()
|
|
|
|
|
font: 10px 'Lucida Grande', sans-serif;
|
|
|
|
|
color: font-color;
|
2014-08-24 07:11:26 +00:00
|
|
|
-webkit-font-smoothing: antialiased;
|
|
|
|
|
|
|
|
|
|
input()
|
|
|
|
|
panel-font()
|
|
|
|
|
color: text-color;
|
|
|
|
|
height: 100%;
|
|
|
|
|
display: inline-block;
|
|
|
|
|
background: transparent;
|
|
|
|
|
border: 0;
|
|
|
|
|
padding: 0;
|
|
|
|
|
outline: none;
|
|
|
|
|
padding-left: padding;
|
|
|
|
|
transition: background-color 0.15s linear;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
&:hover, &:focus
|
|
|
|
|
background: lighter
|
