Skip to content

Instantly share code, notes, and snippets.

View bradstrong's full-sized avatar

Brad Strong bradstrong

View GitHub Profile
@bradstrong
bradstrong / zurb-topbar-breakpoints.txt
Created November 8, 2012 20:19
zurb topbar breakpoints
/* Topbar Specific Breakpoint that you can customize */
@media only screen and (max-width: $topBarBreakPoint) {
.top-bar { margin-bottom: 0; overflow: hidden; height: $topBarHeightMobile; background: $topBarDropBgColor;
.js-generated { display: block; }
/* Override contain to grid stuff for breakpoint */
.contain-to-grid & { width: auto; }
/* Setting up the sliding area */
@bradstrong
bradstrong / _site-wide-gradient.scss
Created November 16, 2012 19:06
scss mixin site-wide gradient background
@mixin site-gradient($color:$pri-blue, $colorDif:15%, $shinyEdge:"false", $ie-compat:"true"){
@if $ie-compat == "true"{
@include filter-gradient($color, lighten($pri-blue, $colorDif), vertical);
}
background-color: $color;
@include background(linear-gradient(lighten($color,$colorDif), $color));
@if $shinyEdge != "false" {
@include box-shadow(0 0 4px opacify($color, 0.3), 0 1px 0 $shinyEdge inset);
}
}
@bradstrong
bradstrong / zurb-app.scss
Created November 16, 2012 21:52
scss zurb app.scss template
// You custom settings file to override Foundation defaults
@import "settings";
// Comment out this import if you are customizing you imports below
@import "foundation";
// ----------------------------------------
// Import specific parts of Foundation by commenting the import "foundation"
// and uncommenting what you want below. You must uncomment the following if customizing
@bradstrong
bradstrong / html-select-error-markup.html
Created December 19, 2012 02:58
select error state markup
<select id="CountryId" name="CountryId" class="error">
<option value="0">Country of Residence</option>
</select>
<small class="error">Invalid entry</small>
<div id="select-country" class="select-container">
<div class="select-content">
<select id="CountryId" name="CountryId" class="error">
<option value="0">Country of Residence</option>
</select>
</div></!--/.select-content-->
@bradstrong
bradstrong / html-practiceupdate-footer.html
Created December 19, 2012 15:25
html-practiceupdate-footer
@bradstrong
bradstrong / css_ad-styles-draft.css
Created December 20, 2012 00:58
css ad-styles-draft
/* line 1, ../sass/_ad.scss */
.widget {
/* !Ads */
}
/* line 4, ../sass/_ad.scss */
.widget.ad .ad-container {
text-align: center;
}
/* line 6, ../sass/_ad.scss */
.widget.ad .ad-container .ad-title {
@bradstrong
bradstrong / cta-meet-our-experts
Created December 22, 2012 04:24
mustache cta-meet-our-experts
<div class="cta-title"><span class="cta-title-text">Our Experts</span></div><!--/.cta-title-->
<div class="cta-img-container">
<img src="content/img/section/editorial_board_group.jpg" />
</div><!--/.cta-img-container-->
<div class="cta-content">
<p>Our Advisory and Editorial Boards are comprised of physician editors and world-renowned experts.</p>
</div><!--/.cta-content-->
<!-- Disable until Profile Pages are Live -->
<div class="cta-action">
<a class="button" href="channel-list.html"><span class="cta-button-text">Meet Our Experts</span></a>
@bradstrong
bradstrong / login-register.mustache
Created December 26, 2012 18:23
mustache practiceupdate login-register
<div class="login-register">
<div class="alert-box alert">
Invalid user name or password. Please try again.
<a href="#" class="close">&times;</a>
</div>
<form id="formLogin">
<header class="form-header">
<div class="form-title">
<span class="form-title-text">Already Registered?</span>
</div>
@bradstrong
bradstrong / seminal-article-item.html
Created December 27, 2012 06:57
html seminal article template
<article class="type-seminal-article single-item">
<!-- info taken from: http://oncologystat.com/viewpoints/seminal_articles/Seminal_Articles_Germ_Cell_Tumors.html
-->
<div class="item-header-container">
<header class="item-header">
<div class="flag-container">
</div>
<div class="meta pub-meta">
<span class="item-type">
Seminal Article
@bradstrong
bradstrong / gist:4389972
Created December 27, 2012 17:09
seminal article example
<article class="type-seminal-article single-item">
<!-- info taken from: http://oncologystat.com/viewpoints/seminal_articles/Seminal_Articles_Germ_Cell_Tumors.html
-->
<div class="item-header-container">
<header class="item-header">
<div class="flag-container">
<span class="flag featured">
<i class="icon-bolt">
</i>
featured