seanCodes

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

export default class ApplicationController extends Controller {
  @service
  store;

	get sortedTodos() {
    return this.model.sortBy('isDone');
  }

seanCodes

GitHub Markdown In-Page Link Tests

This Gist tests and documents how GitHub converts text in markdown headings into URLs in-page links, as well as how

file/_path.example

Link to this heading with: (some link)[#file_pathexample]

Test link

seanCodes

import Controller from '@ember/controller';
import { inject as service } from '@ember/service';
import { action } from '@ember/object';

export default class ApplicationController extends Controller {
  @service session;

  get isUserAuthenticated() {
    return this.session.isAuthenticated;
  }

seanCodes

<div
	class="toast {{if this.isShown "show"}}"
  role="alert"
  aria-live="assertive"
  aria-atomic="true"
  {{did-insert this.show}}
  {{on-transition-end "opacity" this.transitionEnd}}
>
  <div class="toast-header">
    <svg class="bd-placeholder-img rounded mr-2" width="20" height="20" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img">

seanCodes

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  
  links: [
    { text: 'foo', url: '#' },
    { text: 'bar', url: '#' },
    { text: 'baz', url: '#' },
  ],

seanCodes

body,
.wiki-content { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 16px; line-height: 1.5; word-wrap: break-word; color: rgb(51, 51, 51); }
.wiki-content p,
.wiki-content blockquote,
.wiki-content ul,
.wiki-content ol,
.wiki-content dl,
.wiki-content table,
.wiki-content pre,
.wiki-content .code.panel { margin-top: 0; margin-bottom: 16px; overflow: hidden; }

seanCodes

/**
 * CSS property ordering for commonly used properties (not comprehensive).
 * ** Note: The extra indentation is only for visual organization. **
 */
.property-order {
	content: "";

	width: auto;
	height: auto;
	background: url("") no-repeat 0 0/0 0 white;