Erik Flowers erikflowers

## bootstrap-grid-output.css
/*!
 * Bootstrap Grid v4.0.0 (https://getbootstrap.com)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
@-ms-viewport {
  width: device-width;
}

## gist:0c00be5cfdd8350a53bb
// CSV goes in with name and hex

// The variables have a wrapper array.
// The Jade could just be a place where the variables are output wherever they appear in the template loop.

// This is where the list of glyphs goes for Less, inside that array container "wi-icon-glyphs"
@wi-icon-glyphs:
...,
...,
...;

## gist:a60f51db078fad5eced1
// Input format - a name and hex in a big list
day-cloudy, f002
day-sunny, f003
...


// Outputs
// File "weather-icons-variables.less" - Less Variable inside of array:
"day-cloudy"  "\f002",
"day-sunny"  "\f003",

## gist:cc37c6922328975c88cf
 alien  \f075
 celsius  \f03c
 cloud  \f041
 cloud-down  \f03d
 cloud-refresh  \f03e
 cloud-up  \f040
 cloudy  \f013
 cloudy-gusts  \f011
 cloudy-windy  \f012
 day-cloudy  \f002

## gist:4d6aff2facf4b210549d
.masthead {
  margin-left: -15px;
  margin-right: -15px;
}
.masthead:before,
.masthead:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */

## gist:ae4aa37bb8c81dae920b
.masthead {
  .make-row();
  .main-story {
    .make-sm-column(6);
    .make-md-column(7);
    .make-lg-column(6);
  }
  .second-story {
    .make-sm-column(6);
    .make-md-column(5);

## output css
.masthead {
  margin-left: -15px;
  margin-right: -15px;
}
.masthead:before,
.masthead:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */

## grayscale-mixin.less
.grayscale(@amount: 100%) {
    filter: grayscale(@amount);
    -webkit-filter: grayscale(@amount);
    -moz-filter: grayscale(@amount);
    -o-filter: grayscale(@amount);
    -ms-filter: grayscale(@amount);
}


// Usage

## gist:11a4a9f46cea50424ffc
# Font Squirrel Font-face Generator Configuration File
# Upload this file to the generator to recreate the settings
# you used to create these fonts.

{"mode":"expert","formats":["ttf","woff","eot","svg"],"tt_instructor":"default","options_subset":"advanced","subset_custom":"","subset_custom_range":"f000-f073,f200-f273","filename_suffix":"-webfont","emsquare":"2048","spacing_adjustment":"0","rememberme":"Y"}

## gist:8701068
.left {
  text-align: center;
  @media(min-width: @screen-tablet) {
    text-align: left;
  }
}

.center {
  text-align: center;
}