Skip to content

Instantly share code, notes, and snippets.

View codedcontainer's full-sized avatar
💭
Learning about GraphQL through a Pluralsight.

codedcontainer

💭
Learning about GraphQL through a Pluralsight.
View GitHub Profile
@codedcontainer
codedcontainer / material-design.css
Created February 8, 2016 18:09
Removed all of the comments, media queries, and base styles for Twitter Bootstrap.
/**
* material-design-lite - Material Design Components in CSS, JS and HTML
* @version v1.1.1
* @license Apache-2.0
* @copyright 2015 Google, Inc.
* @link https://github.com/google/material-design-lite
*/
@charset "UTF-8";
.visuallyhidden {
@codedcontainer
codedcontainer / slick-slider-multiple-animate
Last active January 5, 2016 14:27
Animates and an image that you hover in a slick slider when you have multiple images
/* animates the slider images so that when you hover
on an image the full width of image is animated
*/
var imgParent, imgParentWidth, sizeDiff, sliderWidth;
$('.slick-slide img').hover(function()
{
var imgWidth = $(this).innerWidth(); // actual width of hovered image
imgParent = $(this).parent(); // get the parent element of hovered image
imgParentWidth = imgParent.innerWidth(); // width of hovered iamge pared