hellobrian

const TARGET = process.env.npm_lifecycle_event;

if (TARGET === ‘build’) {
 console.log(`Running your build tasks!`);
}

if (TARGET === ‘dev’) {
 console.log(`Running the dev server!`);
}

hellobrian

Dropdown

This dropdown can open and close on click events. When clicking on the dropdown, it will toggle the open class When clicking outside of the dropdown, it will remove the open class, effectively closing the dropdown

A Pen by Brian Han on CodePen.

License.

hellobrian

<select>
  <option>Bulbasaur</option>
  <option>Squirtle</option>
  <option>Charmander</option>
</select>

hellobrian

var commits = document.querySelectorAll('.commit-title a');

for (var i=0; i<commits.length; i++) {
  commits[i].text.split(' ').forEach(function(word){
    if (word === 'Merge') {
      console.log(commits[i].parentNode.parentNode.parentNode);
      commits[i].parentNode.parentNode.parentNode.style.display = "none";
    }
  });
}

hellobrian

# Linter Options
options:
  # Don't merge default rules
  merge-default-rules: false
# File Options
files:
  include:
    - './global/**/*.scss'
    - './base-elements/**/*.scss'
    - './components/**/*.scss'

hellobrian

// ----
// libsass (v3.2.5)
// ----

$white: #fff;

@mixin type($size, $color: $white) {
  font-family: 'IBM Helvetica', Helvetica Neue, HelveticaNeue, Helvetica, sans-serif;
  font-size: $size;
  color: $color;

hellobrian

// ----
// libsass (v3.2.5)
// ----

$white: #fff;

@mixin type($size, $color: $white) {
  font-family: 'IBM Helvetica', Helvetica Neue, HelveticaNeue, Helvetica, sans-serif;
  font-size: $size;
  color: $color;

hellobrian

<h1>Blue</h1>
<div class="container">
  <div class="blue-dark">
    <strong>blue-dark</strong>
    <p>aka blue-70-mod</p>
    <p>bluemix-color('blue-70')</p>
    <p>#2D3F49</p>
    <p>Page bg</p>
  </div>
  <div class="blue-darker">

hellobrian

<div class="container">
<div class="ibm-colors">
  <h1>IBM Colors</h1>
  <div class="blue-10">$blue-10</div>
  <div class="blue-20"></div>
  <div class="blue-30"></div>
  <div class="blue-40"></div>
  <div class="blue-90"></div>
  <div class="gray"></div>
  <div class="green"></div>

hellobrian

<!-- html -->

<h1> blah</h1>
<h2 class="hi">hi</h2>