aebsr

.poc-scenario {
  border: 1px solid red;
}

.poc-scenario h1 {
  color: blue;
}

.poc-scenario p {
  color: green;

aebsr

[
  {
    "id": 1,
    "steps":
      [
        {
          "id": 1,
          "title": "Get Ready For Your Day",
          "body": "Tools on the Home Page allow you to see your day at a glance so you can plan for what’s ahead.",
          "graphic": "http://via.placeholder.com/945x597?text=1"

aebsr

const tracks = [ 'train' ];

for (let i = 0; i < tracks.length; i++) {
  if (tracks[i] === 'train') {
    console.log('Pick it up');
    console.log('Pick it up');
    alert('Back on the scene, crispy ’n clean');
  }
}

aebsr

1 warning generated.
compiling nio4r_ext.c
In file included from nio4r_ext.c:6:
In file included from ./nio4r.h:10:
/Applications/Xcode.app/Contents/Developer/Platforms/MacOSX.platform/Developer/SDKs/MacOSX10.9.sdk/System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/include/ruby-2.0.0/ruby/backward/rubyio.h:2:2: warning: use "ruby/io.h" instead of "rubyio.h" [-W#warnings]
#warning use "ruby/io.h" instead of "rubyio.h"
 ^
In file included from nio4r_ext.c:7:
./../libev/ev.c:481:48: warning: '/*' within block comment [-Wcomment]

aebsr

BMORESPONSIVE CSS Logo Mark

A Pen by Antoine Butler on CodePen.

License.

aebsr

Apple Calendar Experiment

A Pen by Antoine Butler on CodePen.

License.

aebsr

// The Mixin
.replace-nums (@index) when (@index > 0) {
	&:nth-child(@{index}):before {
    content: '@{index}'
	}
    
	.replace-nums(@index - 1);
}

.replace-nums (@index, @content) when (@index > 0) {

aebsr

.verbose {
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -ms-transition-property: -ms-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
  -webkit-transition-property: 1s;
  -moz-transition-property: 1s;
  -ms-transition-property: 1s;
  -o-transition-property: 1s;

aebsr

---
published: true
layout: awesome
title: I Know Right?
graphic:
    - path: http://dummyimage.com/2000x1250/&text=1
    - path: http://dummyimage.com/2000x1250/&text=2
    - path: http://dummyimage.com/2000x1250/&text=3
---

aebsr

// placeholder mixin
.placeholder (@el:~'[placeholder]') {
  @{el}::-webkit-input-placeholder { .styles; }
  @{el}:-ms-input-placeholder { .styles; }
  @{el}::input-placeholder { .styles; }
  @{el}:input-placeholder { .styles; }
  @{el}::-moz-placeholder { .styles; }
  @{el}:-moz-placeholder { .styles; }
  @{el}::placeholder { .styles; }
  @{el}:placeholder { .styles; }