Skip to content

Instantly share code, notes, and snippets.

View zachharkey's full-sized avatar

Zach Harkey zachharkey

  • Harkey Design
  • Deep South
View GitHub Profile

Trying to out-specify problematic upstream Drupal 6 styles at the theme level is a nightmare. Instead we will just replace them with SASS _partials.

For example, to override "/modules/system/system.css"

  1. Add a stub to theme.info to prevent loading. Note: The path doesn't matter, as long as the file name matches the default stylesheet won't load. Don't forget to clear your cache.

stylesheets[all][] = kill/system.css

@zachharkey
zachharkey / gist:937abaef39298597398f
Last active August 29, 2015 14:13
Semantic HTML Document Template
We couldn’t find that file to show.

  • Gallery Item one

  • Gallery Item one

  • Gallery Item one
@zachharkey
zachharkey / apg-ss-custom-styles.css
Last active August 29, 2015 14:25
Custom CSS rules for apgphoto.squarespace.com
/* Styles added by Zach */
/* JOIN button is a li in the main navigation */
#yui_3_17_2_11_1434573592057_2377 {
display: inline-block;
outline: 3px solid red;
color: red;
https://static1.squarespace.com/static/sitecss/55ca2b06e4b0b1138d6ac219/2/55ca2b2ce4b0f523484834b9/55ca2b2de4b0f523484834df/0-05142015/1439339952742/site.css?&filterFeatures=false

Instructions for making a partial payment

When you go to pay your invoice online you’ll see a new field for “Payment amount.” It will default to the total remaining balance of the invoice, but you can enter a partial amount.

Screenshot
Client View of Online Partial Payment

At this point your invoice will move into a “Partial” status. You can now make another payment at any time. Once the entire balance has been paid, the invoice will move into “Paid” status.

title description sass tags
Button
Buttons are convenient tools when you need more traditional actions. To that end, Foundation has many easy to use button styles that you can customize or override to fit your needs.
scss/components/_button.scss
dropdown button

Basics

Test SublimeText3 and MarkdownEditor theme

Indented code block

@zachharkey
zachharkey / HTML Sections
Created March 29, 2016 22:51
HTML 5 Sections with wrappers
<div class="section section-1">
<div class="section-wrapper">
<h1>Section 1</h1>
<p>Phasellus blandit massa sed ex commodo sodales. Vestibulum eget ligula ut nibh bibendum efficitur. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In porta at nulla in auctor. Maecenas mollis lacinia orci sed ultrices. Sed viverra mauris sed nisl facilisis, eu fringilla mauris aliquam. Ut vel dictum velit. Fusce ante leo, fermentum </p>
</div>
</div>
<div class="section section-2 section--video">
<video style="height: 239" id="bgvideo" preload="none" autoplay="" loop="" poster="http://static1.squarespace.com/static/558c2e13e4b01eebf23177fc/t/56c4b565d210b80ae441a6d7/1455732071180/work-desk.JPG"><source src="https://squareflair-redux.squarespace.com/assets/video/Bars-for-Loop.mp4" type="video/mp4"><source src="https://squareflair-redux.squarespace.com/assets/video/Bars-for-Loop.ogv" type="video/ogg"><source src="https://squareflair-redux.squarespace.com/assets/video/Bars-for-