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
rniswonger / fluid-text.scss
Last active Oct 7, 2017
Sass Mixin: Fluid Text
View fluid-text.scss
// fluidly resize type
// based on example here https://css-tricks.com/snippets/css/fluid-typography/
@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
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
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
// http://codepen.io/jakob-e/pen/doMoML
@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
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.