hshoff

<?xml version="1.0" encoding="UTF-8"?>
<scheme name="Blackbored" version="1" parent_scheme="Default">
  <option name="LINE_SPACING" value="1.25" />
  <option name="EDITOR_FONT_SIZE" value="12" />
  <option name="EDITOR_FONT_NAME" value="Monaco" />
  <colors>
    <option name="ANNOTATIONS_COLOR" value="3e83e7" />
    <option name="CARET_COLOR" value="" />
    <option name="CARET_ROW_COLOR" value="40436" />
    <option name="CONSOLE_BACKGROUND_KEY" value="0" />

hshoff

<?xml version="1.0" encoding="UTF-8"?>
<scheme name="Blackbored" version="1" parent_scheme="Default">
  <option name="LINE_SPACING" value="1.25" />
  <option name="EDITOR_FONT_SIZE" value="12" />
  <option name="EDITOR_FONT_NAME" value="Monaco" />
  <colors>
    <option name="ANNOTATIONS_COLOR" value="3e83e7" />
    <option name="CARET_COLOR" value="" />
    <option name="CARET_ROW_COLOR" value="40436" />
    <option name="CONSOLE_BACKGROUND_KEY" value="0" />

hshoff

<div class="empty">
  <div class="filled"></div>
</div>

hshoff

<!-- stars.html.erb -->

<div class="stars empty">
  <div class="stars filled"></div>
</div>

<!--
  This way you can namespace your selectors.
  The markup isn't as pretty, but you can 
  sleep soundly knowing other developers 

hshoff

// stars.scss
// compiles to stars.css

$starWidth: 44px;
$starOffset: 0 -43px;
$numStars: 5;
$steps: 2;
$total: $numStars * $steps;

@mixin filled($n: 0) {

hshoff

<!-- stars.html.erb -->

<div class="stars empty">
  <div class="stars filled_<%= @obj.rating %>"></div>
</div>

hshoff

.stars {
  background: url(/images/sprite.png) repeat-x top left;
  height: 43px; }
  .stars.empty {
    background-position: 0 -43px;
    width: 220px; }
  .stars.filled_0 {
    width: 0px; }
  .stars.filled_1 {
    width: 22px; }

hshoff

class Router extends Backbone.Router

  routes:
    'listings/:id':   'listing'

  listing: (id) ->
    # update content

hshoff

Backbone.Component extends Backbone.View

  initialize: ->
    for func, args of @options
      unless _.isArray(args)
        @[func]?.call(@, args)
      else
        @[func]?.apply(@, args)

  render: =>

hshoff

class Component extends Backbone.View

  initialize: ->
    for func, args of @options
      unless _.isArray(args)
        @[func]?.call(@, args)
      else
        @[func]?.apply(@, args)
      return null