Skip to content

Instantly share code, notes, and snippets.

.left {
text-align: center;
}
@media (min-width: 768px) {
.left {
text-align: left;
}
}
.center {
text-align: center;
.left {
text-align: center;
@media(min-width: @screen-tablet) {
text-align: left;
}
}
.center {
text-align: center;
}
# 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
erikflowers / grayscale-mixin.less
Created July 30, 2014 19:10
Quick grayscale HTML/CSS pages Less Mixin
.grayscale(@amount: 100%) {
filter: grayscale(@amount);
-webkit-filter: grayscale(@amount);
-moz-filter: grayscale(@amount);
-o-filter: grayscale(@amount);
-ms-filter: grayscale(@amount);
}
// Usage
@erikflowers
erikflowers / output css
Created February 21, 2015 16:40
output CSS from bootstrap less mxins
.masthead {
margin-left: -15px;
margin-right: -15px;
}
.masthead:before,
.masthead:after {
content: " ";
/* 1 */
display: table;
/* 2 */
.masthead {
margin-left: -15px;
margin-right: -15px;
}
.masthead:before,
.masthead:after {
content: " ";
/* 1 */
display: table;
/* 2 */
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
erikflowers / gist:a60f51db078fad5eced1
Last active August 29, 2015 14:26
weather icon input/output
// 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
erikflowers / gist:0c00be5cfdd8350a53bb
Last active August 29, 2015 14:26
output template
// 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:4566691
Last active December 11, 2015 07:28
A good answer to the "don't call yourself a UX designer" debate. It's doing more harm than good.
http://aaronweyenberg.com/1934/why-im-not-a-ux-designer-and-neither-are-you/comment-page-1#comment-2661
"UX Designer as a title seems meant to convey to recruiters
and teammates as an indicator of being evolved in one’s craft;
that you subscribe to Design Thinking. This moves the designer
away from the notion that designs are created in a vacuum,
without real human world context. It may also imply some
capability in UX Research, at least in observation and artifact
collection and generation. Point is, this posture is often
expected in the workplace and so the title is adopted.