Skip to content

Instantly share code, notes, and snippets.

View bloqhead's full-sized avatar

Daryn St. Pierre bloqhead

View GitHub Profile
@bloqhead
bloqhead / index.html
Created August 13, 2018 18:49
Electron Fiddle Gist
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Time -> Decimal</title>
<style type="text/css">
*, *:before, *:after {
box-sizing: border-box;
}
//
// Animated gradients
//
// Adapted from: https://medium.com/@dave_lunny/animating-css-gradients-using-only-css-d2fd7671e759
//
@mixin animated-gradient(
$staticStart: null,
$staticEnd: null,
$hoverStart: null,
/**
* Custom Flexslider destroy function
* https://www.snip2code.com/Snippet/688978/Destroy-flexslider-carousel
*/
function FlexDestroy(selector, carouselWrapper, slideItem) {
var $els = $(selector);
$els.each(function() {
var $el = $(this);
var $elClean = $el.clone();
$elClean.find('.flex-viewport').children().unwrap();
@bloqhead
bloqhead / grid.scss
Last active January 16, 2018 13:12
//
// Grid
//
// Uses https://thingsym.github.io/flexbox-grid-mixins/
//
// override these in your own variables
$grid-column-count: 12 !default;
$grid-gutter: 2.5% !default;
$grid-activation-breakpoint: "min-width: 960px" !default;
<div class="gform_wrapper">
<form action="">
<div class="gform_body">
<ul class="gform_fields top_label form_sublabel_below description_below">
<li class="gfield gf_left_half">
<div class="ginput_container">
<label class="gfield_label">First Name <span class="gfield_required">*</span></label>
<input type="text" class="medium">
</div>
@bloqhead
bloqhead / bxslider-media-gallery.php
Created October 19, 2017 17:55
WordPress media gallery replacement that turns it into a bxSlider carousel with a custom pager.
@bloqhead
bloqhead / bxslider-media-gallery.php
Created October 19, 2017 00:12
WordPress media gallery that uses bxSlider.
.gform_wrapper select,.gform_wrapper textarea{font-family:inherit;letter-spacing:normal;font-size:inherit}.gform_wrapper .gf_progressbar:after,.gform_wrapper ol.validation_list:after{content:""}.gform_wrapper{margin:16px 0;max-width:100%}.gform_wrapper form{text-align:left;max-width:100%;margin:0 auto}.gform_wrapper *,.gform_wrapper :after,.gform_wrapper :before{box-sizing:border-box!important}.gform_wrapper h1,.gform_wrapper h2,.gform_wrapper h3{font-weight:400;border:none;background:0 0}.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]){font-size:inherit;font-family:inherit;padding:5px 4px;letter-spacing:normal}.gform_wrapper input[type=image]{border:none!important;padding:0!important;width:auto!important}.gform_wrapper textarea{padding:6px 8px;line-height:1.5;resize:none}.gform_wrapper select{line-height:1.5}.gform_wrapper .ginput_container_multiselect select{background-image:none!important;-webkit-appearance:none;-moz-appear
@bloqhead
bloqhead / ScrollToTop.coffee
Last active March 7, 2017 16:10
Simple jQuery scroll-to-top button.
#
# ScrollToTop
#
class ScrollToTop
constructor: () ->
@window = jQuery window
@document = jQuery "body"
@btn = jQuery ".scroll-to-top"