Skip to content

Instantly share code, notes, and snippets.

Avatar
🏠
Working from home

Jordan Stewart jstewsy

🏠
Working from home
View GitHub Profile
@jstewsy
jstewsy / _box_shadow_offsets_helper.scss
Created Nov 3, 2018
material design elevation mixin concept
View _box_shadow_offsets_helper.scss
/**
* 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 Nov 3, 2018
material design motion scss mixin concept
View material_motion_mixin.scss
/**
* 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 Nov 3, 2018
svg background image scss mixin
View svg_background_image_mixing.scss
/**
* 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}");
View keybase.md

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:

View helpers.php
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 Aug 29, 2015
Sublime Text 3 settings
View Preferences.sublime-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"