erikflowers

/*!
 * 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;
}

erikflowers

// 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:
...,
...,
...;

erikflowers

// 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",

erikflowers

 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 

erikflowers

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

erikflowers

.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);

erikflowers

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

erikflowers

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


// Usage

erikflowers

# 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"}

erikflowers

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

.center {
  text-align: center;
}