Skip to content

Instantly share code, notes, and snippets.

View startinggravity's full-sized avatar

Jim Smith startinggravity

View GitHub Profile
@startinggravity
startinggravity / social_icons
Last active December 24, 2015 02:39
Social Icons snippet
<?php
$social_links = array(
'twitter-icon' => array(
'#prefix' => '<div class="genericon">',
'#suffix' => '</div>',
'twitter' => array(
'#type' => 'link',
'#title' => t('Twitter'),
'#href' => 'https://www.twitter.com/#',
'#options' => array(
%hideText {
position: absolute;
width: 1px; /* Setting this to 0 make it invisible for VoiceOver */
height: 1px; /* Setting this to 0 make it invisible for VoiceOver */
padding: 0;
margin: -1px;
border: 0;
clip: rect(0 0 0 0);
overflow: hidden;
}
.logo {
display: block;
height: 50px;
width: 150px;
}
.svg .logo {
background: transparent url(../images/logo.svg) no-repeat;
background-size: 150px 50px;
}
@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">
@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 / 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 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 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 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 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>