2014-09-03 18:47:32 +00:00
|
|
|
@import 'nib'
|
2014-08-27 00:01:15 +00:00
|
|
|
|
2014-09-03 18:47:32 +00:00
|
|
|
/* sizes */
|
2014-08-27 00:01:15 +00:00
|
|
|
|
2014-09-03 18:47:32 +00:00
|
|
|
font-size = 10px
|
|
|
|
|
touch-scale = 1.25
|
2014-08-27 00:01:15 +00:00
|
|
|
|
2014-09-03 18:47:32 +00:00
|
|
|
panel-width = 245px
|
|
|
|
|
panel-width-touch = 300px
|
2014-08-27 00:01:15 +00:00
|
|
|
|
2014-09-03 18:47:32 +00:00
|
|
|
row-height = 2.9em
|
|
|
|
|
row-name-width = 38%
|
2014-08-27 00:01:15 +00:00
|
|
|
|
2014-09-03 18:47:32 +00:00
|
|
|
padding = 8px
|
2014-09-03 16:16:11 +00:00
|
|
|
|
2014-09-03 18:47:32 +00:00
|
|
|
/* colors */
|
2014-08-27 00:01:15 +00:00
|
|
|
|
2014-09-03 18:47:32 +00:00
|
|
|
color-font = #ECEBE0
|
|
|
|
|
color-panel = rgba( 30, 30, 30, 0.95 )
|
2014-08-27 00:01:15 +00:00
|
|
|
|
2014-09-03 18:47:32 +00:00
|
|
|
color-comment = #E0CF99
|
|
|
|
|
|
|
|
|
|
color-number = #25A0D8
|
|
|
|
|
color-boolean = #864694
|
|
|
|
|
color-string = #1EBD6E
|
2014-08-27 00:01:15 +00:00
|
|
|
|
|
|
|
|
light = rgba( 255, 255, 255, 0.25 )
|
|
|
|
|
lighter = rgba( 255, 255, 255, 0.05 )
|
|
|
|
|
|
2014-09-03 18:47:32 +00:00
|
|
|
dark = rgba( 0, 0, 0, 0.1 )
|
|
|
|
|
|
|
|
|
|
/* other */
|
2014-08-27 00:01:15 +00:00
|
|
|
|
2014-09-03 00:44:37 +00:00
|
|
|
ease = cubic-bezier( .25, .25, 0, 1 )
|
2014-08-27 00:01:15 +00:00
|
|
|
|
2014-09-03 18:47:32 +00:00
|
|
|
/* mixins */
|
|
|
|
|
|
|
|
|
|
panel-font( color = color-font )
|
|
|
|
|
font font-size 'Lucida Grande', sans-serif
|
|
|
|
|
color color
|
|
|
|
|
if ( color == color-font )
|
|
|
|
|
-webkit-font-smoothing antialiased
|
|
|
|
|
+touch()
|
|
|
|
|
font-size font-size * touch-scale
|
|
|
|
|
|
|
|
|
|
touch( val = true )
|
|
|
|
|
:host-context({ '.touch-' + val }) &
|
|
|
|
|
{ block }
|
|
|
|
|
|
|
|
|
|
hover()
|
|
|
|
|
+touch( false )
|
|
|
|
|
&:hover
|
|
|
|
|
{ block }
|
