| 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... |