helium-rails 0.0.1
Sign up to get free protection for your applications and to get access to all the features.
- data/LICENSE +22 -0
- data/README.md +45 -0
- data/lib/helium/rails/version.rb +5 -0
- data/lib/helium/rails.rb +8 -0
- data/vendor/assets/javascripts/helium/bootstrap-collapse.js +156 -0
- data/vendor/assets/javascripts/helium/bootstrap-dropdown.js +153 -0
- data/vendor/assets/javascripts/helium/bootstrap-modal-ck.js +18 -0
- data/vendor/assets/javascripts/helium/bootstrap-modal.js +234 -0
- data/vendor/assets/javascripts/helium/bootstrap-transition.js +60 -0
- data/vendor/assets/javascripts/helium/bootstrap.min.js +6 -0
- data/vendor/assets/stylesheets/helium/buttons.scss +520 -0
- data/vendor/assets/stylesheets/helium/components.scss +109 -0
- data/vendor/assets/stylesheets/helium/config.scss +134 -0
- data/vendor/assets/stylesheets/helium/dropdowns.scss +94 -0
- data/vendor/assets/stylesheets/helium/forms.scss +339 -0
- data/vendor/assets/stylesheets/helium/grid.scss +113 -0
- data/vendor/assets/stylesheets/helium/master.scss +17 -0
- data/vendor/assets/stylesheets/helium/modals.scss +159 -0
- data/vendor/assets/stylesheets/helium/navs.scss +264 -0
- data/vendor/assets/stylesheets/helium/type.scss +150 -0
- data/vendor/assets/stylesheets/helium/utilities.scss +272 -0
- data/vendor/assets/stylesheets/helium/webfonts.scss.erb +8 -0
- data/vendor/assets/webfonts/entypo.eot +0 -0
- data/vendor/assets/webfonts/entypo.svg +13 -0
- data/vendor/assets/webfonts/entypo.ttf +0 -0
- data/vendor/assets/webfonts/entypo.woff +0 -0
- metadata +107 -0
@@ -0,0 +1,60 @@
|
|
1
|
+
/* ===================================================
|
2
|
+
* bootstrap-transition.js v2.2.1
|
3
|
+
* http://twitter.github.com/bootstrap/javascript.html#transitions
|
4
|
+
* ===================================================
|
5
|
+
* Copyright 2012 Twitter, Inc.
|
6
|
+
*
|
7
|
+
* Licensed under the Apache License, Version 2.0 (the "License");
|
8
|
+
* you may not use this file except in compliance with the License.
|
9
|
+
* You may obtain a copy of the License at
|
10
|
+
*
|
11
|
+
* http://www.apache.org/licenses/LICENSE-2.0
|
12
|
+
*
|
13
|
+
* Unless required by applicable law or agreed to in writing, software
|
14
|
+
* distributed under the License is distributed on an "AS IS" BASIS,
|
15
|
+
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
16
|
+
* See the License for the specific language governing permissions and
|
17
|
+
* limitations under the License.
|
18
|
+
* ========================================================== */
|
19
|
+
|
20
|
+
|
21
|
+
!function ($) {
|
22
|
+
|
23
|
+
"use strict"; // jshint ;_;
|
24
|
+
|
25
|
+
|
26
|
+
/* CSS TRANSITION SUPPORT (http://www.modernizr.com/)
|
27
|
+
* ======================================================= */
|
28
|
+
|
29
|
+
$(function () {
|
30
|
+
|
31
|
+
$.support.transition = (function () {
|
32
|
+
|
33
|
+
var transitionEnd = (function () {
|
34
|
+
|
35
|
+
var el = document.createElement('bootstrap')
|
36
|
+
, transEndEventNames = {
|
37
|
+
'WebkitTransition' : 'webkitTransitionEnd'
|
38
|
+
, 'MozTransition' : 'transitionend'
|
39
|
+
, 'OTransition' : 'oTransitionEnd otransitionend'
|
40
|
+
, 'transition' : 'transitionend'
|
41
|
+
}
|
42
|
+
, name
|
43
|
+
|
44
|
+
for (name in transEndEventNames){
|
45
|
+
if (el.style[name] !== undefined) {
|
46
|
+
return transEndEventNames[name]
|
47
|
+
}
|
48
|
+
}
|
49
|
+
|
50
|
+
}())
|
51
|
+
|
52
|
+
return transitionEnd && {
|
53
|
+
end: transitionEnd
|
54
|
+
}
|
55
|
+
|
56
|
+
})()
|
57
|
+
|
58
|
+
})
|
59
|
+
|
60
|
+
}(window.jQuery);
|
@@ -0,0 +1,6 @@
|
|
1
|
+
/*!
|
2
|
+
* Bootstrap.js by @fat & @mdo
|
3
|
+
* Copyright 2012 Twitter, Inc.
|
4
|
+
* http://www.apache.org/licenses/LICENSE-2.0.txt
|
5
|
+
*/
|
6
|
+
!function(e){"use strict";e(function(){e.support.transition=function(){var e=function(){var e=document.createElement("bootstrap"),t={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd otransitionend",transition:"transitionend"},n;for(n in t)if(e.style[n]!==undefined)return t[n]}();return e&&{end:e}}()})}(window.jQuery),!function(e){"use strict";var t='[data-dismiss="alert"]',n=function(n){e(n).on("click",t,this.close)};n.prototype.close=function(t){function s(){i.trigger("closed").remove()}var n=e(this),r=n.attr("data-target"),i;r||(r=n.attr("href"),r=r&&r.replace(/.*(?=#[^\s]*$)/,"")),i=e(r),t&&t.preventDefault(),i.length||(i=n.hasClass("alert")?n:n.parent()),i.trigger(t=e.Event("close"));if(t.isDefaultPrevented())return;i.removeClass("in"),e.support.transition&&i.hasClass("fade")?i.on(e.support.transition.end,s):s()},e.fn.alert=function(t){return this.each(function(){var r=e(this),i=r.data("alert");i||r.data("alert",i=new n(this)),typeof t=="string"&&i[t].call(r)})},e.fn.alert.Constructor=n,e(document).on("click.alert.data-api",t,n.prototype.close)}(window.jQuery),!function(e){"use strict";var t=function(t,n){this.$element=e(t),this.options=e.extend({},e.fn.button.defaults,n)};t.prototype.setState=function(e){var t="disabled",n=this.$element,r=n.data(),i=n.is("input")?"val":"html";e+="Text",r.resetText||n.data("resetText",n[i]()),n[i](r[e]||this.options[e]),setTimeout(function(){e=="loadingText"?n.addClass(t).attr(t,t):n.removeClass(t).removeAttr(t)},0)},t.prototype.toggle=function(){var e=this.$element.closest('[data-toggle="buttons-radio"]');e&&e.find(".active").removeClass("active"),this.$element.toggleClass("active")},e.fn.button=function(n){return this.each(function(){var r=e(this),i=r.data("button"),s=typeof n=="object"&&n;i||r.data("button",i=new t(this,s)),n=="toggle"?i.toggle():n&&i.setState(n)})},e.fn.button.defaults={loadingText:"loading..."},e.fn.button.Constructor=t,e(document).on("click.button.data-api","[data-toggle^=button]",function(t){var n=e(t.target);n.hasClass("btn")||(n=n.closest(".btn")),n.button("toggle")})}(window.jQuery),!function(e){"use strict";var t=function(t,n){this.$element=e(t),this.options=n,this.options.slide&&this.slide(this.options.slide),this.options.pause=="hover"&&this.$element.on("mouseenter",e.proxy(this.pause,this)).on("mouseleave",e.proxy(this.cycle,this))};t.prototype={cycle:function(t){return t||(this.paused=!1),this.options.interval&&!this.paused&&(this.interval=setInterval(e.proxy(this.next,this),this.options.interval)),this},to:function(t){var n=this.$element.find(".item.active"),r=n.parent().children(),i=r.index(n),s=this;if(t>r.length-1||t<0)return;return this.sliding?this.$element.one("slid",function(){s.to(t)}):i==t?this.pause().cycle():this.slide(t>i?"next":"prev",e(r[t]))},pause:function(t){return t||(this.paused=!0),this.$element.find(".next, .prev").length&&e.support.transition.end&&(this.$element.trigger(e.support.transition.end),this.cycle()),clearInterval(this.interval),this.interval=null,this},next:function(){if(this.sliding)return;return this.slide("next")},prev:function(){if(this.sliding)return;return this.slide("prev")},slide:function(t,n){var r=this.$element.find(".item.active"),i=n||r[t](),s=this.interval,o=t=="next"?"left":"right",u=t=="next"?"first":"last",a=this,f;this.sliding=!0,s&&this.pause(),i=i.length?i:this.$element.find(".item")[u](),f=e.Event("slide",{relatedTarget:i[0]});if(i.hasClass("active"))return;if(e.support.transition&&this.$element.hasClass("slide")){this.$element.trigger(f);if(f.isDefaultPrevented())return;i.addClass(t),i[0].offsetWidth,r.addClass(o),i.addClass(o),this.$element.one(e.support.transition.end,function(){i.removeClass([t,o].join(" ")).addClass("active"),r.removeClass(["active",o].join(" ")),a.sliding=!1,setTimeout(function(){a.$element.trigger("slid")},0)})}else{this.$element.trigger(f);if(f.isDefaultPrevented())return;r.removeClass("active"),i.addClass("active"),this.sliding=!1,this.$element.trigger("slid")}return s&&this.cycle(),this}},e.fn.carousel=function(n){return this.each(function(){var r=e(this),i=r.data("carousel"),s=e.extend({},e.fn.carousel.defaults,typeof n=="object"&&n),o=typeof n=="string"?n:s.slide;i||r.data("carousel",i=new t(this,s)),typeof n=="number"?i.to(n):o?i[o]():s.interval&&i.cycle()})},e.fn.carousel.defaults={interval:5e3,pause:"hover"},e.fn.carousel.Constructor=t,e(document).on("click.carousel.data-api","[data-slide]",function(t){var n=e(this),r,i=e(n.attr("data-target")||(r=n.attr("href"))&&r.replace(/.*(?=#[^\s]+$)/,"")),s=e.extend({},i.data(),n.data());i.carousel(s),t.preventDefault()})}(window.jQuery),!function(e){"use strict";var t=function(t,n){this.$element=e(t),this.options=e.extend({},e.fn.collapse.defaults,n),this.options.parent&&(this.$parent=e(this.options.parent)),this.options.toggle&&this.toggle()};t.prototype={constructor:t,dimension:function(){var e=this.$element.hasClass("width");return e?"width":"height"},show:function(){var t,n,r,i;if(this.transitioning)return;t=this.dimension(),n=e.camelCase(["scroll",t].join("-")),r=this.$parent&&this.$parent.find("> .accordion-group > .in");if(r&&r.length){i=r.data("collapse");if(i&&i.transitioning)return;r.collapse("hide"),i||r.data("collapse",null)}this.$element[t](0),this.transition("addClass",e.Event("show"),"shown"),e.support.transition&&this.$element[t](this.$element[0][n])},hide:function(){var t;if(this.transitioning)return;t=this.dimension(),this.reset(this.$element[t]()),this.transition("removeClass",e.Event("hide"),"hidden"),this.$element[t](0)},reset:function(e){var t=this.dimension();return this.$element.removeClass("collapse")[t](e||"auto")[0].offsetWidth,this.$element[e!==null?"addClass":"removeClass"]("collapse"),this},transition:function(t,n,r){var i=this,s=function(){n.type=="show"&&i.reset(),i.transitioning=0,i.$element.trigger(r)};this.$element.trigger(n);if(n.isDefaultPrevented())return;this.transitioning=1,this.$element[t]("in"),e.support.transition&&this.$element.hasClass("collapse")?this.$element.one(e.support.transition.end,s):s()},toggle:function(){this[this.$element.hasClass("in")?"hide":"show"]()}},e.fn.collapse=function(n){return this.each(function(){var r=e(this),i=r.data("collapse"),s=typeof n=="object"&&n;i||r.data("collapse",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.collapse.defaults={toggle:!0},e.fn.collapse.Constructor=t,e(document).on("click.collapse.data-api","[data-toggle=collapse]",function(t){var n=e(this),r,i=n.attr("data-target")||t.preventDefault()||(r=n.attr("href"))&&r.replace(/.*(?=#[^\s]+$)/,""),s=e(i).data("collapse")?"toggle":n.data();n[e(i).hasClass("in")?"addClass":"removeClass"]("collapsed"),e(i).collapse(s)})}(window.jQuery),!function(e){"use strict";function r(){e(t).each(function(){i(e(this)).removeClass("open")})}function i(t){var n=t.attr("data-target"),r;return n||(n=t.attr("href"),n=n&&/#/.test(n)&&n.replace(/.*(?=#[^\s]*$)/,"")),r=e(n),r.length||(r=t.parent()),r}var t="[data-toggle=dropdown]",n=function(t){var n=e(t).on("click.dropdown.data-api",this.toggle);e("html").on("click.dropdown.data-api",function(){n.parent().removeClass("open")})};n.prototype={constructor:n,toggle:function(t){var n=e(this),s,o;if(n.is(".disabled, :disabled"))return;return s=i(n),o=s.hasClass("open"),r(),o||(s.toggleClass("open"),n.focus()),!1},keydown:function(t){var n,r,s,o,u,a;if(!/(38|40|27)/.test(t.keyCode))return;n=e(this),t.preventDefault(),t.stopPropagation();if(n.is(".disabled, :disabled"))return;o=i(n),u=o.hasClass("open");if(!u||u&&t.keyCode==27)return n.click();r=e("[role=menu] li:not(.divider) a",o);if(!r.length)return;a=r.index(r.filter(":focus")),t.keyCode==38&&a>0&&a--,t.keyCode==40&&a<r.length-1&&a++,~a||(a=0),r.eq(a).focus()}},e.fn.dropdown=function(t){return this.each(function(){var r=e(this),i=r.data("dropdown");i||r.data("dropdown",i=new n(this)),typeof t=="string"&&i[t].call(r)})},e.fn.dropdown.Constructor=n,e(document).on("click.dropdown.data-api touchstart.dropdown.data-api",r).on("click.dropdown touchstart.dropdown.data-api",".dropdown form",function(e){e.stopPropagation()}).on("click.dropdown.data-api touchstart.dropdown.data-api",t,n.prototype.toggle).on("keydown.dropdown.data-api touchstart.dropdown.data-api",t+", [role=menu]",n.prototype.keydown)}(window.jQuery),!function(e){"use strict";var t=function(t,n){this.options=n,this.$element=e(t).delegate('[data-dismiss="modal"]',"click.dismiss.modal",e.proxy(this.hide,this)),this.options.remote&&this.$element.find(".modal-body").load(this.options.remote)};t.prototype={constructor:t,toggle:function(){return this[this.isShown?"hide":"show"]()},show:function(){var t=this,n=e.Event("show");this.$element.trigger(n);if(this.isShown||n.isDefaultPrevented())return;this.isShown=!0,this.escape(),this.backdrop(function(){var n=e.support.transition&&t.$element.hasClass("fade");t.$element.parent().length||t.$element.appendTo(document.body),t.$element.show(),n&&t.$element[0].offsetWidth,t.$element.addClass("in").attr("aria-hidden",!1),t.enforceFocus(),n?t.$element.one(e.support.transition.end,function(){t.$element.focus().trigger("shown")}):t.$element.focus().trigger("shown")})},hide:function(t){t&&t.preventDefault();var n=this;t=e.Event("hide"),this.$element.trigger(t);if(!this.isShown||t.isDefaultPrevented())return;this.isShown=!1,this.escape(),e(document).off("focusin.modal"),this.$element.removeClass("in").attr("aria-hidden",!0),e.support.transition&&this.$element.hasClass("fade")?this.hideWithTransition():this.hideModal()},enforceFocus:function(){var t=this;e(document).on("focusin.modal",function(e){t.$element[0]!==e.target&&!t.$element.has(e.target).length&&t.$element.focus()})},escape:function(){var e=this;this.isShown&&this.options.keyboard?this.$element.on("keyup.dismiss.modal",function(t){t.which==27&&e.hide()}):this.isShown||this.$element.off("keyup.dismiss.modal")},hideWithTransition:function(){var t=this,n=setTimeout(function(){t.$element.off(e.support.transition.end),t.hideModal()},500);this.$element.one(e.support.transition.end,function(){clearTimeout(n),t.hideModal()})},hideModal:function(e){this.$element.hide().trigger("hidden"),this.backdrop()},removeBackdrop:function(){this.$backdrop.remove(),this.$backdrop=null},backdrop:function(t){var n=this,r=this.$element.hasClass("fade")?"fade":"";if(this.isShown&&this.options.backdrop){var i=e.support.transition&&r;this.$backdrop=e('<div class="modal-backdrop '+r+'" />').appendTo(document.body),this.$backdrop.click(this.options.backdrop=="static"?e.proxy(this.$element[0].focus,this.$element[0]):e.proxy(this.hide,this)),i&&this.$backdrop[0].offsetWidth,this.$backdrop.addClass("in"),i?this.$backdrop.one(e.support.transition.end,t):t()}else!this.isShown&&this.$backdrop?(this.$backdrop.removeClass("in"),e.support.transition&&this.$element.hasClass("fade")?this.$backdrop.one(e.support.transition.end,e.proxy(this.removeBackdrop,this)):this.removeBackdrop()):t&&t()}},e.fn.modal=function(n){return this.each(function(){var r=e(this),i=r.data("modal"),s=e.extend({},e.fn.modal.defaults,r.data(),typeof n=="object"&&n);i||r.data("modal",i=new t(this,s)),typeof n=="string"?i[n]():s.show&&i.show()})},e.fn.modal.defaults={backdrop:!0,keyboard:!0,show:!0},e.fn.modal.Constructor=t,e(document).on("click.modal.data-api",'[data-toggle="modal"]',function(t){var n=e(this),r=n.attr("href"),i=e(n.attr("data-target")||r&&r.replace(/.*(?=#[^\s]+$)/,"")),s=i.data("modal")?"toggle":e.extend({remote:!/#/.test(r)&&r},i.data(),n.data());t.preventDefault(),i.modal(s).one("hide",function(){n.focus()})})}(window.jQuery),!function(e){"use strict";var t=function(e,t){this.init("tooltip",e,t)};t.prototype={constructor:t,init:function(t,n,r){var i,s;this.type=t,this.$element=e(n),this.options=this.getOptions(r),this.enabled=!0,this.options.trigger=="click"?this.$element.on("click."+this.type,this.options.selector,e.proxy(this.toggle,this)):this.options.trigger!="manual"&&(i=this.options.trigger=="hover"?"mouseenter":"focus",s=this.options.trigger=="hover"?"mouseleave":"blur",this.$element.on(i+"."+this.type,this.options.selector,e.proxy(this.enter,this)),this.$element.on(s+"."+this.type,this.options.selector,e.proxy(this.leave,this))),this.options.selector?this._options=e.extend({},this.options,{trigger:"manual",selector:""}):this.fixTitle()},getOptions:function(t){return t=e.extend({},e.fn[this.type].defaults,t,this.$element.data()),t.delay&&typeof t.delay=="number"&&(t.delay={show:t.delay,hide:t.delay}),t},enter:function(t){var n=e(t.currentTarget)[this.type](this._options).data(this.type);if(!n.options.delay||!n.options.delay.show)return n.show();clearTimeout(this.timeout),n.hoverState="in",this.timeout=setTimeout(function(){n.hoverState=="in"&&n.show()},n.options.delay.show)},leave:function(t){var n=e(t.currentTarget)[this.type](this._options).data(this.type);this.timeout&&clearTimeout(this.timeout);if(!n.options.delay||!n.options.delay.hide)return n.hide();n.hoverState="out",this.timeout=setTimeout(function(){n.hoverState=="out"&&n.hide()},n.options.delay.hide)},show:function(){var e,t,n,r,i,s,o;if(this.hasContent()&&this.enabled){e=this.tip(),this.setContent(),this.options.animation&&e.addClass("fade"),s=typeof this.options.placement=="function"?this.options.placement.call(this,e[0],this.$element[0]):this.options.placement,t=/in/.test(s),e.detach().css({top:0,left:0,display:"block"}).insertAfter(this.$element),n=this.getPosition(t),r=e[0].offsetWidth,i=e[0].offsetHeight;switch(t?s.split(" ")[1]:s){case"bottom":o={top:n.top+n.height,left:n.left+n.width/2-r/2};break;case"top":o={top:n.top-i,left:n.left+n.width/2-r/2};break;case"left":o={top:n.top+n.height/2-i/2,left:n.left-r};break;case"right":o={top:n.top+n.height/2-i/2,left:n.left+n.width}}e.offset(o).addClass(s).addClass("in")}},setContent:function(){var e=this.tip(),t=this.getTitle();e.find(".tooltip-inner")[this.options.html?"html":"text"](t),e.removeClass("fade in top bottom left right")},hide:function(){function r(){var t=setTimeout(function(){n.off(e.support.transition.end).detach()},500);n.one(e.support.transition.end,function(){clearTimeout(t),n.detach()})}var t=this,n=this.tip();return n.removeClass("in"),e.support.transition&&this.$tip.hasClass("fade")?r():n.detach(),this},fixTitle:function(){var e=this.$element;(e.attr("title")||typeof e.attr("data-original-title")!="string")&&e.attr("data-original-title",e.attr("title")||"").removeAttr("title")},hasContent:function(){return this.getTitle()},getPosition:function(t){return e.extend({},t?{top:0,left:0}:this.$element.offset(),{width:this.$element[0].offsetWidth,height:this.$element[0].offsetHeight})},getTitle:function(){var e,t=this.$element,n=this.options;return e=t.attr("data-original-title")||(typeof n.title=="function"?n.title.call(t[0]):n.title),e},tip:function(){return this.$tip=this.$tip||e(this.options.template)},validate:function(){this.$element[0].parentNode||(this.hide(),this.$element=null,this.options=null)},enable:function(){this.enabled=!0},disable:function(){this.enabled=!1},toggleEnabled:function(){this.enabled=!this.enabled},toggle:function(t){var n=e(t.currentTarget)[this.type](this._options).data(this.type);n[n.tip().hasClass("in")?"hide":"show"]()},destroy:function(){this.hide().$element.off("."+this.type).removeData(this.type)}},e.fn.tooltip=function(n){return this.each(function(){var r=e(this),i=r.data("tooltip"),s=typeof n=="object"&&n;i||r.data("tooltip",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.tooltip.Constructor=t,e.fn.tooltip.defaults={animation:!0,placement:"top",selector:!1,template:'<div class="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>',trigger:"hover",title:"",delay:0,html:!1}}(window.jQuery),!function(e){"use strict";var t=function(e,t){this.init("popover",e,t)};t.prototype=e.extend({},e.fn.tooltip.Constructor.prototype,{constructor:t,setContent:function(){var e=this.tip(),t=this.getTitle(),n=this.getContent();e.find(".popover-title")[this.options.html?"html":"text"](t),e.find(".popover-content > *")[this.options.html?"html":"text"](n),e.removeClass("fade top bottom left right in")},hasContent:function(){return this.getTitle()||this.getContent()},getContent:function(){var e,t=this.$element,n=this.options;return e=t.attr("data-content")||(typeof n.content=="function"?n.content.call(t[0]):n.content),e},tip:function(){return this.$tip||(this.$tip=e(this.options.template)),this.$tip},destroy:function(){this.hide().$element.off("."+this.type).removeData(this.type)}}),e.fn.popover=function(n){return this.each(function(){var r=e(this),i=r.data("popover"),s=typeof n=="object"&&n;i||r.data("popover",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.popover.Constructor=t,e.fn.popover.defaults=e.extend({},e.fn.tooltip.defaults,{placement:"right",trigger:"click",content:"",template:'<div class="popover"><div class="arrow"></div><div class="popover-inner"><h3 class="popover-title"></h3><div class="popover-content"><p></p></div></div></div>'})}(window.jQuery),!function(e){"use strict";function t(t,n){var r=e.proxy(this.process,this),i=e(t).is("body")?e(window):e(t),s;this.options=e.extend({},e.fn.scrollspy.defaults,n),this.$scrollElement=i.on("scroll.scroll-spy.data-api",r),this.selector=(this.options.target||(s=e(t).attr("href"))&&s.replace(/.*(?=#[^\s]+$)/,"")||"")+" .nav li > a",this.$body=e("body"),this.refresh(),this.process()}t.prototype={constructor:t,refresh:function(){var t=this,n;this.offsets=e([]),this.targets=e([]),n=this.$body.find(this.selector).map(function(){var t=e(this),n=t.data("target")||t.attr("href"),r=/^#\w/.test(n)&&e(n);return r&&r.length&&[[r.position().top,n]]||null}).sort(function(e,t){return e[0]-t[0]}).each(function(){t.offsets.push(this[0]),t.targets.push(this[1])})},process:function(){var e=this.$scrollElement.scrollTop()+this.options.offset,t=this.$scrollElement[0].scrollHeight||this.$body[0].scrollHeight,n=t-this.$scrollElement.height(),r=this.offsets,i=this.targets,s=this.activeTarget,o;if(e>=n)return s!=(o=i.last()[0])&&this.activate(o);for(o=r.length;o--;)s!=i[o]&&e>=r[o]&&(!r[o+1]||e<=r[o+1])&&this.activate(i[o])},activate:function(t){var n,r;this.activeTarget=t,e(this.selector).parent(".active").removeClass("active"),r=this.selector+'[data-target="'+t+'"],'+this.selector+'[href="'+t+'"]',n=e(r).parent("li").addClass("active"),n.parent(".dropdown-menu").length&&(n=n.closest("li.dropdown").addClass("active")),n.trigger("activate")}},e.fn.scrollspy=function(n){return this.each(function(){var r=e(this),i=r.data("scrollspy"),s=typeof n=="object"&&n;i||r.data("scrollspy",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.scrollspy.Constructor=t,e.fn.scrollspy.defaults={offset:10},e(window).on("load",function(){e('[data-spy="scroll"]').each(function(){var t=e(this);t.scrollspy(t.data())})})}(window.jQuery),!function(e){"use strict";var t=function(t){this.element=e(t)};t.prototype={constructor:t,show:function(){var t=this.element,n=t.closest("ul:not(.dropdown-menu)"),r=t.attr("data-target"),i,s,o;r||(r=t.attr("href"),r=r&&r.replace(/.*(?=#[^\s]*$)/,""));if(t.parent("li").hasClass("active"))return;i=n.find(".active:last a")[0],o=e.Event("show",{relatedTarget:i}),t.trigger(o);if(o.isDefaultPrevented())return;s=e(r),this.activate(t.parent("li"),n),this.activate(s,s.parent(),function(){t.trigger({type:"shown",relatedTarget:i})})},activate:function(t,n,r){function o(){i.removeClass("active").find("> .dropdown-menu > .active").removeClass("active"),t.addClass("active"),s?(t[0].offsetWidth,t.addClass("in")):t.removeClass("fade"),t.parent(".dropdown-menu")&&t.closest("li.dropdown").addClass("active"),r&&r()}var i=n.find("> .active"),s=r&&e.support.transition&&i.hasClass("fade");s?i.one(e.support.transition.end,o):o(),i.removeClass("in")}},e.fn.tab=function(n){return this.each(function(){var r=e(this),i=r.data("tab");i||r.data("tab",i=new t(this)),typeof n=="string"&&i[n]()})},e.fn.tab.Constructor=t,e(document).on("click.tab.data-api",'[data-toggle="tab"], [data-toggle="pill"]',function(t){t.preventDefault(),e(this).tab("show")})}(window.jQuery),!function(e){"use strict";var t=function(t,n){this.$element=e(t),this.options=e.extend({},e.fn.typeahead.defaults,n),this.matcher=this.options.matcher||this.matcher,this.sorter=this.options.sorter||this.sorter,this.highlighter=this.options.highlighter||this.highlighter,this.updater=this.options.updater||this.updater,this.$menu=e(this.options.menu).appendTo("body"),this.source=this.options.source,this.shown=!1,this.listen()};t.prototype={constructor:t,select:function(){var e=this.$menu.find(".active").attr("data-value");return this.$element.val(this.updater(e)).change(),this.hide()},updater:function(e){return e},show:function(){var t=e.extend({},this.$element.offset(),{height:this.$element[0].offsetHeight});return this.$menu.css({top:t.top+t.height,left:t.left}),this.$menu.show(),this.shown=!0,this},hide:function(){return this.$menu.hide(),this.shown=!1,this},lookup:function(t){var n;return this.query=this.$element.val(),!this.query||this.query.length<this.options.minLength?this.shown?this.hide():this:(n=e.isFunction(this.source)?this.source(this.query,e.proxy(this.process,this)):this.source,n?this.process(n):this)},process:function(t){var n=this;return t=e.grep(t,function(e){return n.matcher(e)}),t=this.sorter(t),t.length?this.render(t.slice(0,this.options.items)).show():this.shown?this.hide():this},matcher:function(e){return~e.toLowerCase().indexOf(this.query.toLowerCase())},sorter:function(e){var t=[],n=[],r=[],i;while(i=e.shift())i.toLowerCase().indexOf(this.query.toLowerCase())?~i.indexOf(this.query)?n.push(i):r.push(i):t.push(i);return t.concat(n,r)},highlighter:function(e){var t=this.query.replace(/[\-\[\]{}()*+?.,\\\^$|#\s]/g,"\\$&");return e.replace(new RegExp("("+t+")","ig"),function(e,t){return"<strong>"+t+"</strong>"})},render:function(t){var n=this;return t=e(t).map(function(t,r){return t=e(n.options.item).attr("data-value",r),t.find("a").html(n.highlighter(r)),t[0]}),t.first().addClass("active"),this.$menu.html(t),this},next:function(t){var n=this.$menu.find(".active").removeClass("active"),r=n.next();r.length||(r=e(this.$menu.find("li")[0])),r.addClass("active")},prev:function(e){var t=this.$menu.find(".active").removeClass("active"),n=t.prev();n.length||(n=this.$menu.find("li").last()),n.addClass("active")},listen:function(){this.$element.on("blur",e.proxy(this.blur,this)).on("keypress",e.proxy(this.keypress,this)).on("keyup",e.proxy(this.keyup,this)),this.eventSupported("keydown")&&this.$element.on("keydown",e.proxy(this.keydown,this)),this.$menu.on("click",e.proxy(this.click,this)).on("mouseenter","li",e.proxy(this.mouseenter,this))},eventSupported:function(e){var t=e in this.$element;return t||(this.$element.setAttribute(e,"return;"),t=typeof this.$element[e]=="function"),t},move:function(e){if(!this.shown)return;switch(e.keyCode){case 9:case 13:case 27:e.preventDefault();break;case 38:e.preventDefault(),this.prev();break;case 40:e.preventDefault(),this.next()}e.stopPropagation()},keydown:function(t){this.suppressKeyPressRepeat=!~e.inArray(t.keyCode,[40,38,9,13,27]),this.move(t)},keypress:function(e){if(this.suppressKeyPressRepeat)return;this.move(e)},keyup:function(e){switch(e.keyCode){case 40:case 38:case 16:case 17:case 18:break;case 9:case 13:if(!this.shown)return;this.select();break;case 27:if(!this.shown)return;this.hide();break;default:this.lookup()}e.stopPropagation(),e.preventDefault()},blur:function(e){var t=this;setTimeout(function(){t.hide()},150)},click:function(e){e.stopPropagation(),e.preventDefault(),this.select()},mouseenter:function(t){this.$menu.find(".active").removeClass("active"),e(t.currentTarget).addClass("active")}},e.fn.typeahead=function(n){return this.each(function(){var r=e(this),i=r.data("typeahead"),s=typeof n=="object"&&n;i||r.data("typeahead",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.typeahead.defaults={source:[],items:8,menu:'<ul class="typeahead dropdown-menu"></ul>',item:'<li><a href="#"></a></li>',minLength:1},e.fn.typeahead.Constructor=t,e(document).on("focus.typeahead.data-api",'[data-provide="typeahead"]',function(t){var n=e(this);if(n.data("typeahead"))return;t.preventDefault(),n.typeahead(n.data())})}(window.jQuery),!function(e){"use strict";var t=function(t,n){this.options=e.extend({},e.fn.affix.defaults,n),this.$window=e(window).on("scroll.affix.data-api",e.proxy(this.checkPosition,this)).on("click.affix.data-api",e.proxy(function(){setTimeout(e.proxy(this.checkPosition,this),1)},this)),this.$element=e(t),this.checkPosition()};t.prototype.checkPosition=function(){if(!this.$element.is(":visible"))return;var t=e(document).height(),n=this.$window.scrollTop(),r=this.$element.offset(),i=this.options.offset,s=i.bottom,o=i.top,u="affix affix-top affix-bottom",a;typeof i!="object"&&(s=o=i),typeof o=="function"&&(o=i.top()),typeof s=="function"&&(s=i.bottom()),a=this.unpin!=null&&n+this.unpin<=r.top?!1:s!=null&&r.top+this.$element.height()>=t-s?"bottom":o!=null&&n<=o?"top":!1;if(this.affixed===a)return;this.affixed=a,this.unpin=a=="bottom"?r.top-n:null,this.$element.removeClass(u).addClass("affix"+(a?"-"+a:""))},e.fn.affix=function(n){return this.each(function(){var r=e(this),i=r.data("affix"),s=typeof n=="object"&&n;i||r.data("affix",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.affix.Constructor=t,e.fn.affix.defaults={offset:0},e(window).on("load",function(){e('[data-spy="affix"]').each(function(){var t=e(this),n=t.data();n.offset=n.offset||{},n.offsetBottom&&(n.offset.bottom=n.offsetBottom),n.offsetTop&&(n.offset.top=n.offsetTop),t.affix(n)})})}(window.jQuery);
|
@@ -0,0 +1,520 @@
|
|
1
|
+
// Button sizing
|
2
|
+
// -------------
|
3
|
+
|
4
|
+
@mixin button-size($height, $font-size, $border-width, $border-color, $horizontal-padding) {
|
5
|
+
|
6
|
+
height: $height;
|
7
|
+
padding: ($height - $font-size - ($border-width * 2)) / 2 $horizontal-padding;
|
8
|
+
font-size: $font-size;
|
9
|
+
}
|
10
|
+
|
11
|
+
// Button border
|
12
|
+
// -------------
|
13
|
+
|
14
|
+
@mixin button-border($theme) {
|
15
|
+
@if $theme == "glossy" {
|
16
|
+
border-color: $button-border-color;
|
17
|
+
}
|
18
|
+
|
19
|
+
@if $theme == "flat" {
|
20
|
+
border-color: $button-border-color;
|
21
|
+
}
|
22
|
+
}
|
23
|
+
|
24
|
+
// Button theme
|
25
|
+
// ------------
|
26
|
+
|
27
|
+
@mixin button-theme($theme) {
|
28
|
+
@if $theme == "glossy" {
|
29
|
+
@include background-image(
|
30
|
+
linear-gradient(
|
31
|
+
top,
|
32
|
+
$button-highlight 1px,
|
33
|
+
$button-shine 1px,
|
34
|
+
$button-shine 2px,
|
35
|
+
$button-highlight 2px,
|
36
|
+
$button-lowlight 100%
|
37
|
+
)
|
38
|
+
);
|
39
|
+
@include box-shadow($button-box-shadow);
|
40
|
+
text-shadow: 0px 1px 0px $button-shine;
|
41
|
+
}
|
42
|
+
|
43
|
+
@if $theme == "flat" {
|
44
|
+
background: $button-solid-background;
|
45
|
+
}
|
46
|
+
}
|
47
|
+
|
48
|
+
// Custom colored buttons
|
49
|
+
// ----------------------
|
50
|
+
|
51
|
+
@mixin button-custom(
|
52
|
+
$theme,
|
53
|
+
$background-color,
|
54
|
+
$text-color,
|
55
|
+
$reversed: false
|
56
|
+
) {
|
57
|
+
|
58
|
+
@if $theme == "glossy" {
|
59
|
+
@include background-image(
|
60
|
+
linear-gradient(
|
61
|
+
top,
|
62
|
+
lighten($background-color, 5%) 1px,
|
63
|
+
lighten($background-color, 10%) 1px,
|
64
|
+
lighten($background-color, 10%) 2px,
|
65
|
+
lighten($background-color, 5%) 2px,
|
66
|
+
darken($background-color, 5%) 100%
|
67
|
+
)
|
68
|
+
);
|
69
|
+
}
|
70
|
+
|
71
|
+
@if $theme == "flat" {
|
72
|
+
background: $background-color;
|
73
|
+
}
|
74
|
+
|
75
|
+
@if $reversed == true {
|
76
|
+
text-shadow: 0px 1px 0px rgba(0,0,0,0.2);
|
77
|
+
@include box-shadow(0px 1px 0px rgba(0,0,0,0.2));
|
78
|
+
}
|
79
|
+
|
80
|
+
@if $reversed == false {
|
81
|
+
text-shadow: 0px 1px 0px rgba(0,0,0,0.2);
|
82
|
+
}
|
83
|
+
|
84
|
+
color: $text-color;
|
85
|
+
|
86
|
+
&:hover {
|
87
|
+
|
88
|
+
@if $theme == "glossy" {
|
89
|
+
@include background-image(
|
90
|
+
linear-gradient(
|
91
|
+
top,
|
92
|
+
lighten($background-color, 10%) 1px,
|
93
|
+
lighten($background-color, 15%) 1px,
|
94
|
+
lighten($background-color, 15%) 2px,
|
95
|
+
lighten($background-color, 15%) 2px,
|
96
|
+
darken($background-color, 0%) 100%
|
97
|
+
)
|
98
|
+
);
|
99
|
+
}
|
100
|
+
|
101
|
+
@if $theme == "flat" {
|
102
|
+
background: lighten($background-color, 5%);
|
103
|
+
}
|
104
|
+
}
|
105
|
+
|
106
|
+
&:active,
|
107
|
+
&.active {
|
108
|
+
|
109
|
+
@if $theme == "glossy" {
|
110
|
+
@include background-image(
|
111
|
+
linear-gradient(
|
112
|
+
top,
|
113
|
+
darken($background-color, 5%) 0%,
|
114
|
+
$background-color 100%
|
115
|
+
)
|
116
|
+
);
|
117
|
+
@include box-shadow(inset 0px 1px 2px rgba(0,0,0,0.15));
|
118
|
+
}
|
119
|
+
|
120
|
+
@if $theme == "flat" {
|
121
|
+
background: darken($background-color, 5%);
|
122
|
+
}
|
123
|
+
}
|
124
|
+
}
|
125
|
+
|
126
|
+
// Base button styles
|
127
|
+
// ------------------
|
128
|
+
|
129
|
+
.button {
|
130
|
+
|
131
|
+
@include clearfix();
|
132
|
+
@include background-origin(border-box);
|
133
|
+
@include background-clip(border-box);
|
134
|
+
@include border-radius($button-border-radius);
|
135
|
+
@include button-size($button-height, $button-font-size, $button-border-width, $button-border-color, $button-horizontal-padding);
|
136
|
+
@include button-border($button-theme);
|
137
|
+
@include button-theme($button-theme);
|
138
|
+
|
139
|
+
display: inline-block;
|
140
|
+
margin: 0 $base-font-size / 4 0 0;
|
141
|
+
border-width: $button-border-width;
|
142
|
+
border-style: solid;
|
143
|
+
cursor: pointer;
|
144
|
+
|
145
|
+
color: $button-font-color;
|
146
|
+
font-family: $button-font-family;
|
147
|
+
font-weight: $button-font-weight;
|
148
|
+
line-height: 1;
|
149
|
+
text-align: center;
|
150
|
+
text-decoration: none;
|
151
|
+
vertical-align: middle;
|
152
|
+
|
153
|
+
// Last child
|
154
|
+
// ----------
|
155
|
+
|
156
|
+
&:last-child {
|
157
|
+
margin-right: 0;
|
158
|
+
}
|
159
|
+
|
160
|
+
// Button icons
|
161
|
+
// ------------
|
162
|
+
|
163
|
+
.icon {
|
164
|
+
position: relative;
|
165
|
+
vertical-align: top;
|
166
|
+
top: ($button-font-size - $button-icon-size) / 2;
|
167
|
+
}
|
168
|
+
|
169
|
+
// Buttons with icon dividers
|
170
|
+
// --------------------------
|
171
|
+
|
172
|
+
&.has-icon-divider {
|
173
|
+
position: relative;
|
174
|
+
|
175
|
+
.icon.icon-prepend {
|
176
|
+
margin-right: ($button-font-size * 1.8);
|
177
|
+
}
|
178
|
+
|
179
|
+
&:before {
|
180
|
+
@include pseudo();
|
181
|
+
width: 1px;
|
182
|
+
height: 100%;
|
183
|
+
background: $button-border-color;
|
184
|
+
left: $button-horizontal-padding + $button-icon-size + $button-font-size - 2;
|
185
|
+
top: 0px;
|
186
|
+
}
|
187
|
+
}
|
188
|
+
|
189
|
+
// Hover state
|
190
|
+
// -----------
|
191
|
+
|
192
|
+
&:hover {
|
193
|
+
|
194
|
+
@if $button-theme == "glossy" {
|
195
|
+
|
196
|
+
@include background-image(
|
197
|
+
linear-gradient(
|
198
|
+
top,
|
199
|
+
$button-shine 0px,
|
200
|
+
lighten($button-highlight, 3%) 1px,
|
201
|
+
lighten($button-lowlight, 3%) 100%
|
202
|
+
)
|
203
|
+
);
|
204
|
+
|
205
|
+
}
|
206
|
+
|
207
|
+
@if $button-theme == "flat" {
|
208
|
+
background: lighten($button-solid-background, 5%);
|
209
|
+
}
|
210
|
+
|
211
|
+
color: $button-font-color;
|
212
|
+
text-decoration: none;
|
213
|
+
}
|
214
|
+
|
215
|
+
// Active state
|
216
|
+
// ------------
|
217
|
+
|
218
|
+
&:active,
|
219
|
+
&.active {
|
220
|
+
|
221
|
+
@if $button-theme == "glossy" {
|
222
|
+
@include background-image(
|
223
|
+
linear-gradient(
|
224
|
+
top,
|
225
|
+
$button-lowlight 0px,
|
226
|
+
$button-highlight 100%
|
227
|
+
)
|
228
|
+
);
|
229
|
+
@include box-shadow(inset 0px 1px 2px rgba(0,0,0,0.15));
|
230
|
+
}
|
231
|
+
|
232
|
+
@if $button-theme == "flat" {
|
233
|
+
background: darken($button-solid-background, 5%);
|
234
|
+
}
|
235
|
+
}
|
236
|
+
|
237
|
+
// Focus state
|
238
|
+
// -----------
|
239
|
+
|
240
|
+
&:focus {
|
241
|
+
outline: none;
|
242
|
+
}
|
243
|
+
|
244
|
+
// Large buttons
|
245
|
+
// -------------
|
246
|
+
|
247
|
+
&.button-large {
|
248
|
+
|
249
|
+
$height: $button-large-height;
|
250
|
+
$font-size: $button-large-font-size;
|
251
|
+
$border-width: $button-border-width;
|
252
|
+
$border-color: $button-border-color;
|
253
|
+
$horizontal-padding: $button-large-horizontal-padding;
|
254
|
+
|
255
|
+
@include button-size($height, $font-size, $border-width, $border-color, $horizontal-padding);
|
256
|
+
|
257
|
+
.icon {
|
258
|
+
top: ($font-size - $button-icon-size) / 2;
|
259
|
+
}
|
260
|
+
|
261
|
+
&.has-icon-divider {
|
262
|
+
|
263
|
+
.icon.icon-prepend {
|
264
|
+
margin-right: $horizontal-padding * 2;
|
265
|
+
}
|
266
|
+
|
267
|
+
&:before {
|
268
|
+
left: $horizontal-padding + $button-icon-size + $horizontal-padding - 2;
|
269
|
+
}
|
270
|
+
}
|
271
|
+
}
|
272
|
+
|
273
|
+
// Small buttons
|
274
|
+
// -------------
|
275
|
+
|
276
|
+
&.button-small {
|
277
|
+
|
278
|
+
$height: $button-small-height;
|
279
|
+
$font-size: $button-small-font-size;
|
280
|
+
$border-width: $button-border-width;
|
281
|
+
$border-color: $button-border-color;
|
282
|
+
$horizontal-padding: $button-small-horizontal-padding;
|
283
|
+
|
284
|
+
@include button-size($height, $font-size, $border-width, $border-color, $horizontal-padding);
|
285
|
+
|
286
|
+
.icon {
|
287
|
+
top: ($font-size - $button-icon-size) / 2;
|
288
|
+
}
|
289
|
+
|
290
|
+
&.has-icon-divider {
|
291
|
+
|
292
|
+
.icon.icon-prepend {
|
293
|
+
margin-right: $horizontal-padding * 2;
|
294
|
+
}
|
295
|
+
|
296
|
+
&:before {
|
297
|
+
left: $horizontal-padding + $button-icon-size + $horizontal-padding - 2;
|
298
|
+
}
|
299
|
+
}
|
300
|
+
}
|
301
|
+
|
302
|
+
// Pill buttons
|
303
|
+
// ------------
|
304
|
+
|
305
|
+
&.button-pill {
|
306
|
+
@include border-radius(100px);
|
307
|
+
padding-left: 1.5em;
|
308
|
+
padding-right: 1.5em;
|
309
|
+
}
|
310
|
+
|
311
|
+
// Custom buttons
|
312
|
+
// --------------
|
313
|
+
|
314
|
+
&.button-facebook {
|
315
|
+
@include button-custom(
|
316
|
+
$theme: $button-theme,
|
317
|
+
$background-color: $facebook-blue,
|
318
|
+
$text-color: #fff,
|
319
|
+
$reversed: true
|
320
|
+
);
|
321
|
+
}
|
322
|
+
|
323
|
+
&.button-twitter {
|
324
|
+
@include button-custom(
|
325
|
+
$theme: $button-theme,
|
326
|
+
$background-color: darken($twitter-blue, 5%),
|
327
|
+
$text-color: #fff,
|
328
|
+
$reversed: true
|
329
|
+
);
|
330
|
+
}
|
331
|
+
|
332
|
+
// Disabled buttons
|
333
|
+
// ----------------
|
334
|
+
|
335
|
+
&.button-disabled {
|
336
|
+
opacity: 0.5;
|
337
|
+
cursor: not-allowed;
|
338
|
+
}
|
339
|
+
}
|
340
|
+
|
341
|
+
// Button dropdowns
|
342
|
+
// ----------------
|
343
|
+
|
344
|
+
.has-dropdown.button-dropdown {
|
345
|
+
display: inline-block;
|
346
|
+
margin-right: $base-font-size / 4; // Add back button right margin
|
347
|
+
|
348
|
+
.button {
|
349
|
+
margin-right: 0; // Remove button right margin so button and container are coterminous
|
350
|
+
padding-right: ($button-horizontal-padding * 1.5) + ($button-caret-height * 2);
|
351
|
+
|
352
|
+
.caret {
|
353
|
+
display: block;
|
354
|
+
position: absolute;
|
355
|
+
top: 0;
|
356
|
+
right: $button-horizontal-padding;
|
357
|
+
width: $navbar-caret-height * 2;
|
358
|
+
height: $button-height;
|
359
|
+
|
360
|
+
&:after {
|
361
|
+
@include css-triangle($navbar-caret-height, $button-font-color, top);
|
362
|
+
position: absolute;
|
363
|
+
top: ($button-height / 2) - ($navbar-caret-height / 2);
|
364
|
+
left: 0;
|
365
|
+
}
|
366
|
+
}
|
367
|
+
}
|
368
|
+
|
369
|
+
.dropdown {
|
370
|
+
left: 0;
|
371
|
+
margin-top: -1px;
|
372
|
+
@include border-radius(0 $small-border-radius $small-border-radius $small-border-radius);
|
373
|
+
|
374
|
+
&.right {
|
375
|
+
left: auto;
|
376
|
+
right: 0;
|
377
|
+
@include border-radius($small-border-radius 0 $small-border-radius $small-border-radius);
|
378
|
+
|
379
|
+
}
|
380
|
+
|
381
|
+
> li {
|
382
|
+
> a {
|
383
|
+
padding-left: $button-horizontal-padding;
|
384
|
+
padding-right: $button-horizontal-padding;
|
385
|
+
}
|
386
|
+
}
|
387
|
+
}
|
388
|
+
|
389
|
+
&.open {
|
390
|
+
|
391
|
+
> .button {
|
392
|
+
|
393
|
+
@if $button-theme == "glossy" {
|
394
|
+
@include box-shadow($dropdown-box-shadow);
|
395
|
+
}
|
396
|
+
|
397
|
+
@if $button-theme == "flat" {
|
398
|
+
border-color: $button-border-color;
|
399
|
+
}
|
400
|
+
|
401
|
+
@include border-radius($button-border-radius $button-border-radius 0 0);
|
402
|
+
|
403
|
+
background: $dropdown-background;
|
404
|
+
color: $base-font-color;
|
405
|
+
text-shadow: none;
|
406
|
+
}
|
407
|
+
}
|
408
|
+
}
|
409
|
+
|
410
|
+
// Button groups
|
411
|
+
// -------------
|
412
|
+
|
413
|
+
.button-group {
|
414
|
+
|
415
|
+
@include clearfix();
|
416
|
+
display: inline-block;
|
417
|
+
vertical-align: middle;
|
418
|
+
margin: 0 $base-font-size / 4 0 0;
|
419
|
+
|
420
|
+
> * {
|
421
|
+
float: left;
|
422
|
+
}
|
423
|
+
|
424
|
+
.button {
|
425
|
+
@include border-radius(0);
|
426
|
+
margin-right: 0;
|
427
|
+
|
428
|
+
@if $button-theme == "glossy" {
|
429
|
+
border-right: none;
|
430
|
+
}
|
431
|
+
|
432
|
+
@if $button-theme == "flat" {
|
433
|
+
border-right-color: $button-border-color;
|
434
|
+
}
|
435
|
+
}
|
436
|
+
|
437
|
+
> .button {
|
438
|
+
|
439
|
+
&:first-child {
|
440
|
+
@include border-radius($button-border-radius 0 0 $button-border-radius);
|
441
|
+
}
|
442
|
+
|
443
|
+
&:last-child {
|
444
|
+
@include border-radius(0 $button-border-radius $button-border-radius 0);
|
445
|
+
@include button-border($button-theme);
|
446
|
+
border-right-style: solid;
|
447
|
+
border-right-width: $button-border-width;
|
448
|
+
}
|
449
|
+
}
|
450
|
+
|
451
|
+
// Dropdowns in button groups
|
452
|
+
// --------------------------
|
453
|
+
|
454
|
+
.has-dropdown.button-dropdown {
|
455
|
+
|
456
|
+
margin-right: 0;
|
457
|
+
|
458
|
+
.dropdown {
|
459
|
+
@include border-radius(0 0 $small-border-radius $small-border-radius);
|
460
|
+
}
|
461
|
+
|
462
|
+
&:first-child {
|
463
|
+
.button {
|
464
|
+
@include border-radius($button-border-radius 0 0 $button-border-radius);
|
465
|
+
}
|
466
|
+
}
|
467
|
+
|
468
|
+
&:last-child {
|
469
|
+
.button {
|
470
|
+
@include border-radius(0 $button-border-radius $button-border-radius 0);
|
471
|
+
@include button-border($button-theme);
|
472
|
+
border-right-style: solid;
|
473
|
+
border-right-width: $button-border-width;
|
474
|
+
|
475
|
+
@if $button-theme == "flat" {
|
476
|
+
border-left: none;
|
477
|
+
}
|
478
|
+
}
|
479
|
+
}
|
480
|
+
|
481
|
+
&.open {
|
482
|
+
.button {
|
483
|
+
@include border-radius(0);
|
484
|
+
|
485
|
+
@if $button-theme == "flat" {
|
486
|
+
border-color: $button-border-color;
|
487
|
+
}
|
488
|
+
}
|
489
|
+
|
490
|
+
&:first-child {
|
491
|
+
.button {
|
492
|
+
@include border-radius($button-border-radius 0 0 0);
|
493
|
+
}
|
494
|
+
}
|
495
|
+
|
496
|
+
&:last-child {
|
497
|
+
.button {
|
498
|
+
@include border-radius(0 $button-border-radius 0 0);
|
499
|
+
}
|
500
|
+
}
|
501
|
+
}
|
502
|
+
}
|
503
|
+
}
|
504
|
+
|
505
|
+
// Button icons
|
506
|
+
// ------------
|
507
|
+
|
508
|
+
.icon {
|
509
|
+
font-family: "Entypo";
|
510
|
+
display: inline-block;
|
511
|
+
width: 16px;
|
512
|
+
height: 16px;
|
513
|
+
@include border-radius(100px);
|
514
|
+
background: rgba(0,0,0,0.2);
|
515
|
+
vertical-align: middle;
|
516
|
+
|
517
|
+
&.icon-prepend {
|
518
|
+
margin-right: 0.8em;
|
519
|
+
}
|
520
|
+
}
|