Update vendor files
- Drop IE8 polyfill scripts
This commit is contained in:
@@ -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 */
|
||||
|
||||
@@ -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
|
||||
========================================================================== */
|
||||
|
||||
@@ -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;
|
||||
|
||||
18
_assets/css/vendor/magnific-popup/_settings.scss
vendored
18
_assets/css/vendor/magnific-popup/_settings.scss
vendored
@@ -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;
|
||||
|
||||
@@ -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"
|
||||
});
|
||||
});
|
||||
});
|
||||
29
_assets/js/plugins/jquery.fitvids.js
vendored
29
_assets/js/plugins/jquery.fitvids.js
vendored
@@ -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 );
|
||||
Reference in New Issue
Block a user