michaeltroy

[ Launch: test ] cd55688858eebc79255b by michaeltroy[ Launch: test ] 4653053 by enjalot[ Launch: test ] 4652017 by enjalot[ Launch: test ] 4582399 by enjalot

michaeltroy

/*
 Using the current pattern library as a guide:
 http://nib-pattern-library-staging.azurewebsites.net/pages/buttons.html
*/

.v2-button, .v2-button-secondary {color: White;}
.v2-button-tertiary {color: grey;}
.v2-button-supplementary {color: green;}

/* Modifiers */

michaeltroy

var list = document.body.querySelectorAll('span[data-html="Amount"]');

for (i = 0; i < list.length; i++) {

  var item    = list[i];
  var content = item.innerHTML;
  var amount  = content.match(/^-[$]?/);
  // var done = amount.className += " red"

  console.log(content);

michaeltroy

/** 
 * grab your components.
 */
sass  = require('gulp-ruby-sass'),
component = require('gulp-component');

/**
 * Set your paths.
 */
var paths = {

michaeltroy

<link rel="import" href="../components/polymer/polymer.html">

<polymer-element name="my-element">

  <template>
    <style>    
      :host {
        position: absolute;
        width: 100%;
        height: 100%;

michaeltroy

<link rel="import" href="../components/polymer/polymer.html">

<polymer-element name="my-element">

  <template>
    <style>    
      :host {
        position: absolute;
        width: 100%;
        height: 100%;

michaeltroy

<link rel="import" href="../components/polymer/polymer.html">

<polymer-element name="my-element">

  <template>
    <style>    
      #mtr_hello_world {
        left: 330px;
        top: 250px;
        position: absolute;

michaeltroy

<link rel="import" href="../components/polymer/polymer.html">

<polymer-element name="my-element">

  <template>
    <style>    
      :host {
        position: absolute;
        width: 100%;
        height: 100%;

michaeltroy

<link rel="import" href="../components/polymer/polymer.html">

<polymer-element name="my-element">

  <template>
    <style>    
      #core_card {
        position: absolute;
        width: 300px;
        height: 300px;

michaeltroy

/*
 * Require our plugins.
 */
var gulp          = require('gulp'),
    debug         = require('gulp-debug'),
    sass          = require('gulp-ruby-sass'),
    autoprefixer  = require('gulp-autoprefixer'),
    minifycss     = require('gulp-minify-css'),
    jshint        = require('gulp-jshint'),
    uglify        = require('gulp-uglify'),