Skip to content

Instantly share code, notes, and snippets.

View kylefiedler's full-sized avatar
🐢
Slow. Steady.

Kyle Fiedler kylefiedler

🐢
Slow. Steady.
View GitHub Profile
@kylefiedler
kylefiedler / SassMeister-input-HTML.html
Created October 27, 2014 15:23
Generated by SassMeister.com.
<h3>%default Ordered List</h3>
<ol class='default'>
<li>List Item 1</li>
<li>List Item 2</li>
<li>List Item 3</li>
</ol>
<h3>%default Unordered List</h3>
<ul class='default'>
<li>List Item 1</li>
<li>List Item 2</li>
@mixin icon($icon, $position:before) {
&:#{$position} {
@extend %#{$icon};
display: inline-block;
font-family: 'fontello';
font-style: normal;
font-weight: normal;
speak: none;
text-align: center;
text-decoration: inherit;
@kylefiedler
kylefiedler / podcasts
Created September 5, 2013 14:34
Podcasts
* Back to work
* The Gently Mad
* Happy Monday
* ShopTalk
* UIE Brain Sparks
* Vimcasts
* Dorm Room Tycoon
* Founders talk
* Pixel Recess
@kylefiedler
kylefiedler / line-height.scss
Created February 28, 2013 18:12
line-height function
// Line height function to quickly and easily calculate values for a baseline or near baseline grid.
// eg. padding: lh(.5) 0;
$line-height: 24px;
@function lh($amount: 1) {
@return $line-height * $amount;
}
@kylefiedler
kylefiedler / html.snippets
Created June 2, 2012 19:45
HTML snippets
# Some useful Unicode entities
# Non-Breaking Space
snippet nbs
&nbsp;
# ←
snippet left
&#x2190;
# →
snippet right
&#x2192;
@kylefiedler
kylefiedler / css.snippets
Last active November 7, 2019 16:42
Vim CSS Snippets
#Sass Snippets
snippet @i
@import "${1}";
snippet ext
@extend ${1};
snippet inc
@include ${1}(${2});${3}
snippet @m
@media ${1} {
${2}