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
<!-- | |
* Basic structural tags for the body of an html5 document | |
* Based on HTML5 Bones http://html5bones.com/ | |
--> | |
<header role="banner"> | |
<h1>Main Title</h1> | |
<nav role="navigation"> | |
<ul> | |
<li><a href="index.html">Home</a></li> |
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
// Box Shadows | |
// ------------------------ | |
@box-shadow-lighter: 0 0 2px hsla(0, 0%, 50%, 0.2); | |
@box-shadow-normal: 0 0 2px hsla(0, 0%, 50%, 0.3); | |
@box-shadow-darker: 0 0 2px hsla(0, 0%, 50%, 0.3); | |
@box-shadow-darkest: 0 0 2px hsla(0, 0%, 50%, 0.3); | |
// Down | |
@box-shadow-down-lighter: 0 1px 1px hsla(0, 0%, 50%, 0.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
// Gradient Mixins | |
// ============================== | |
// HSLa Gradients | |
// Lays an HSLa alpha-transparency layer over top of any background color | |
// http://www.w3.org/TR/2003/CR-css3-color-20030514/#hsl-color | |
// http://css-tricks.com/yay-for-hsla/ | |
// Be sure to use background-image NOT background, | |
// to specify the gradient as the image ONLY, atop the underlying color | |
// |
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
// Handling Multiple Transitions | |
// http://stackoverflow.com/questions/5510568/multiple-properties-are-getting-treated-as-separate-arguments-in-mixins | |
.bitbr-transition(@value1,@value2:X,...) | |
{ | |
@value: ~`"@{arguments}".replace(/[\[\]]|\,\sX/g, '')`; | |
-webkit-transition: @value; | |
-moz-transition: @value; | |
-ms-transition: @value; | |
-o-transition: @value; |
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
/* | |
* Subtler, clearer colors and edges | |
* Emphsasize first two lists | |
* -- can be modified in CSS to include fewer or more lists | |
*/ | |
* { | |
border-radius: 0 !important; | |
} |
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
// | |
// Products Grid | |
// -------------------------------------------------- | |
@media screen and (min-width: @tablet-min-width) { | |
.products-grid { | |
display: table; | |
.product-item { | |
display: inline-table; | |
width: 46%; |
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
.products-grid { | |
display: table; | |
} | |
.product-item { | |
display: inline-table; | |
vertical-align: top; // needed by Safari | |
width: 46%; | |
margin-left: 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
// Credit David Walsh | |
// http://davidwalsh.name/hide-address-bar | |
window.addEventListener("load",function() { | |
// Set a timeout... | |
setTimeout(function(){ | |
// Hide the address bar! | |
window.scrollTo(0, 1); | |
}, 0); | |
}); |
OlderNewer