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
|
2014-09-07 20:18:36 +00:00
|
|
|
touch-scale = 1.35
|
2014-08-27 00:01:15 +00:00
|
|
|
|
2014-09-03 18:47:32 +00:00
|
|
|
panel-width = 245px
|
2014-09-07 20:18:36 +00:00
|
|
|
panel-width-touch = 320px
|
2014-08-27 00:01:15 +00:00
|
|
|
|
2014-10-11 19:39:16 +00:00
|
|
|
row-height = 3em
|
2014-09-03 18:47:32 +00:00
|
|
|
row-name-width = 38%
|
2014-08-27 00:01:15 +00:00
|
|
|
|
2014-10-11 19:39:16 +00:00
|
|
|
padding = 9px
|
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
|
2014-09-07 20:18:36 +00:00
|
|
|
color-panel = rgba( 40, 40, 40, 1 )
|
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
|
|
|
|
|
+touch()
|
|
|
|
|
font-size font-size * touch-scale
|
|
|
|
|
|
|
|
|
|
touch( val = true )
|
|
|
|
|
:host-context({ '.touch-' + val }) &
|
|
|
|
|
{ block }
|
|
|
|
|
|
|
|
|
|
hover()
|
|
|
|
|
+touch( false )
|
|
|
|
|
&:hover
|
|
|
|
|
{ block }
|
