Skip to content

Instantly share code, notes, and snippets.

Erik Flowers erikflowers

Block or report user

Report or block erikflowers

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
View 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;
}
View 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:
...,
...,
...;
@erikflowers
erikflowers / gist:a60f51db078fad5eced1
Last active Aug 29, 2015
weather icon input/output
View 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",
View 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
View gist:4d6aff2facf4b210549d
.masthead {
margin-left: -15px;
margin-right: -15px;
}
.masthead:before,
.masthead:after {
content: " ";
/* 1 */
display: table;
/* 2 */
View 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);
@erikflowers
erikflowers / output css
Created Feb 21, 2015
output CSS from bootstrap less mxins
View output css
.masthead {
margin-left: -15px;
margin-right: -15px;
}
.masthead:before,
.masthead:after {
content: " ";
/* 1 */
display: table;
/* 2 */
@erikflowers
erikflowers / grayscale-mixin.less
Created Jul 30, 2014
Quick grayscale HTML/CSS pages Less Mixin
View 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
View 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"}
View gist:8701068
.left {
text-align: center;
@media(min-width: @screen-tablet) {
text-align: left;
}
}
.center {
text-align: center;
}
You can’t perform that action at this time.