Skip to content

Instantly share code, notes, and snippets.

Ryan Niswonger rniswonger

Block or report user

Report or block rniswonger

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
rniswonger / fluid-text.scss
Last active Oct 7, 2017
Sass Mixin: Fluid Text
View fluid-text.scss
// fluidly resize type
// based on example here
@mixin fluid-type($font-min, $font-max, $screen-min, $screen-max) {
font-size: #{$font-min}px;
@media only screen and (min-width: #{$screen-min}px) {
font-size: calc(
#{$font-min}px + #{($font-max - $font-min)} * (100vw - #{$screen-min}px) / (#{$screen-max} - #{$screen-min})
rniswonger / em-value.scss
Created Oct 7, 2017
Sass Mixin: Generate EM value from px
View em-value.scss
// generate an em value
@function em($target_px, $context_px: 16) {
@return $target_px / $context_px * 1em;
rniswonger / svg-url.scss
Created Oct 7, 2017
SASS Mixin: Generate background-image using raw SVG
View svg-url.scss
// Function to create an optimized svg url
@function svg-url($svg) {
// Chunk up string in order to avoid "stack level too deep" error
$encoded: '';
$slice: 2000;
$index: 0;
$loops: ceil(str-length($svg)/$slice);
@for $i from 1 through $loops {
$chunk: str-slice($svg, $index, $index + $slice - 1);
rniswonger / nextdoor-bookmarklet.js
Created Oct 9, 2017
Bookmarklet: Hide annoying content on NextDoor
View nextdoor-bookmarklet.js
javascript:$('.content-scope-line:contains("Classifieds")').parents('.post-container').hide();$('.classifieds-single-item-content').hide();$('.content-scope-line:contains("Free items")').parents('.post-container').hide();$('.content-scope-line:contains("Recommendations")').parents('.post-container').hide();$('.content-scope-line:contains("Lost & Found")').parents('.post-container').hide();$('.post-byline:contains("Sponsored")').parents('.post-container').hide();
You can’t perform that action at this time.