Skip to content

Instantly share code, notes, and snippets.

View startinggravity's full-sized avatar

Jim Smith startinggravity

4 followers · 0 following
View GitHub Profile
@startinggravity
startinggravity / _layers.scss
Created March 24, 2015 15:55
Sassmap - Layers
/* Set x-index key value pairs */
$layers: (
modal: 8,
logo: 7,
header: 6,
footer: 5,
sidebar: 4,
caption: 3,
image: 2,
@startinggravity
startinggravity / Hover mixin
Created November 25, 2014 15:31
Hover transition
@mixin hover($time) {
-webkit-transition: all $time ease-in-out;
-o-transition: all $time ease-in-out;
-moz-transition: all $time ease-in-out;
transition: all $time ease-in-out;
}
// Use as:
@include hover(.3s);
@startinggravity
startinggravity / Border Radius
Last active November 30, 2022 15:12
Sass Mixins
@mixin border-radius ( $value: 5px ) {
-webkit-border-radius: $value;
-moz-border-radius: $value;
border-radius: $value;
}
// Usage:
div {
@include border-radius(10px);
@startinggravity
startinggravity / SassMeister-input-HTML.html
Created August 17, 2014 20:04
Generated by SassMeister.com.
<svg width="300px" height="300px" viewBox="0 0 300 300" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="Group" sketch:type="MSLayerGroup">
<g id="home_icon_0" class="icon">
<path d="M161.5,164.5 L161.5,146.5 L149.5,134.5 L137.5,146.5 L137.5,164.5 L161.5,164.5 Z M161.5,164.5" id="Shape" fill="#E55C3C"></path>
<rect d="M0,0 L0,300 L300,300 L300,0 L0,0 Z M0,0" id="Rectangle-4" x="0" y="0" width="300" height="300"></rect>
</g>
<g id="home_icon_1" class="icon">
<path d="M150,129 L130,149 L130,169.5 L144,169.5 L144,153.5 L156,153.5 L156,169.5 L170,169.5 L170,149 L150,129 Z M150,129" id="Shape" fill="#E55C3C"></path>
@startinggravity
startinggravity / SassMeister-input-HTML.html
Created July 30, 2014 19:40
Generated by SassMeister.com.
<!-- We have to simulate using Modernizr classes in the <html> tag -->
<!-- Switch the svg class to no-svg to see the PNG versoin -->
<div class="svg">
<div class="drupal">
<div class="logo"></div>
</div>
</div>
@startinggravity
startinggravity / SassMeister-input-HTML.html
Created July 30, 2014 19:35
Generated by SassMeister.com.
<div class="foo">
Barley sour/acidic noble hops additive? Hop back keg degrees plato pitch crystal malt, barley. Crystal malt, mead, dry hopping, additive autolysis bung. Top-fermenting yeast scotch ale length fermentation krug crystal malt dry hopping! "Brewhouse craft centennial maris otter."
</div>
@startinggravity
startinggravity / SassMeister-input-HTML.html
Created July 29, 2014 03:52
Generated by SassMeister.com.
<!-- We have to simulate using Modernizr classes in the <html> tag -->
<div class="svg">
<div class="drupal">
<div class="logo"></div>
</div>
</div>
@startinggravity
startinggravity / SassMeister-input-HTML.html
Created July 28, 2014 05:00
Generated by SassMeister.com.
<ul class="foo">
<li class="fontawesome-twitter">Twitter</li>
<li class="fontawesome-pinterest">Pinterest</li>
<li class="fontawesome-facebook">Facebook</li>
<li class="fontawesome-linkedin">Linkedin</li>
</ul>
@startinggravity
startinggravity / SassMeister-input-HTML.html
Created July 26, 2014 14:23
Generated by SassMeister.com.
<div class="foo">
Barley sour/acidic noble hops additive? Hop back keg degrees plato pitch crystal malt, barley. Crystal malt, mead, dry hopping, additive autolysis bung. Top-fermenting yeast scotch ale length fermentation krug crystal malt dry hopping! "Brewhouse craft centennial maris otter."
</div>
@startinggravity
startinggravity / picture-max-width-ren.html
Last active August 29, 2015 14:04
Generated by SassMeister.com.
<img src="http://www.placecage.com/c/1200/600">