sambrannon

:root {
  --color-black: hsl(0, 0%, 0%)
  --color-blue-100: hsl(233, 80%, 96%)
  --color-blue-200: hsl(230, 82%, 89%)
  --color-blue-300: hsl(230, 81%, 73%)
  --color-blue-400: hsl(230, 81%, 59%)
  --color-blue-500: hsl(230, 81%, 44%)
  --color-blue-600: hsl(230, 81%, 33%)
  --color-blue-700: hsl(230, 80%, 18%)
  --color-cyan-100: hsl(192, 81%, 94%)

sambrannon

<script language="JavaScript" type="text/javascript">

// Copyright (C) 2015 Comcast Cable Communications, LLC
// Contact Us: http://customer.xfinity.com/contact-us/
// Intended use of this message is to display critical and time sensitive notifications to customers.
/*
This program is free software; you can redistribute it and/or
modify it under the terms of the GNU General Public License
as published by the Free Software Foundation; either version 2
of the License, or (at your option) any later version.

sambrannon

// scss-lint:disable VendorPrefix
// Media Queries
@mixin media-query($device) {
  @media screen and (min-width: $device) {
    @content;
  }
}

//** CLEARFIX *********************/
@mixin clearfix {

sambrannon

var gulp = require('gulp');
var sass = require('gulp-sass');
var sourcemaps = require('gulp-sourcemaps');

gulp.task('styles', function () {
  gulp.src('assets/scss/**/*.scss')
    .pipe(sourcemaps.init())
    .pipe(sass({outputStyle: 'compressed'}).on('error', sass.logError))
    .pipe(sourcemaps.write('./maps'))
    .pipe(gulp.dest('assets/css'));

sambrannon

Me in CSS

A simple css-only avatar of your truly.

A Pen by Sam Brannon on CodePen.

License.

sambrannon

// ----
// Sass (v4.0.0.alpha.1)
// ----

$colors: (
  "white":         #ffffff,
  "black":         #000000,
  "gold":          #fbc926,
  "gold-fade":     #e5ac1f,
  "red":           #be1e2d,

sambrannon

Branberg Logo in CSS
-----


A [Pen](http://codepen.io/sbrannon/pen/Liblv) by [Sam Brannon](http://codepen.io/sbrannon) on [CodePen](http://codepen.io/).

[License](http://codepen.io/sbrannon/pen/Liblv/license).