Danny Huang kuanhsuh

## gist:e29183e3c7423eefd20cee7b25eee1c7
const { post } = this.props;

if(!post){
return <div></div>;
}

To deal with undefined props

## gist:40c5b862ae5a897b60a4a308a449c193
@function set-text-color($color){
  @if (lightness($color) > 50){
    @return #000;
  } @else {
    @return #fff;
  }
}

## gist:5d8453ec76fb415e07140e67bc555c19
@mixin add-border($size, $color, $position){
  @if $position == 'all'{
    border: $size solid $color;
  } @else if $position == 'top' {
    border-top: $size solid $color;
  } @else if $position == 'bottom' {
    border-bottom: $size solid $color;
  } @else if $position == 'right' {
    border-right: $size solid $color;
  } @else if $position == 'left' {

## gist:5013fcace46c954534bbb46087d0a6f3
display: flex;
justify-content:center;
align-items:center;

## phperror
die('Query Failed' . mysqli_error($connection));

## wordpresscontentsubstring
<?php echo substr(strip_tags($post->post_content), 0, 400); ?>

## elliecsstest
.header
  .logo
  .links
  nav
   ul
    li abc
    li 123

@mixin size($w, $h: $w) {
  height: $h;

## cloudSettings
{"lastUpload":"2018-02-28T14:34:43.924Z","extensionVersion":"v2.8.7"}

## promises
function logWord(word){
   setTimeout(function() {
       console.log(word)
   }, Math.floor(Math.random() * 100) + 1
   // return value between 1 ~ 100
   )
}

function logAll(){
   logWord("A")

## arrcardio.js
const users = [
    {
        id: 1,
        name: 'Allison',
        age: 4,
        gender: 'female'
    },
    {
        id: 2,
        name: 'Derek',
	const { post } = this.props;

	if(!post){
	return <div></div>;
	}

	To deal with undefined props
	@function set-text-color($color){
	@if (lightness($color) > 50){
	@return #000;
	} @else {
	@return #fff;
	}
	}
	@mixin add-border($size, $color, $position){
	@if $position == 'all'{
	border: $size solid $color;
	} @else if $position == 'top' {
	border-top: $size solid $color;
	} @else if $position == 'bottom' {
	border-bottom: $size solid $color;
	} @else if $position == 'right' {
	border-right: $size solid $color;
	} @else if $position == 'left' {
	.header
	.logo
	.links
	nav
	ul
	li abc
	li 123

	@mixin size($w, $h: $w) {
	height: $h;
	function logWord(word){
	setTimeout(function() {
	console.log(word)
	}, Math.floor(Math.random() * 100) + 1
	// return value between 1 ~ 100
	)
	}

	function logAll(){
	logWord("A")
	const users = [
	{
	id: 1,
	name: 'Allison',
	age: 4,
	gender: 'female'
	},
	{
	id: 2,
	name: 'Derek',