GavinJoyce

import Ember from 'ember';

export default Ember.Controller.extend({
  dynamicStyle3: 'background-color: yellow;',
  backgroundColor: 'yellow',
  dynamicStyle: Ember.computed('backgroundColor', function() {
    return `background-color: ` + this.get('backgroundColor') + `;`;
  })
});

GavinJoyce

import Ember from 'ember';

export default Ember.Component.extend({
  attributeBindings: ['style'],
  count: 0,
  expanded: false,

  style: Em.computed('expanded', function() {
    this.incrementProperty('count');
    if(this.get('expanded')) {

GavinJoyce

import Ember from 'ember';

export default Ember.Component.extend({
  attributeBindings: ['style'],
  count: 0,
  expanded: false,

  style: Em.computed('expanded', function() {
    this.incrementProperty('count');
    if(this.get('expanded')) {

GavinJoyce

import Ember from 'ember';

export default Ember.Component.extend({
  attributeBindings: ['style'],
  count: 0,
  expanded: false,

  style: Em.computed('expanded', function() {
    this.incrementProperty('count');
    if(this.get('expanded')) {

GavinJoyce

import Ember from 'ember';

export default Ember.Component.extend({
  attributeBindings: ['style'],
  count: 0,
  expanded: false,

  style: Em.computed('expanded', function() {
    this.incrementProperty('count');
    if(this.get('expanded')) {

GavinJoyce

import Ember from 'ember';

export default Ember.Controller.extend({
  message: 'abc'
});

GavinJoyce

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle'
});

GavinJoyce

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  items: ['first'],
  itemsLength: Em.computed('items[]', function() {
    return this.get('items.length');
  }),
  actions: {
  	addItem() {

GavinJoyce

function deprecateEscapedStyle(morph, value) {
    _emberMetalDebug.warn(styleWarning + '[' + value + ']', (function (name, value, escaped, morph) {
      // SafeString
      if (_emberMetalIs_none.default(value) || value && value.toHTML) {
        return true;
      }

      if (name !== 'style') {
        return true;
      }

GavinJoyce

body {
  background-color: #151A33;
  line-height: 16px;
}

button {
  outline: 0;
}

.glyphicon.white {