sheriffderek

:root {
  --my-mixin: {                
    background: #256dbd;
    color: #f5f5f5;
  }
}
body {
  @apply --my-mixin;
}

sheriffderek

# Blacklist files/folders in same directory as the .gitignore file
/*

# Whitelist some files
!.gitignore
!README.md

# Ignore all files named .DS_Store or ending with .log
**/.DS_Store
**.log

sheriffderek

import Ember from 'ember';

export default Ember.Component.extend({
  classNames: ['character-detail'],
  
  name: null, // incomming
});

sheriffderek

import Ember from 'ember';

export default Ember.Component.extend({
  
  click() {
    alert('hi');
  },
  
});

sheriffderek

import Ember from 'ember';

export default Ember.Component.extend({
  
  game: {},
  
  actions: {
    reset() {
      this.set('game', {});
      alert('game reset');

sheriffderek

import Ember from 'ember';

export default Ember.Component.extend({
  
  // Passed in
  reservation: null,
});

sheriffderek

import Ember from 'ember';
import InViewportMixin from 'ember-in-viewport';

export default Ember.Component.extend(InViewportMixin, {
  tagName: 'section',
  classNames: ['page-section'],
  classNameBindings: [ 'viewportEntered:active' ],
});

sheriffderek

import Ember from 'ember';
import { htmlSafe } from '@ember/string';

export default Ember.Component.extend({
  classNames: ['background-trigger'],	
	classNameBindings: [
    'active:hovered', // when 'active' is true - bind the CSS class 'hovered' to this component
  ],
  thing: null,
	active: false,

sheriffderek

import Ember from 'ember';
import { inject as service } from '@ember/service';

export default Ember.Component.extend({
  tagName: 'nav', 
  classNames: 'main-menu',

  uiState: service('ui-state'),
  
  classNameBindings: ['uiState.menuOpen:open'],

sheriffderek

import Ember from 'ember';

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