title | sass |
---|---|
Pricing Tables |
scss/components/_pricingtable.scss |
Pricing table.
this.S(window).on('scroll', self.throttle( function () { | |
self.update_sticky_positioning(); | |
}, self.settings.scroll_throttle)); |
this.S(window).on('scroll', function () { | |
self.update_sticky_positioning(); | |
}); |
var calc = function (itm_percent, credit_received, spread_with, multiplier) { | |
var win = 0; | |
var lose = 0; | |
for (var m = 0; m < multiplier; m++) { | |
for (var i = 0; i < 100; i++) { | |
// 0 -> 99 | |
var r = Math.floor(Math.random() * 100); | |
if (r < itm_percent) win++; |
'use strict'; | |
!function ($) { | |
class Blink { | |
constructor(element, options) { | |
this.$element = element; | |
this.options = $.extend({}, Blink.defaults, this.$element.data(), options); | |
this.timer = 0; | |
this._init(); |
title | sass |
---|---|
Pricing Tables |
scss/components/_pricingtable.scss |
Pricing table.
/* http://metroize.com/zurb/ */ | |
$gainsboro: #DDD; | |
$oil: #333; | |
$smoke:#F6F6F6; | |
$monsoon: #777; | |
// We use this to control the border color | |
$price-table-border: solid 1px $gainsboro; |
<!-- http://metroize.com/zurb/ --> | |
<ul class="pricing-table"> | |
<li class="title">Standard</li> | |
<li class="price">$99.99</li> | |
<li class="description">An awesome description</li> | |
<li class="bullet-item">1 Database</li> | |
<li class="bullet-item">5GB Storage</li> | |
<li class="bullet-item">20 Users</li> | |
<li class="cta-button"><a class="button" href="#">Buy Now</a></li> | |
</ul> |
<div data-datepicker data-open="dateTimeModal"> | |
<input type="text" value="04/20/2016" /> | |
<div class="reveal" id="dateTimeModal" data-reveal> | |
<div class="row"> | |
<div class="small-12 medium-4 columns"> | |
<label>Month: | |
<select class="datepicker-month"></select> | |
</label> |
'use strict'; | |
!function($) { | |
class MyZurbPlugin { | |
/** | |
* Creates a new instance of an myzurbplugin. | |
* @class | |
* @fires MyZurbPlugin#init | |
* @param {jQuery} element - jQuery object to make into an myzurbplugin. |
describe('reveal:', function() { | |
beforeEach(function() { | |
this.addMatchers({ | |
// Place reveal-specific matchers here... | |
}); | |
var origFunc = $.fn.foundation; | |
spyOn($.fn, 'foundation').andCallFake(function() { | |
var result = origFunc.apply(this, arguments); | |
jasmine.Clock.tick(1000); // Let things settle... |