Skip to content

Instantly share code, notes, and snippets.

Phil Zelnar philzelnar

View GitHub Profile
@philzelnar
philzelnar / sass-mixin-css-reset.scss
Last active Nov 27, 2017
A sass mixin to reset CSS on an element. Three options to pass in: spacing, list, or everything.
View sass-mixin-css-reset.scss
// Quick CSS Resets for Sass
//
// .example {
// @include reset(spacing);
// }
@mixin reset($type: null) {
@if $type == spacing { margin: 0; padding: 0; }
@if $type == list { margin: 0; padding: 0; list-style: none;
& li { margin: 0; padding: 0; }
@philzelnar
philzelnar / sass-function-tint-shade.scss
Last active Nov 27, 2017
Sass functions used to tint (add white to) and shade (add black to) a color.
View sass-function-tint-shade.scss
// Tint/Shade for Sass
//
// .example {
// background-color: tint($color-var, 35%);
// color: shade(#00cdff, 20%);
// }
@function tint($color, $percentage) {
@return mix(white, $color, $percentage);
}
@philzelnar
philzelnar / luminate-donation-transaction-summary.html
Last active Nov 27, 2017
A custom (friendlier and prettier) transaction summary for use in Luminate donation receipts.
View luminate-donation-transaction-summary.html
<!--
Custom Luminate Transaction Summary
For use in place of [[S120:dc:transactionSummary]]
-->
<p>Date: [[S120:dc:transactionDate]]<br />
Amount: [[S120:dc:giftAmount]]
[[?xx::x[[S120:dc:recurringFrequencyLabel]]x::::<br />Frequency: [[S120:dc:recurringFrequencyLabel]]]]
[[?xx[[S120:dc:premiumSelected]]xx::xxfalsexx::::<br />Thank You Gift: [[S120:dc:premiumName]]]]</p>
<p>[[S120:dc:firstName]] [[?xx::x[[S120:dc:middleName]]x::::[[S120:dc:middleName]] ]][[S120:dc:lastName]]<br />
View wamu-core-web-palette.scss
// wamu.org Core Palette Sass Vars
// Some of the primary colors used on wamu.org
// Questions? zelnar@wamu.org
$almost-white: #f7f7fa; /* Ex: Page Background */
$gray: #777777; /* Ex: Captions */
$gray-dark: #242e33; /* Ex: Headline */
$gray-cool: #596980; /* Ex: Story Text, Footer Ground */
$blue: #0077cc; /* Ex: Global Nav Text */
You can’t perform that action at this time.