Update vendor files

- Drop IE8 polyfill scripts
This commit is contained in:
Michael Rose
2016-03-09 21:23:27 -05:00
parent 611be93d83
commit 2b494bb9d8
14 changed files with 59 additions and 118 deletions

View File

@@ -244,6 +244,12 @@ $button-size: 1.5rem;
@include grid(12,5);
}
}
figcaption {
padding-top: 10px;
@include font(14);
line-height: 1.3;
color: lighten($text-color, 10);
}
}
/* Archive listing specific styling */

View File

@@ -51,17 +51,6 @@ a {
}
}
/*
Figure captions
========================================================================== */
figcaption {
padding-top: 10px;
@include font(14);
line-height: 1.3;
color: lighten($text-color, 10);
}
/*
Feature image captions
========================================================================== */

View File

@@ -292,7 +292,7 @@ button {
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace;
font-family: $base-font;
&:hover,
&:focus {
@@ -500,6 +500,10 @@ button {
figure {
margin: 0;
}
figcaption {
margin-top: 0;
margin-bottom: 0; // reset for bottom spacing
}
}
.mfp-bottom-bar {
margin-top: -$mfp-image-padding-bottom + 4;

View File

@@ -3,7 +3,7 @@
////////////////////////
// overlay
$mfp-overlay-color: $black; // Color of overlay screen
$mfp-overlay-color: #000; // Color of overlay screen
$mfp-overlay-opacity: 0.8; // Opacity of overlay screen
$mfp-shadow: 0 0 8px rgba(0, 0, 0, 0.6); // Shadow on image or iframe
@@ -16,11 +16,11 @@ $mfp-z-index-base: 1040; // Base z-inde
// controls
$mfp-include-arrows: true; // Include styles for nav arrows
$mfp-controls-opacity: 1; // Opacity of controls
$mfp-controls-color: $white; // Color of controls
$mfp-controls-border-color: $white; // Border color of controls
$mfp-inner-close-icon-color: $white; // Color of close button when inside
$mfp-controls-text-color: #CCC; // Color of preloader and "1 of X" indicator
$mfp-controls-text-color-hover: $white; // Hover color of preloader and "1 of X" indicator
$mfp-controls-color: #fff; // Color of controls
$mfp-controls-border-color: #fff; // Border color of controls
$mfp-inner-close-icon-color: #fff; // Color of close button when inside
$mfp-controls-text-color: #ccc; // Color of preloader and "1 of X" indicator
$mfp-controls-text-color-hover: #fff; // Hover color of preloader and "1 of X" indicator
$mfp-IE7support: true; // Very basic IE7 support
// Iframe-type options
@@ -38,9 +38,9 @@ $mfp-image-padding-bottom: 40px; // Image paddi
$mfp-include-mobile-layout-for-image: true; // Removes paddings from top and bottom
// Image caption options
$mfp-caption-title-color: #F3F3F3; // Caption title color
$mfp-caption-subtitle-color: #BDBDBD; // Caption subtitle color
.mfp-counter { font-family: $alt-font; } // Caption font family
$mfp-caption-title-color: #f3f3f3; // Caption title color
$mfp-caption-subtitle-color: #bdbdbd; // Caption subtitle color
.mfp-counter { font-family: $base-font; } // Caption font family
// A11y
$mfp-use-visuallyhidden: false;

View File

@@ -1,67 +1,34 @@
/*! Responsive Menu */
// http://tympanus.net/codrops/2013/05/08/responsive-retina-ready-menu/
// The function to change the class
var changeClass = function (r,className1,className2) {
var regex = new RegExp("(?:^|\\s+)" + className1 + "(?:\\s+|$)");
if( regex.test(r.className) ) {
r.className = r.className.replace(regex,' '+className2+' ');
}
else{
r.className = r.className.replace(new RegExp("(?:^|\\s+)" + className2 + "(?:\\s+|$)"),' '+className1+' ');
}
return r.className;
};
// Creating our button in JS for smaller screens
var menuElements = document.getElementById('site-nav');
menuElements.insertAdjacentHTML('afterBegin','<button type="button" role="button" id="menutoggle" class="navtoggle navicon-lines-button x" aria-hidden="true"><span class="navicon-lines"></span>menu</button>');
/* ==========================================================================
jQuery plugin settings and other scripts
========================================================================== */
// Toggle the class on click to show / hide the menu
document.getElementById('menutoggle').onclick = function() {
changeClass(this, 'navtoggle active', 'navtoggle');
};
// http://tympanus.net/codrops/2013/05/08/responsive-retina-ready-menu/comment-page-2/#comment-438918
document.onclick = function(e) {
var mobileButton = document.getElementById('menutoggle'),
buttonStyle = mobileButton.currentStyle ? mobileButton.currentStyle.display : getComputedStyle(mobileButton, null).display;
/* fitvids.js */
if(buttonStyle === 'block' && e.target !== mobileButton && new RegExp(' ' + 'active' + ' ').test(' ' + mobileButton.className + ' ')) {
changeClass(mobileButton, 'navtoggle active', 'navtoggle');
}
};
/*! Plugin options and other jQuery stuff */
// FitVids options
$(function() {
$("article").fitVids();
});
// Table of Contents toggle
$(function() {
$(".toc h3").click(function () {
$("#drawer").toggleClass("js-hidden");
});
});
// Add lightbox class to all image links
/* add lightbox class to all image links */
$("a[href$='.jpg'],a[href$='.jpeg'],a[href$='.JPG'],a[href$='.png'],a[href$='.gif']").addClass("image-popup");
// Magnific-Popup options
/* Magnific-Popup options */
$(document).ready(function() {
$('.image-popup').magnificPopup({
type: 'image',
tLoading: 'Loading image #%curr%...',
$(".image-popup").magnificPopup({
type: "image",
tLoading: "Loading image #%curr%...",
gallery: {
enabled: true,
navigateByImgClick: true,
preload: [0,1] // Will preload 0 - before current, and 1 after the current image
preload: [0,1] // will preload 0 - before current, and 1 after the current image
},
image: {
tError: '<a href="%url%">Image #%curr%</a> could not be loaded.',
tError: "<a href='%url%'>Image #%curr%</a> could not be loaded.",
},
removalDelay: 300, // Delay in milliseconds before popup is removed
// Class that is added to body when popup is open.
// make it unique to apply your CSS animations just to this exact popup
mainClass: 'mfp-fade'
removalDelay: 300, // delay in milliseconds before popup is removed
mainClass: "mfp-fade"
});
});
});

View File

@@ -1,4 +1,3 @@
/*global jQuery */
/*jshint browser:true */
/*!
* FitVids 1.1
@@ -9,9 +8,9 @@
*
*/
(function( $ ){
;(function( $ ){
"use strict";
'use strict';
$.fn.fitVids = function( options ) {
var settings = {
@@ -23,7 +22,7 @@
// appendStyles: https://github.com/toddmotto/fluidvids/blob/master/dist/fluidvids.js
var head = document.head || document.getElementsByTagName('head')[0];
var css = '.fluid-width-video-wrapper{width:100%;position:relative;padding:0;}.fluid-width-video-wrapper iframe,.fluid-width-video-wrapper object,.fluid-width-video-wrapper embed {position:absolute;top:0;left:0;width:100%;height:100%;}';
var div = document.createElement('div');
var div = document.createElement("div");
div.innerHTML = '<p>x</p><style id="fit-vids-style">' + css + '</style>';
head.appendChild(div.childNodes[1]);
}
@@ -34,12 +33,12 @@
return this.each(function(){
var selectors = [
"iframe[src*='player.vimeo.com']",
"iframe[src*='youtube.com']",
"iframe[src*='youtube-nocookie.com']",
"iframe[src*='kickstarter.com'][src*='video.html']",
"object",
"embed"
'iframe[src*="player.vimeo.com"]',
'iframe[src*="youtube.com"]',
'iframe[src*="youtube-nocookie.com"]',
'iframe[src*="kickstarter.com"][src*="video.html"]',
'object',
'embed'
];
if (settings.customSelector) {
@@ -53,10 +52,10 @@
}
var $allVideos = $(this).find(selectors.join(','));
$allVideos = $allVideos.not("object object"); // SwfObj conflict patch
$allVideos = $allVideos.not('object object'); // SwfObj conflict patch
$allVideos = $allVideos.not(ignoreList); // Disable FitVids on this video.
$allVideos.each(function(){
$allVideos.each(function(count){
var $this = $(this);
if($this.parents(ignoreList).length > 0) {
return; // Disable FitVids on this video.
@@ -71,13 +70,13 @@
width = !isNaN(parseInt($this.attr('width'), 10)) ? parseInt($this.attr('width'), 10) : $this.width(),
aspectRatio = height / width;
if(!$this.attr('id')){
var videoID = 'fitvid' + Math.floor(Math.random()*999999);
var videoID = 'fitvid' + count;
$this.attr('id', videoID);
}
$this.wrap('<div class="fluid-width-video-wrapper"></div>').parent('.fluid-width-video-wrapper').css('padding-top', (aspectRatio * 100)+"%");
$this.wrap('<div class="fluid-width-video-wrapper"></div>').parent('.fluid-width-video-wrapper').css('padding-top', (aspectRatio * 100)+'%');
$this.removeAttr('height').removeAttr('width');
});
});
};
// Works with either jQuery or Zepto
})( window.jQuery || window.Zepto );
})( window.jQuery || window.Zepto );