Skip to content

Instantly share code, notes, and snippets.

View mds's full-sized avatar
🎯
Focusing

Matt D. Smith mds

🎯
Focusing
View GitHub Profile
@mds
mds / dropbox-redirect.html
Created March 5, 2015 16:42
A Simple JS Redirect
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<!-- Replace with your own title -->
<title>Your Project's Title</title>
<script>
// Add your own shareable dropbox link
window.location.replace("https://www.dropbox.com");
</script>
{
"systemColors" : [
{
"colorHex" : "#333333",
"colorName" : "Charcoal",
"variable" : "$color-app-charcoal"
},
{
"linearGradient" : "linear-gradient(45deg, #333333 0%, #000000 100%)",
"colorName" : "Dark Gradient",
@mds
mds / SassMeister-input.sass
Created January 16, 2014 16:50
Generated by SassMeister.com.
// ----
// Sass (v3.3.0.rc.2)
// Compass (v1.0.0.alpha.17)
// ----
@include keyframe (block-1-animate)
0%
width: 0
16.6%
left: 0
@mds
mds / SassMeister-input.sass
Created January 16, 2014 16:50
Generated by SassMeister.com.
// ----
// Sass (v3.3.0.rc.2)
// Compass (v1.0.0.alpha.17)
// ----
// Add vendor prefixes to keyframes
@mixin keyframe ($animation-name)
@-webkit-keyframes #{$animation-name}
@content
@-moz-keyframes #{$animation-name}
@mds
mds / Shiplify Loader Markup
Created January 16, 2014 14:28
Shiplify Loader Markup
<div class="shiplify-loader">
<div class="shiplify-logo">
<div class="block-global block1"><span class="green"></span></div>
<div class="block-global block2"><span class="green"></span></div>
<div class="block-global block3"><span class="green"></span></div>
<div class="block-global block4"><span class="green"></span></div>
<div class="block-global block5"><span class="green"></span></div>
<div class="block-global block6"><span class="green"></span></div>
<div class="block-global block7"><span class="green"></span></div>
<div class="block-global block8"><span class="green"></span></div>
=center
position: relative
top: 50%
left: 50%
transform: translateY(-50%) translateX(-50%)