This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
a { | |
background-position: top center; | |
background-image: linear-gradient(to bottom, rgba(177,49,49,0) 50%, rgba(177,49,49,1) 50%); | |
background-size: 100% 200%; | |
border-bottom: 2px solid #b13131; | |
color: #b13131; | |
display: inline-block; | |
padding: 0 .25rem; | |
text-decoration: none; | |
transition: all .125s ease-in-out; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* Set up the Sass Map */ | |
$animations: ( | |
'fade-in': ( | |
0%: ( | |
opacity: 0 | |
), | |
100%: ( | |
opacity: 1 | |
) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* Set x-index key value pairs */ | |
$layers: ( | |
modal: 8, | |
logo: 7, | |
header: 6, | |
footer: 5, | |
sidebar: 4, | |
caption: 3, | |
image: 2, |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@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); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<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> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!-- 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> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<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> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!-- We have to simulate using Modernizr classes in the <html> tag --> | |
<div class="svg"> | |
<div class="drupal"> | |
<div class="logo"></div> | |
</div> | |
</div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<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> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<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> |