Skip to content

Instantly share code, notes, and snippets.

Matt D. Smith mds

Block or report user

Report or block mds

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
View colors.json
{
"systemColors" : [
{
"colorHex" : "#333333",
"colorName" : "Charcoal",
"variable" : "$color-app-charcoal"
},
{
"linearGradient" : "linear-gradient(45deg, #333333 0%, #000000 100%)",
"colorName" : "Dark Gradient",
View center.sass
=center
position: relative
top: 50%
left: 50%
transform: translateY(-50%) translateX(-50%)
@mds
mds / dropbox-redirect.html
Created Mar 5, 2015
A Simple JS Redirect
View dropbox-redirect.html
<!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>
@mds
mds / SassMeister-input.sass
Created Jan 16, 2014
Generated by SassMeister.com.
View SassMeister-input.sass
// ----
// 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 / SassMeister-input.sass
Created Jan 16, 2014
Generated by SassMeister.com.
View SassMeister-input.sass
// ----
// 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 / Shiplify Loader Markup
Created Jan 16, 2014
Shiplify Loader Markup
View 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>
You can’t perform that action at this time.