Skip to content

Instantly share code, notes, and snippets.

View hatefulcrawdad's full-sized avatar

Chris Michel hatefulcrawdad

View GitHub Profile
@hatefulcrawdad
hatefulcrawdad / buzz-type.css
Created August 22, 2012 07:46
BuzzApp | Typography
/* Typography Styles - CSS */
h1, h2, h3, h4, h5, h6 {
text-transform: uppercase;
}
h1.subheader, h2.subheader, h3.subheader, h4.subheader, h5.subheader, h6.subheader {
text-transform: none;
}
h1 {
@hatefulcrawdad
hatefulcrawdad / buzz-nav.css
Created August 22, 2012 07:47
BuzzApp | Navigation
/* Navigation Styles - CSS */
nav ul {
float: right;
list-style: none;
margin-bottom: 0;
margin-top: 42px;
}
nav ul li {
font-family: "Cabin", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
@hatefulcrawdad
hatefulcrawdad / buzz-header.css
Created August 22, 2012 07:49
BuzzApp | Header Styles
/* Header Styles - CSS */
header {
background: #272727 url('../images/diag-bg.png?1345590598') 0 0 repeat;
max-height: 420px;
}
header section h1 {
font-size: 26px;
margin-top: 42px;
margin-bottom: 42px;
@hatefulcrawdad
hatefulcrawdad / buzz-features.css
Created August 22, 2012 07:50
BuzzApp | Features
/* Features Styles - CSS */
#features {
margin-top: 70px;
}
#features article {
padding-top: 146px;
background-position: 8px 34px;
background-repeat: no-repeat;
}
@hatefulcrawdad
hatefulcrawdad / buzz-testimony.css
Created August 22, 2012 07:52
BuzzApp | Testimony
/* Testimonial Styles - CSS */
#testimony {
margin: 42px auto;
}
--------------------------------------------------------
/* Testimonial Styles - SCSS */
@hatefulcrawdad
hatefulcrawdad / buzz-footer.css
Created August 22, 2012 07:53
BuzzApp | Footer
@hatefulcrawdad
hatefulcrawdad / buzz-medium.css
Created August 22, 2012 07:58
BuzzApp | Medium Query
/* Medium Breakpoint Styles - CSS */
@media only screen and (max-width: 1000px) {
/* Globals */
.column, .columns {
padding: 0 34px !important;
}
/* Header */
@hatefulcrawdad
hatefulcrawdad / buzz-small.css
Created August 22, 2012 08:06
BuzzApp | Small Breakpoint
/* Small Breakpoint Styles - CSS */
@media only screen and (max-width: 768px) {
/* Typography */
h2 {
font-size: 26px;
line-height: 26px;
}
@hatefulcrawdad
hatefulcrawdad / th.html
Created September 12, 2012 16:16
Foundation 3 Image Thumbnails
<a class="th" href="#"><img src="http://placehold.it/350x200"></a>
@hatefulcrawdad
hatefulcrawdad / ltr.scss
Created September 12, 2012 20:23
Foundation 3 Text Direction Settings
// Text Direction Settings
$textDirection: ltr; // Controls default global text direction, 'rtl' or 'ltr'
$defaultFloat: left; // Change this to 'right' for right-to-left languages
$defaultOpposite: right; // Change this to 'left' for right-to-left languages