2014-08-27 00:01:15 +00:00
|
|
|
@import 'nib';
|
|
|
|
|
|
|
|
|
|
// config
|
|
|
|
|
|
|
|
|
|
support-for-ie ?= true
|
|
|
|
|
use-debug = false
|
|
|
|
|
|
|
|
|
|
debug( color )
|
|
|
|
|
if use-debug
|
|
|
|
|
border: 1px solid color
|
|
|
|
|
|
|
|
|
|
// constants
|
|
|
|
|
|
|
|
|
|
panel-width = 245px
|
2014-09-03 16:16:11 +00:00
|
|
|
|
|
|
|
|
row-height = 29px
|
|
|
|
|
// row-height-touch = 44px
|
2014-08-27 00:01:15 +00:00
|
|
|
|
2014-09-03 00:44:37 +00:00
|
|
|
font-color = #ECEBE0
|
2014-09-03 16:16:11 +00:00
|
|
|
panel-color = rgba( 30, 30, 30, 0.95 );
|
2014-08-27 00:01:15 +00:00
|
|
|
|
|
|
|
|
number-color = #25A0D8
|
2014-09-02 17:13:35 +00:00
|
|
|
boolean-color = #864694
|
2014-08-27 00:01:15 +00:00
|
|
|
string-color = #1EBD6E
|
|
|
|
|
|
|
|
|
|
light = rgba( 255, 255, 255, 0.25 )
|
|
|
|
|
lighter = rgba( 255, 255, 255, 0.05 )
|
|
|
|
|
|
|
|
|
|
dark = rgba( 0, 0, 0, 0.1 );
|
|
|
|
|
|
2014-09-03 00:44:37 +00:00
|
|
|
padding = 8px
|
|
|
|
|
ease = cubic-bezier( .25, .25, 0, 1 )
|
2014-08-27 00:01:15 +00:00
|
|
|
// common
|
|
|
|
|
|
2014-09-02 17:13:35 +00:00
|
|
|
panel-font( color = font-color )
|
2014-09-03 16:16:11 +00:00
|
|
|
font: 10px 'Lucida Grande', sans-serif;
|
2014-09-02 17:13:35 +00:00
|
|
|
color: color;
|
2014-09-03 00:44:37 +00:00
|
|
|
if ( color == font-color )
|
2014-09-02 17:13:35 +00:00
|
|
|
-webkit-font-smoothing: antialiased;
|
2014-08-27 00:01:15 +00:00
|
|
|
|
2014-09-02 17:13:35 +00:00
|
|
|
input( color )
|
|
|
|
|
panel-font( color )
|
2014-08-27 00:01:15 +00:00
|
|
|
height: 100%;
|
|
|
|
|
display: inline-block;
|
2014-09-03 00:44:37 +00:00
|
|
|
background-color: transparent;
|
2014-08-27 00:01:15 +00:00
|
|
|
border: 0;
|
|
|
|
|
padding: 0;
|
|
|
|
|
outline: none;
|
|
|
|
|
transition: background-color 0.15s linear;
|
|
|
|
|
box-sizing: border-box;
|
2014-09-03 01:54:58 +00:00
|
|
|
&:hover, &:focus
|
|
|
|
|
background: lighter
|
