Skip to content

Instantly share code, notes, and snippets.

View sheriffderek's full-sized avatar

sheriffderek sheriffderek

View GitHub Profile
@sheriffderek
sheriffderek / preprocessor-syntax-examples
Last active July 22, 2019 17:57
Just an example to show people when they talk about the differences in pre-processor syntax
:root {
--my-mixin: {
background: #256dbd;
color: #f5f5f5;
}
}
body {
@apply --my-mixin;
}
@sheriffderek
sheriffderek / wordpress-gitignore.txt
Created May 30, 2019 18:32
WordPress .gitignore to allow only theme and plugins in repo
# 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
import Ember from 'ember';
export default Ember.Component.extend({
classNames: ['character-detail'],
name: null, // incomming
});
import Ember from 'ember';
export default Ember.Component.extend({
click() {
alert('hi');
},
});
import Ember from 'ember';
export default Ember.Component.extend({
game: {},
actions: {
reset() {
this.set('game', {});
alert('game reset');
@sheriffderek
sheriffderek / components.booking-form.js
Last active February 8, 2019 19:20
ember-cp-validate-example
import Ember from 'ember';
export default Ember.Component.extend({
// Passed in
reservation: null,
});
@sheriffderek
sheriffderek / components.page-section.js
Last active January 31, 2019 22:10
ember in-view example
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
sheriffderek / components.background-trigger.js
Last active January 31, 2019 18:39
mouseEnter / mouseLeave example
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
sheriffderek / components.main-menu.js
Last active January 29, 2019 17:03
full-screen menu pop-over example
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
sheriffderek / controllers.application.js
Last active January 29, 2019 17:10 — forked from MrChriZ/controllers.application.js
ember-flickity example [it's broken]
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle'
});