allInOne.coffee

class View

  jquery: null
  defaultStyle: {}

  constructor: (@jquery, @model) ->
    # nothing

  css: (opt = {}) ->
    ("#{attr}: #{opt[attr] or val}" for attr, val of @defaultStyle).join(";")

  applyStyle: (styleOption) ->
    @jquery.css css(styleOption)

class FooView extends View
  constructor: (@jquery, @model) ->
    super @jquery, @model

class FooView extends View
  defaultStyle:
    border: "1px solid #999"
    background: "white"

fooView = new FooView

console.log fooView.css
  background: "grey"

# => background: grey;border: 1px solid #999

FooView.coffee

class FooView extends View
  constructor: (@jquery, @model) ->
    super @jquery, @model

FooView.scss

border: 1px solid #999
background: white

FooView.style.coffee

# DO NOT OVERWRITE THIS FILE.
# This file is automatically generated from FooView.scss.

class FooView extends View
  defaultStyle:
    border: "1px solid #999"
    background: "white"

View.coffee

class View

  jquery: null
  model: null
  defaultStyle: {}

  constructor: (@jquery, @model) ->
    # nothing

  css: (opt = {}) ->
    ("#{attr}: #{opt[attr] or val}" for attr, val of @defaultStyle).join(";")

  applyStyle: (styleOption) ->
    @jquery.css css(styleOption)