thomas-lebeau

import React, { Component } from "react";
import ReactDom from "react-dom";

const doneStyles = {
  textDecoration: "line-through",
  color: "grey"
};

const buttonStyles = {
  border: "none",

thomas-lebeau

import React, { Component } from "react";
import ReactDOM from "react-dom";

const wait = response =>
  new Promise(resolve => setTimeout(() => resolve(response), 3000));

const handleErrors = response => {
  if (response.status < 200 || response.status >= 300) {
    throw new Error("Network Error");
  }

thomas-lebeau

import React, { Component } from "react";
import ReactDOM from "react-dom";

function Todo(props) {
  const { text, isDone, onToggle } = props;
  const style = isDone ? { color: "grey", textDecoration: "line-through" } : {};

  return (
    <li>
      <input

thomas-lebeau

import React, { Component } from "react";
import ReactDOM from "react-dom";

class Time extends Component {
  constructor(props) {
    super(props);
    this.state = {
      date: new Date(),
      count: 0
    };

thomas-lebeau

'use strict';

(function () {

  /**
   * Social share popups
   *
   */
  var url = window.location.protocol + "//" + window.location.host + "/" + window.location.pathname;
  var title = document.getElementsByTagName("title")[0].innerHTML;

thomas-lebeau

$blog = ($page->parents()->count() > 0)? $page->parents()->first() : $page;

thomas-lebeau

<?php

class UserField extends SelectField {

  public function input() {

    $select = new Brick('select');
    $select->addClass('selectbox');
    $select->attr(array(
      'name'         => $this->name(),

thomas-lebeau

/* no media query is for phone and larger (mobile first) */
@media only screen and (min-width: @screen-sm-min) {} /* tablet (768px) and larger  */
@media only screen and (min-width: @screen-md-min) {} /* desktop (992px) and larger  */
@media only screen and (min-width: @screen-lg-min) {} /* wide destop (1200px) and larger  */

@media only screen and (max-width: @screen-xs-max) {} /* phone (767px) and smaller */
@media only screen and (max-width: @screen-sm-max) {} /* tablet (991px) and smaller  */
@media only screen and (max-width: @screen-md-max) {} /* desktop (1199px) and smaller  */
/* no media query is also for wide desktop and smaller */

thomas-lebeau

var resizeId;
$(window).resize(function() {
  clearTimeout(resizeId);
  resizeId = setTimeout(doneResizing, 500);
});
 
function doneResizing(){
  //whatever we want to do 
}

thomas-lebeau

[placeholder]:focus::-webkit-input-placeholder {
  color: transparent;
}