Navigation Menu

Skip to content

Instantly share code, notes, and snippets.

View jstewsy's full-sized avatar

Jordan Stewart jstewsy

View GitHub Profile
@jstewsy
jstewsy / _box_shadow_offsets_helper.scss
Created November 3, 2018 23:58
material design elevation mixin concept
/**
* Box Shadow Offsets Helper
*
* helper to build a shadow offsets map based on a size value
*/
@function box-shadow-offsets($size) {
@return (
top: 0 $size,
right: negative($size) 0,
@jstewsy
jstewsy / material_motion_mixin.scss
Last active November 3, 2018 23:41
material design motion scss mixin concept
/**
* material-motion
*
* apply configurable animation enter and exit speed/easing combo for mobile
* and medium view port sizes
*/
$enter-animation-speed: 0.225s;
$enter-animation-speed-medium: 0.300s;
$enter-animation-easing: cubic-bezier(0, 0, 0.2, 1);
@jstewsy
jstewsy / svg_background_image_mixing.scss
Created November 3, 2018 22:53
svg background image scss mixin
/**
* svg-background-image
*
* apply svg/png background-image pattern for IE8 and Android <2.3 support
* uses `linear-gradient` method demostrated here
* https://css-tricks.com/svg-fallbacks/#the-fallbacks
*/
@mixin svg-background-image($image-path: '/', $image-name, $fallback-file-extension: 'png', $repeat: no-repeat) {
background-image: image-url("#{image-path}#{$image-name}.#{$fallback-file-extension}");

Keybase proof

I hereby claim:

  • I am jstewsy on github.
  • I am jstewart (https://keybase.io/jstewart) on keybase.
  • I have a public key ASD0R7z_N7NBso3GHTX6GRFpqG5wVuvEjU8mBz5V1NK7ygo

To claim this, I am signing this object:

@jstewsy
jstewsy / helpers.php
Created October 26, 2015 17:14
elixir helper
if (! function_exists('elixir')) {
/**
* Get the path to a versioned Elixir file.
*
* @param string $file
* @return string
*
* @throws \InvalidArgumentException
*/
function elixir($file)
@jstewsy
jstewsy / Preferences.sublime-settings
Last active August 29, 2015 14:23
Sublime Text 3 settings
{
// THEME
"color_scheme": "Packages/User/SublimeLinter/Solarized (Dark) (SL).tmTheme",
"theme": "Material-Theme.sublime-theme",
// FONT
"font_face": "Monaco",
"font_size": 14.0,
"font_options":
[
"gray_antialias"
@jstewsy
jstewsy / SassMeister-input-HTML.haml
Created April 15, 2015 20:45
Generated by SassMeister.com.
%span.component