Skip to content

brainfood / bootflat

Go to a project
Toggle navigation
Toggle navigation pinning
267f353f by bootflat
Options

update version 2.0.0

1 parent 37a1d240
Expand all
Inline Side-by-side
Showing 75 changed files with 3559 additions and 2 deletions
module.exports = function(grunt) {
grunt.initConfig({
jshint: {
files: ['Gruntfile.js', 'js/**/*.js'],
options: {
jshintrc: '.jshintrc'
}
},
uglify: {
dist: {
files: {
'js/site.min.js': [
'js/jquery-1.10.1.min.js',
'js/bootstrap.min.js',
'js/holder.js',
'bootflat/js/icheck.min.js',
'bootflat/js/jquery.collapse.js',
'js/application.js'
]
}
}
},
cssmin: {
dist: {
files: {
'css/site.min.css': [
'css/bootstrap.min.css',
'bootflat/css/bootflat.css',
'css/site.css'
],
'bootflat/css/bootflat.min.css': 'bootflat/css/bootflat.css'
}
}
},
sass: {
dist: {
files: {
'bootflat/css/bootflat.css': 'bootflat/scss/bootflat.scss'
},
options: {
style: 'expanded',
sourcemap: 'true'
}
}
},
pkg: grunt.file.readJSON('package.json')
});
require('load-grunt-tasks')(grunt);
grunt.registerTask('default', [
'jshint',
'sass',
'cssmin',
'uglify'
]);
};
\ No newline at end of file
bootflat.github.io
==================
# What is Bootflat?
BOOTFLAT is an open source Flat UI KIT based on Twitter Bootstrap 3.1.0 css framework. It provides a faster, easier and less repetitive way for web developers to create elegant web app.
Note: Compatible Browsers: IE8, IE9, IE10, Firefox, Safari, Opera, Chrome.
Thanks for supporting our website and enjoy!
## Feature:
### 1. Bootstrap 3.1.0
Bootsflat is based on Bootstrap 3.1.0 the sleek, intuitive, and powerful mobile-first front-end framework for faster and easier web development.
### 2. HTML5 & CSS3
First use HTML5 and CSS3 to build the components. the pages use header, nav, section to build the layout. this project have a good color scheme, can easy to change.
### 3. Lightweight
We only choose the lightweight plugins, but with rich functions. we use tiny components, css and js size is first consideration.
### 4. Mobile first
Bootflat is fully responsive, but it's mobile first. it provide the off screen nav, and almost all the widgets are copatible to all the screen sizes.
## Manual Start
Install with [bower](http://bower.io/)?
`bower install angulargap`
The source files are in the `bootflat/` folder. You can just grab the `bootflat/css/`, `bootflat/scss/`,`bootflat/js/` and `bootflat/img/` folders and you'll be good to go.
## Changelog:
2014/3/6 version 2.0.0
## Links:
+ [AngularGap Home page](http://bootflat.github.io/)
+ [AngularGap Documentation page](http://bootflat.github.io/documentation.html)
## Community
+ Follow [@flathemes on Twitter](https://twitter.com/flathemes).
+ Have a feature request or find a bug? [Submit an issue](https://github.com/angulargap/angulargap.github.io/issues).
## LICENSE
Bootflat is licensed under the MIT Open Source license. For more information, see the LICENSE file in this repository.
......
No preview for this file type
This diff could not be displayed because it is too large.
No preview for this file type
No preview for this file type
No preview for this file type
/*! iCheck v1.0.1 by Damir Sultanov, http://git.io/arlzeA, MIT Licensed */
(function(f){function A(a,b,d){var c=a[0],g=/er/.test(d)?_indeterminate:/bl/.test(d)?n:k,e=d==_update?{checked:c[k],disabled:c[n],indeterminate:"true"==a.attr(_indeterminate)||"false"==a.attr(_determinate)}:c[g];if(/^(ch|di|in)/.test(d)&&!e)x(a,g);else if(/^(un|en|de)/.test(d)&&e)q(a,g);else if(d==_update)for(var f in e)e[f]?x(a,f,!0):q(a,f,!0);else if(!b||"toggle"==d){if(!b)a[_callback]("ifClicked");e?c[_type]!==r&&q(a,g):x(a,g)}}function x(a,b,d){var c=a[0],g=a.parent(),e=b==k,u=b==_indeterminate,
v=b==n,s=u?_determinate:e?y:"enabled",F=l(a,s+t(c[_type])),B=l(a,b+t(c[_type]));if(!0!==c[b]){if(!d&&b==k&&c[_type]==r&&c.name){var w=a.closest("form"),p='input[name="'+c.name+'"]',p=w.length?w.find(p):f(p);p.each(function(){this!==c&&f(this).data(m)&&q(f(this),b)})}u?(c[b]=!0,c[k]&&q(a,k,"force")):(d||(c[b]=!0),e&&c[_indeterminate]&&q(a,_indeterminate,!1));D(a,e,b,d)}c[n]&&l(a,_cursor,!0)&&g.find("."+C).css(_cursor,"default");g[_add](B||l(a,b)||"");g.attr("role")&&!u&&g.attr("aria-"+(v?n:k),"true");
g[_remove](F||l(a,s)||"")}function q(a,b,d){var c=a[0],g=a.parent(),e=b==k,f=b==_indeterminate,m=b==n,s=f?_determinate:e?y:"enabled",q=l(a,s+t(c[_type])),r=l(a,b+t(c[_type]));if(!1!==c[b]){if(f||!d||"force"==d)c[b]=!1;D(a,e,s,d)}!c[n]&&l(a,_cursor,!0)&&g.find("."+C).css(_cursor,"pointer");g[_remove](r||l(a,b)||"");g.attr("role")&&!f&&g.attr("aria-"+(m?n:k),"false");g[_add](q||l(a,s)||"")}function E(a,b){if(a.data(m)){a.parent().html(a.attr("style",a.data(m).s||""));if(b)a[_callback](b);a.off(".i").unwrap();
f(_label+'[for="'+a[0].id+'"]').add(a.closest(_label)).off(".i")}}function l(a,b,f){if(a.data(m))return a.data(m).o[b+(f?"":"Class")]}function t(a){return a.charAt(0).toUpperCase()+a.slice(1)}function D(a,b,f,c){if(!c){if(b)a[_callback]("ifToggled");a[_callback]("ifChanged")[_callback]("if"+t(f))}}var m="iCheck",C=m+"-helper",r="radio",k="checked",y="un"+k,n="disabled";_determinate="determinate";_indeterminate="in"+_determinate;_update="update";_type="type";_click="click";_touch="touchbegin.i touchend.i";
_add="addClass";_remove="removeClass";_callback="trigger";_label="label";_cursor="cursor";_mobile=/ipad|iphone|ipod|android|blackberry|windows phone|opera mini|silk/i.test(navigator.userAgent);f.fn[m]=function(a,b){var d='input[type="checkbox"], input[type="'+r+'"]',c=f(),g=function(a){a.each(function(){var a=f(this);c=a.is(d)?c.add(a):c.add(a.find(d))})};if(/^(check|uncheck|toggle|indeterminate|determinate|disable|enable|update|destroy)$/i.test(a))return a=a.toLowerCase(),g(this),c.each(function(){var c=
f(this);"destroy"==a?E(c,"ifDestroyed"):A(c,!0,a);f.isFunction(b)&&b()});if("object"!=typeof a&&a)return this;var e=f.extend({checkedClass:k,disabledClass:n,indeterminateClass:_indeterminate,labelHover:!0},a),l=e.handle,v=e.hoverClass||"hover",s=e.focusClass||"focus",t=e.activeClass||"active",B=!!e.labelHover,w=e.labelHoverClass||"hover",p=(""+e.increaseArea).replace("%","")|0;if("checkbox"==l||l==r)d='input[type="'+l+'"]';-50>p&&(p=-50);g(this);return c.each(function(){var a=f(this);E(a);var c=this,
b=c.id,g=-p+"%",d=100+2*p+"%",d={position:"absolute",top:g,left:g,display:"block",width:d,height:d,margin:0,padding:0,background:"#fff",border:0,opacity:0},g=_mobile?{position:"absolute",visibility:"hidden"}:p?d:{position:"absolute",opacity:0},l="checkbox"==c[_type]?e.checkboxClass||"icheckbox":e.radioClass||"i"+r,z=f(_label+'[for="'+b+'"]').add(a.closest(_label)),u=!!e.aria,y=m+"-"+Math.random().toString(36).substr(2,6),h='<div class="'+l+'" '+(u?'role="'+c[_type]+'" ':"");u&&z.each(function(){h+=
'aria-labelledby="';this.id?h+=this.id:(this.id=y,h+=y);h+='"'});h=a.wrap(h+"/>")[_callback]("ifCreated").parent().append(e.insert);d=f('<ins class="'+C+'"/>').css(d).appendTo(h);a.data(m,{o:e,s:a.attr("style")}).css(g);e.inheritClass&&h[_add](c.className||"");e.inheritID&&b&&h.attr("id",m+"-"+b);"static"==h.css("position")&&h.css("position","relative");A(a,!0,_update);if(z.length)z.on(_click+".i mouseover.i mouseout.i "+_touch,function(b){var d=b[_type],e=f(this);if(!c[n]){if(d==_click){if(f(b.target).is("a"))return;
A(a,!1,!0)}else B&&(/ut|nd/.test(d)?(h[_remove](v),e[_remove](w)):(h[_add](v),e[_add](w)));if(_mobile)b.stopPropagation();else return!1}});a.on(_click+".i focus.i blur.i keyup.i keydown.i keypress.i",function(b){var d=b[_type];b=b.keyCode;if(d==_click)return!1;if("keydown"==d&&32==b)return c[_type]==r&&c[k]||(c[k]?q(a,k):x(a,k)),!1;if("keyup"==d&&c[_type]==r)!c[k]&&x(a,k);else if(/us|ur/.test(d))h["blur"==d?_remove:_add](s)});d.on(_click+" mousedown mouseup mouseover mouseout "+_touch,function(b){var d=
b[_type],e=/wn|up/.test(d)?t:v;if(!c[n]){if(d==_click)A(a,!1,!0);else{if(/wn|er|in/.test(d))h[_add](e);else h[_remove](e+" "+t);if(z.length&&B&&e==v)z[/ut|nd/.test(d)?_remove:_add](w)}if(_mobile)b.stopPropagation();else return!1}})})}})(window.jQuery||window.Zepto);
/*
* Collapse plugin for jQuery
* --
* source: http://github.com/danielstocks/jQuery-Collapse/
* site: http://webcloud.se/jQuery-Collapse
*
* @author Daniel Stocks (http://webcloud.se)
* Copyright 2013, Daniel Stocks
* Released under the MIT, BSD, and GPL Licenses.
*/
(function($, exports) {
// Constructor
function Collapse (el, options) {
options = options || {};
var _this = this,
query = options.query || "> :even";
$.extend(_this, {
$el: el,
options : options,
sections: [],
isAccordion : options.accordion || false,
db : options.persist ? jQueryCollapseStorage(el.get(0).id) : false
});
// Figure out what sections are open if storage is used
_this.states = _this.db ? _this.db.read() : [];
// For every pair of elements in given
// element, create a section
_this.$el.find(query).each(function() {
new jQueryCollapseSection($(this), _this);
});
// Capute ALL the clicks!
(function(scope) {
_this.$el.on("click", "[data-collapse-summary] " + (scope.options.clickQuery || ""),
$.proxy(_this.handleClick, scope));
_this.$el.bind("toggle close open",
$.proxy(_this.handleEvent, scope));
}(_this));
}
Collapse.prototype = {
handleClick: function(e, state) {
e.preventDefault();
state = state || "toggle";
var sections = this.sections,
l = sections.length;
while(l--) {
if($.contains(sections[l].$summary[0], e.target)) {
sections[l][state]();
break;
}
}
},
handleEvent: function(e) {
if(e.target == this.$el.get(0)) return this[e.type]();
this.handleClick(e, e.type);
},
open: function(eq) {
this._change("open", eq);
},
close: function(eq) {
this._change("close", eq);
},
toggle: function(eq) {
this._change("toggle", eq);
},
_change: function(action, eq) {
$.each(this.sections, function(i, section) {
section[action]();
});
}
};
// Section constructor
function Section($el, parent) {
if(!parent.options.clickQuery) $el.wrapInner('<a href="#"/>');
$.extend(this, {
isOpen : false,
$summary : $el.attr("data-collapse-summary",""),
$details : $el.next(),
options: parent.options,
parent: parent
});
parent.sections.push(this);
// Check current state of section
var state = parent.states[this._index()];
if(state === 0) {
this.close(true);
}
else if(this.$summary.is(".open") || state === 1) {
this.open(true);
} else {
this.close(true);
}
}
Section.prototype = {
toggle : function() {
this.isOpen ? this.close() : this.open();
},
close: function(bypass) {
this._changeState("close", bypass);
},
open: function(bypass) {
var _this = this;
if(_this.options.accordion && !bypass) {
$.each(_this.parent.sections, function(i, section) {
section.close();
});
}
_this._changeState("open", bypass);
},
_index: function() {
return $.inArray(this, this.parent.sections);
},
_changeState: function(state, bypass) {
var _this = this;
_this.isOpen = state == "open";
if($.isFunction(_this.options[state]) && !bypass) {
_this.options[state].apply(_this.$details);
} else {
_this.$details[_this.isOpen ? "show" : "hide"]();
}
_this.$summary.toggleClass("open", state !== "close");
_this.$details.attr("aria-hidden", state === "close");
_this.$summary.attr("aria-expanded", state === "open");
_this.$summary.trigger(state === "open" ? "opened" : "closed", _this);
if(_this.parent.db) {
_this.parent.db.write(_this._index(), _this.isOpen);
}
}
};
// Expose in jQuery API
$.fn.extend({
collapse: function(options, scan) {
var nodes = (scan) ? $("body").find("[data-collapse]") : $(this);
return nodes.each(function() {
var settings = (scan) ? {} : options,
values = $(this).attr("data-collapse") || "";
$.each(values.split(" "), function(i,v) {
if(v) settings[v] = true;
});
new Collapse($(this), settings);
});
}
});
//jQuery DOM Ready
$(function() {
$.fn.collapse(false, true);
});
// Expose constructor to
// global namespace
exports.jQueryCollapse = Collapse;
exports.jQueryCollapseSection = Section;
})(window.jQuery, window);
@charset "UTF-8";
/*
* Copyright 2013 FLATHEMES.
*
* Bootflat, v2.0.0
* A open source Flat UI KIT based on Twitter Bootstrap 3.1.0 css framework.
* http://http://bootflat.github.io/
*
* By @flathemes
*
* Licensed under the MIT license. Please see LICENSE for more information.
*
*/
@import
// Variables, Extends, Mixins
"bootflat/global",
// Base
"bootflat/typography",
"bootflat/button",
"bootflat/button_group",
"bootflat/label_badge",
"bootflat/tooltip",
"bootflat/popover",
"bootflat/progress",
"bootflat/breadcrumb",
"bootflat/pagination",
"bootflat/pager",
"bootflat/form",
"bootflat/checkbox_radio",
"bootflat/alert",
"bootflat/tab",
"bootflat/pill",
"bootflat/navbar",
"bootflat/list",
"bootflat/media_list",
"bootflat/modal",
"bootflat/well",
"bootflat/thumbnail",
"bootflat/jumbotron",
"bootflat/panel",
"bootflat/accordion",
"bootflat/footer",
"bootflat/dropdown";
// Variables
//------------------------------------------------------
$accordion-header-border-color: $lightgray-dark !default;
$accordion-panel-header-color: $lightgray-dark !default;
$accordion-panel-background-color: $white !default;
$accordion-panel-font-color: $darkgray-dark !default;
$accordion-panel-font-color-hover: $mediumgray-dark !default;
$accordion-panel-radius: 4px !default;
$accordion-panel-shadow: 0 1px 2px rgba(0, 0, 0, .2) !default;
// Exports
//------------------------------------------------------
@include exports("accordion") {
/**
* accordion
* --------------------------------------------------
*/
.accordion {
& #{&}-header {
margin-top: 0;
font-size: 16px;
display: block;
& a {
font-weight: normal;
font-size: 15px;
color: $accordion-panel-font-color-hover
}
& a:hover,
& a:focus,
& a:active {
color: $accordion-panel-font-color;
text-decoration: none;
}
& .glyphicon {
position: relative;
top: -1px;
font-size: 10px;
}
& + div {
display: block !important;
@include transition (all 0.3s ease);
height: 0;
overflow: hidden;
}
&.open + div {
height: auto;
}
&.open a,
&.open a:hover,
&.open a:focus,
&.open a:active {
color: $accordion-panel-font-color;
text-decoration: none;
}
&.open .glyphicon {
@include transform($value: rotate(-30deg));
}
}
& .accordion-body {
padding: 10px 0;
}
}
.accordion-panel {
background-color: $accordion-panel-background-color;
@include radius($type: border-radius, $value: $accordion-panel-radius);
@include box-shadow($value: $accordion-panel-shadow);
& .accordion-header {
margin-bottom: 0;
border-top: 1px solid $accordion-header-border-color;
&:first-child {
border-top: none;
@include radius($type: border-radius, $value: $accordion-panel-radius $accordion-panel-radius 0 0);
}
&:last-child {
@include radius($type: border-radius, $value: 0 0 $accordion-panel-radius $accordion-panel-radius);
}
& a,
& a:hover,
& a:active,
& a:focus {
padding: 10px 15px;
display: block;
color: $accordion-panel-font-color;
}
&.open {
background-color: $accordion-panel-header-color;
}
}
& .accordion-body {
padding: 10px;
}
}
}
// Variables
//------------------------------------------------------
$alert-primary: $aqua-light !default;
$alert-success: $grass-light !default;
$alert-danger: $grapefruit-light !default;
$alert-warning: $sunflower-light !default;
$alert-close-color: $black !default;
$alert-link-color: $mediumgray-light !default;
// Exports
//------------------------------------------------------
@include exports("alert") {
/**
* alert
* --------------------------------------------------
*/
.alert {
& h4 {
margin-bottom: 10px;
font-weight: bold;
}
#{&}-dismissable .close {
color: $alert-close-color;
@include opacity($opacity: 70, $filter: true);
}
@at-root #{&}-info {
background-color: lighten($alert-primary, 10%);
border: $alert-primary;
}
@at-root #{&}-warning {
background-color: lighten($alert-warning, 10%);
border: $alert-warning;
}
@at-root #{&}-danger {
background-color: lighten($alert-danger, 10%);
border: $alert-danger;
}
@at-root #{&}-success {
background-color: lighten($alert-success, 10%);
border: $alert-success;
}
@at-root & #{&}-link {
cursor: pointer;
text-decoration: underline;
@include opacity($opacity: 65, $filter: true);
&:hover,
&:focus {
@include opacity($opacity: 45, $filter: true);
}
}
@at-root & .btn-link,
& .btn-link:hover,
& .btn-link:focus {
color: $alert-close-color;
@include opacity($opacity: 65, $filter: true);
}
@at-root & .btn-link:focus,
& .btn-link:hover {
text-decoration: none;
@include opacity($opacity: 40, $filter: true);
}
}
}
// Variables
//------------------------------------------------------
$breadcrumb-font-color: $darkgray-dark !default;
$breadcrumb-link-color: $aqua-dark !default;
$breadcrumb-background-color: $lightgray-dark !default;
$breadcrumb-arrow-radius: 4px !default;
$breadcrumb-arrow-font-color: $white !default;
$breadcrumb-arrow-background-color: $aqua-dark !default;
$breadcrumb-arrow-background-color-hover: $aqua-light !default;
// Exports
//------------------------------------------------------
@include exports("breadcrumb") {
/**
* breadcrumb
* --------------------------------------------------
*/
.breadcrumb {
color: $breadcrumb-font-color;
background-color: $breadcrumb-background-color;
& > .active {
color: $breadcrumb-font-color;
}
& a {
color: $breadcrumb-link-color;
}
}
.breadcrumb-arrow {
padding: 0;
list-style: none;
background-color: $breadcrumb-background-color;
height: 36px;
line-height: 36px;
& li:first-child a {
@include radius($type: border-radius, $value: $breadcrumb-arrow-radius 0 0 $breadcrumb-arrow-radius);
}
& li,
& li a,
& li span{
display: inline-block;
vertical-align: top;
}
& li:not(:first-child) {
margin-left: -5px;
}
& li + li:before {
padding: 0;
content: "";
}
& li span {
padding: 0 10px;
}
& li a,
& li:not(:first-child) span {
padding: 0 10px 0 25px;
height: 35px;
line-height: 35px;
}
& li:first-child a {
padding: 0 10px;
}
& li a {
position: relative;
border: 1px solid $breadcrumb-arrow-background-color;
color: $breadcrumb-arrow-font-color;
background-color: $breadcrumb-arrow-background-color;
text-decoration: none;
}
& li:first-child a {
padding-left: 10px;
}
& li a:before,
& li a:after {
position: absolute;
top: 0;
content: '';
width: 0;
height: 0;
border-top: 17px solid transparent;
border-bottom: 17px solid transparent;
}
& li a:before {
right: -10px;
border-left-width: 10px;
border-left-style: solid;
border-left-color: $breadcrumb-arrow-background-color;
z-index: 3;
}
& li a:after{
right: -11px;
border-left: 10px solid darken($breadcrumb-arrow-background-color, 10%);
z-index: 2;
}
& li a:hover,
& li a:focus {
background-color: $breadcrumb-arrow-background-color-hover;
border: 1px solid $breadcrumb-arrow-background-color-hover;
}
& li a:hover:before,
& li a:focus:before {
border-left-color: $breadcrumb-arrow-background-color-hover;
}
& li a:active {
background-color: darken($breadcrumb-arrow-background-color, 10%);
border: 1px solid darken($breadcrumb-arrow-background-color, 10%);
}
& li a:active:before,
& li a:active:after {
border-left-color: darken($breadcrumb-arrow-background-color, 10%);
}
& li span {
color: $breadcrumb-font-color;
}
}
}
// Variables
//------------------------------------------------------
$button-normal: $mediumgray-dark !default;
$button-default: $white !default;
$button-primary: $aqua-dark !default;
$button-success: $grass-dark !default;
$button-danger: $grapefruit-dark !default;
$button-warning: $sunflower-dark !default;
$button-info: $mint-dark !default;
$button-normal-hover: $mediumgray-light !default;
$button-default-hover: $button-default !default;
$button-primary-hover: $aqua-light !default;
$button-success-hover: $grass-light !default;
$button-danger-hover: $grapefruit-light !default;
$button-warning-hover: $sunflower-light !default;
$button-info-hover: $mint-light !default;
$button-font-color-dark: $darkgray-dark !default;
$button-font-color-light: $white !default;
$button-opacity: 45 !default;
$button-shaodw: inset 0 1px 2px rgba(0, 0, 0, .125) !default;
// Exports
//------------------------------------------------------
@include exports("button") {
/**
* button
* --------------------------------------------------
*/
.btn {
color: $button-font-color-light;
&,
&.disabled,
&[disabled] {
border-color: $button-normal;
background-color: $button-normal;
}
&:hover,
&:focus,
&:active,
&.active {
color: $button-font-color-light;
border-color: $button-normal-hover;
background-color: $button-normal-hover;
outline: none !important;
}
&:active,
&.active {
@include box-shadow($value: $button-shaodw);
}
&.disabled,
&[disabled] {
@include opacity($opacity: $button-opacity, $filter: true);
}
@at-root #{&}-link {
&,
&:hover,
&:focus,
&:active,
&.active,
&.disabled,
&[disabled] {
border-color: transparent;
background-color: transparent;
color: $button-primary;
@include box-shadow($value: none);
}
&:hover,
&:focus {
text-decoration: underline;
}
}
@at-root #{&}-default {
color: $button-font-color-dark;
border-color: $button-normal !important;
&:hover,
&:focus,
&:active,
&.active {
border-color: $button-normal-hover;
background-color: $button-normal-hover;
}
&,
&.disabled,
&[disabled] {
background-color: $button-default;
}
}
@at-root .open .dropdown-toggle#{&}-default {
border-color: $button-normal-hover;
background-color: $button-normal-hover;
}
@at-root #{&}-primary {
&,
&:active,
&.active,
&.disabled,
&[disabled] {
border-color: $button-primary;
background-color: $button-primary;
}
&:hover,
&:focus {
border-color: $button-primary-hover;
background-color: $button-primary-hover;
}
}
@at-root .open .dropdown-toggle#{&}-primary {
border-color: $button-primary-hover;
background-color: $button-primary-hover;
}
@at-root #{&}-info {
&,
&:active,
&.active,
&.disabled,
&[disabled] {
border-color: $button-info;
background-color: $button-info;
}
&:hover,
&:focus {
border-color: $button-info-hover;
background-color: $button-info-hover;
}
}
@at-root .open .dropdown-toggle#{&}-info {
border-color: $button-info-hover;
background-color: $button-info-hover;
}
@at-root #{&}-success {
&,
&:active,
&.active,
&.disabled,
&[disabled] {
border-color: $button-success;
background-color: $button-success;
}
&:hover,
&:focus {
border-color: $button-success-hover;
background-color: $button-success-hover;
}
}
@at-root .open .dropdown-toggle#{&}-success {
border-color: $button-success-hover;
background-color: $button-success-hover;
}
@at-root #{&}-warning {
&,
&:active,
&.active,
&.disabled,
&[disabled] {
border-color: $button-warning;
background-color: $button-warning;
}
&:hover,
&:focus {
border-color: $button-warning-hover;
background-color: $button-warning-hover;
}
}
@at-root .open .dropdown-toggle#{&}-warning {
border-color: $button-warning-hover;
background-color: $button-warning-hover;
}
@at-root #{&}-danger {
&,
&:active,
&.active,
&.disabled,
&[disabled],
.open .dropdown-toggle#{&} {
border-color: $button-danger;
background-color: $button-danger;
}
&:hover,
&:focus {
border-color: $button-danger-hover;
background-color: $button-danger-hover;
}
}
@at-root .open .dropdown-toggle#{&}-danger {
border-color: $button-danger-hover;
background-color: $button-danger-hover;
}
}
}
// Exports
//------------------------------------------------------
@include exports("button-group") {
/**
* button-group
* --------------------------------------------------
*/
.btn-group {
@at-root #{&}.open .dropdown-toggle {
@include box-shadow($value: inset 0 1px 2px rgba(0, 0, 0, .125));
}
& .btn {
border-left-color: darken($button-normal, 7%);
}
@at-root #{&}.open .btn-default.dropdown-toggle,
& .btn-default:focus,
& .btn-default:active,
& .btn-default.active {
color: $button-default;
}
& .btn-primary,
& .btn-primary:focus,
& .btn-primary:active,
& .btn-primary.active {
border-left-color: darken($button-primary, 7%);
}
& .btn-success,
& .btn-success:focus,
& .btn-success:active,
& .btn-success.active {
border-left-color: darken($button-success, 7%);
}
& .btn-warning,
& .btn-warning:focus,
& .btn-warning:active,
& .btn-warning.active {
border-left-color: darken($button-warning, 12%);
}
& .btn-danger,
& .btn-danger:focus,
& .btn-danger:active,
& .btn-danger.active {
border-left-color: darken($button-danger, 7%);
}
& .btn-info,
& .btn-info:focus,
& .btn-info:active,
& .btn-info.active {
border-left-color: darken($button-info, 7%);
}
& .btn:first-child,
& .btn-primary:first-child,
& .btn-success:first-child,
& .btn-warning:first-child,
& .btn-danger:first-child,
& .btn-info:first-child {
border-left-color: transparent;
}
}
.btn-group-vertical {
& .btn,
& .btn-group .btn-primary {
border-top-color: darken($button-normal, 7%) !important;
}
& .btn-primary,
& .btn-primary:focus,
& .btn-primary:active,
& .btn-primary.active,
& .btn-group .btn-primary {
border-top-color: darken($button-primary, 7%) !important;
}
& .btn-success,
& .btn-success:focus,
& .btn-success:active,
& .btn-success.active,
& .btn-group .btn-success {
border-top-color: darken($button-success, 7%) !important;
}
& .btn-warning,
& .btn-warning:focus,
& .btn-warning:active,
& .btn-warning.active,
& .btn-group .btn-warning {
border-top-color: darken($button-warning, 12%) !important;
}
& .btn-danger,
& .btn-danger:focus,
& .btn-danger:active,
& .btn-danger.active,
& .btn-group .btn-danger {
border-top-color: darken($button-danger, 7%) !important;
}
& .btn-info,
& .btn-info:focus,
& .btn-info:active,
& .btn-info.active,
& .btn-group .btn-info {
border-top-color: darken($button-info, 7%) !important;
}
& .btn:not(.btn-default):first-child,
& .btn-primary:first-child,
& .btn-success:first-child,
& .btn-warning:first-child,
& .btn-danger:first-child,
& .btn-info:first-child {
border-top: none;
}
}
}
// Variables
//------------------------------------------------------
$img-src: "../bootflat/img/check_flat/default.png" !default;
// Exports
//------------------------------------------------------
@include exports("checkbox-radio") {
/**
* checkbox and radio
* --------------------------------------------------
*/
.checkbox, .radio {
margin-top: 0;
padding-left: 0;
}
.icheckbox_flat,
.iradio_flat {
display: inline-block;
*display: inline;
vertical-align: middle;
margin: 0;
padding: 0 !important;
width: 20px;
height: 20px;
background: url($img-src) no-repeat;
border: none;
cursor: pointer;
}
.icheckbox_flat {
background-position: 0 0;
&.checked {
background-position: -22px 0;
}
&.disabled {
background-position: -44px 0;
cursor: default;
}
&.checked.disabled {
background-position: -66px 0;
}
}
.iradio_flat {
background-position: -88px 0;
&.checked {
background-position: -110px 0;
}
&.disabled {
background-position: -132px 0;
cursor: default;
}
&.checked.disabled {
background-position: -154px 0;
}
}
}
// Variables
//------------------------------------------------------
$dropdown-background-color: $darkgray-dark !default;
$dropdown-background-color-hover: $darkgray-light !default;
$dropdown-normal: $mediumgray-dark !default;
$dropdown-default: $white !default;
$dropdown-padding: 5px 20px !default;
$dropdown-radius: 4px !default;
$dropdown-font-size: 14px !default;
$dropdown-font-color-dark: $darkgray-dark !default;
$dropdown-font-color-light: $white !default;
$dropdown-font-weight: 700 !default;
// Exports
//------------------------------------------------------
@include exports("dropdown") {
/**
* dropdown-menu
* --------------------------------------------------
*/
.dropdown-menu {
border: none;
background-color: $dropdown-background-color;
& .dropdown-header {
padding: $dropdown-padding;
font-size: $dropdown-font-size;
font-weight: $dropdown-font-weight;
color: $dropdown-normal;
}
& li a {
padding: $dropdown-padding;
color: $dropdown-font-color-light;
}
& li a:hover,
& li a:focus,
& .active a,
& .active a:hover,
& .active a:focus{
color: $dropdown-font-color-light;
background-color: $dropdown-background-color-hover;
outline: none;
}
& .disabled a,
& .disabled a:hover,
& .disabled a:focus {
color: $dropdown-background-color-hover;
cursor: default;
}
& .divider {
background-color: $dropdown-background-color-hover;
border-bottom: none;
}
@at-root .dropup & {
margin-bottom: 0;
@include radius($type: border-radius, $value: $dropdown-radius $dropdown-radius 0 0);
}
}
/**
* dropdown-submenu
* --------------------------------------------------
*/
.dropdown-submenu {
position: relative;
& .dropdown-menu {
top: 0;
left: 100%;
margin-top: -6px;
margin-left: -1px;
@include radius($type: border-radius, $value: 0 4px 4px 4px);
}
&:hover .dropdown-menu {
display: block;
}
.dropup & .dropdown-menu {
top: auto;
bottom: 0;
margin-top: 0;
margin-bottom: -2px;
@include radius($type: border-radius, $value: 4px 4px 4px 0);
}
& > a:after {
display: block;
content: " ";
float: right;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
border-width: 5px 0 5px 5px;
border-left-color: $dropdown-default;
margin-top: 5px;
margin-right: -10px;
}
@at-root .dropdown-default & > a:after {
border-left-color: $dropdown-font-color-dark;
}
&:hover a:after {
border-left-color: $dropdown-default;
}
&.pull-left {
float: none;
}
&.pull-left .dropdown-menu {
left: -100%;
margin-left: 10px;
@include radius($type: border-radius, $value: 4px 0 4px 4px);
}
}
}
// Variables
//------------------------------------------------------
$footer-background-color: $darkgray-dark !default;
$footer-menu-title-color: $lightgray-dark !default;
$footer-menu-item-color: $mediumgray-dark !default;
$footer-menu-item-color-hover: $mediumgray-light !default;
$footer-logo-color: $white !default;
// Exports
//------------------------------------------------------
@include exports("footer") {
/**
* footer
* --------------------------------------------------
*/
.footer {
padding: 40px 0;
background-color: $footer-background-color;
#{&}-logo,
#{&}-nav {
float: left;
padding: 0 20px;
width: 20%;
}
#{&}-logo {
margin-top: -5px;
height: 32px;
line-height: 32px;
& img {
margin-right: 10px;
}
& a {
font-size: 20px;
font-weight: bold;
color: $footer-logo-color;
}
& a:hover,
& a:active {
text-decoration: none;
}
}
#{&}-nav .nav-title {
margin-bottom: 15px;
color: $footer-menu-title-color;
}
#{&}-nav .nav-item {
line-height: 28px;
& > a {
color: $footer-menu-item-color;
}
& > a:hover,
& > a:active {
color: $footer-menu-item-color-hover;
text-decoration: none;
}
}
#{&}-copyright {
color: $footer-menu-item-color;
}
}
}
// Variables
//------------------------------------------------------
$form-normal: $mediumgray-dark !default;
$form-default: $white !default;
$form-primary: $aqua-dark !default;
$form-success: $grass-dark !default;
$form-danger: $grapefruit-dark !default;
$form-warning: $sunflower-dark !default;
$form-info: $mint-dark !default;
$message-success: $grass-dark !default;
$message-danger: $grapefruit-dark !default;
$message-warning: $sunflower-dark !default;
$form-font-color: $darkgray-dark !default;
$form-placeholder-font-color: $lightgray-dark !default;
$form-disabled-color: $lightgray-dark !default;
$search-query-value: 17px !default;
$search-icon-width: 30px !default;
$search-icon-line-height: 30px !default;
// Exports
//------------------------------------------------------
@include exports("form") {
/**
* form
* --------------------------------------------------
*/
.form-control {
color: $form-font-color;
border-color: $form-normal;
&,
&:focus {
@include box-shadow($value: none);
}
&:focus {
border-color: $form-primary;
}
&::-moz-placeholder,
&:-ms-input-placeholder,
&::-webkit-input-placeholder {
color: $form-placeholder-font-color;
}
&.disabled,
&[disabled] {
border-color: $form-disabled-color;
background-color: $form-disabled-color;
}
}
.input-group-btn {
& .btn + .btn {
border-width: 1px;
border-style: solid;
border-color: darken($form-normal, 7%);
}
& .btn + .btn.btn-default {
border-color: darken($form-default, 7%);
}
& .btn + .btn.btn-primary {
border-color: darken($form-primary, 7%);
}
& .btn + .btn.btn-info {
border-color: darken($form-info, 7%);
}
& .btn + .btn.btn-success {
border-color: darken($form-success, 7%);
}
& .btn + .btn.btn-warning {
border-color: darken($form-warning, 7%);
}
& .btn + .btn.btn-danger {
border-color: darken($form-danger, 7%);
}
}
.input-group-addon {
background-color: $form-normal;
border-color: darken($form-normal, 7%);
color: $form-default;
& .radio,
& .checkbox {
margin: -3px 0 -4px !important;
}
}
.form-search {
& .search-query,
& .search-query:first-child,
& .search-query:last-child {
padding: 0 $search-query-value;
@include radius($type: border-radius, $value: $search-query-value);
}
@at-root .input-group .form-control:last-child {
// padding: 0 $search-query-value 0 10px;
@include radius($type: border-top-left-radius, $value: 0);
@include radius($type: border-bottom-left-radius, $value: 0);
}
@at-root .input-group .form-control:first-child {
@include radius($type: border-top-right-radius, $value: 0);
@include radius($type: border-bottom-right-radius, $value: 0);
}
& .btn {
@include radius($type: border-radius, $value: $search-query-value);
}
}
.search-only {
position: relative;
& .search-icon {
position: absolute;
top: 2px;
left: $search-query-value / 2;
width: $search-icon-width;
line-height: $search-icon-line-height;
text-align: center;
font-size: $search-query-value;
color: $form-placeholder-font-color;
z-index: 20;
}
& .form-control:last-child {
padding-left: $search-icon-width + 10;
}
}
.has-success {
& .help-block,
& .control-label,
& .radio,
& .checkbox,
& .radio-inline,
& .checkbox-inline {
color: $message-success;
}
& .form-control {
border-color: $message-success;
@include box-shadow($value: none);
}
& .form-control:focus {
border-color: $message-success;
@include box-shadow($value: none);
}
& .input-group-addon {
background-color: $message-success;
border-color: $message-success;
}
& .form-control-feedback {
color: $message-success;
}
}
.has-warning {
& .help-block,
& .control-label,
& .radio,
& .checkbox,
& .radio-inline,
& .checkbox-inline {
color: $message-warning;
}
& .form-control {
border-color: $message-warning;
@include box-shadow($value: none);
}
& .form-control:focus {
border-color: $message-warning;
@include box-shadow($value: none);
}
& .input-group-addon {
background-color: $message-warning;
border-color: $message-warning;
}
& .form-control-feedback {
color: $message-warning;
}
}
.has-error {
& .help-block,
& .control-label,
& .radio,
& .checkbox,
& .radio-inline,
& .checkbox-inline {
color: $message-danger;
}
& .form-control {
border-color: $message-danger;
@include box-shadow($value: none);
}
& .form-control:focus {
border-color: $message-danger;
@include box-shadow($value: none);
}
& .input-group-addon {
background-color: $message-danger;
border-color: $message-danger;
}
& .form-control-feedback {
color: $message-danger;
}
}
}
// Global Variables
//------------------------------------------------------
$modules: () !global;
$experimental: true !default;
// prefix elements
$prefix-webkit: true !global;
$prefix-moz: true !global;
$prefix-spec: true !global;
// color elements
$white: #FFF !default;
$black: #000 !default;
$bluejeans-dark: #4A89DC !default;
$bluejeans-light: #5D9CEC !default;
$aqua-dark: #3BAFDA !default;
$aqua-light: #4FC1E9 !default;
$mint-dark: #37BC9B !default;
$mint-light: #48CFAD !default;
$grass-dark: #8CC152 !default;
$grass-light: #A0D468 !default;
$sunflower-dark: #F6BB42 !default;
$sunflower-light: #FFCE54 !default;
$bittersweet-dark: #E9573F !default;
$bittersweet-light: #FC6E51 !default;
$grapefruit-dark: #DA4453 !default;
$grapefruit-light: #ED5565 !default;
$lavander-dark: #967ADC !default;
$lavander-light: #AC92EC !default;
$pinkrose-dark: #D770AD !default;
$pinkrose-light: #EC87C0 !default;
$lightgray-dark: #E6E9ED !default;
$lightgray-light: #F5F7FA !default;
$mediumgray-dark: #AAB2BD !default;
$mediumgray-light: #CCD1D9 !default;
$darkgray-dark: #434A54 !default;
$darkgray-light: #656D78 !default;
// Global Mixins
//------------------------------------------------------
// We use this to loading scss files
@mixin exports($name) {
@if (index($modules, $name) == false) {
$modules: append($modules, $name);
@content;
}
}
// We use this to do set opacity
@mixin opacity($opacity:50, $filter: true) {
opacity: $opacity / 100;
@if $filter {
filter: alpha(opacity=$opacity);
}
}
// We use this to ellipsis text
@mixin ellipsis($width: 100%) {
display: inline-block;
max-width: $width;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
// We use this to add across browser prefixes
@mixin prefixer($property, $value, $prefixes: webkit moz spec) {
@if $experimental {
@each $prefix in $prefixes {
@if $prefix != spec {
@if $property == border-top-left-radius and $prefix == moz {
@if $prefix-moz {
-moz-border-radius-topleft: $value;
}
} @else if $property == border-top-right-radius and $prefix == moz {
@if $prefix-moz {
-moz-border-radius-topright: $value;
}
} @else if $property == border-bottom-right-radius and $prefix == moz {
@if $prefix-moz {
-moz-border-radius-bottomright: $value;
}
} @else if $property == border-bottom-left-radius and $prefix == moz {
@if $prefix-moz {
-moz-border-radius-bottomleft: $value;
}
} @else {
@if $prefix == webkit {
@if $prefix-webkit {
-webkit-#{$property}: $value;
}
}
@if $prefix == moz {
@if $prefix-moz {
-moz-#{$property}: $value;
}
}
}
} @else {
@if $prefix-spec {
#{$property}: $value;
}
}
}
}
}
// We use this to add box-sizing across browser prefixes
@mixin box-sizing($value: border-box) {
@include prefixer($property: box-sizing, $value: $value, $prefixes: webkit moz spec);
}
// We use this to control border radius.
@mixin radius($type: border-radius, $value: $global-radius) {
@include prefixer($property: $type, $value: $value, $prefixes: webkit moz spec);
}
// We use this to control box shadow.
@mixin box-shadow($value) {
@include prefixer($property: box-shadow, $value: $value, $prefixes: webkit moz spec);
}
// We use this to creat animation effect.
// Examples:
// @include keyframes(move-the-object) {
// 0% { left: 100px; }
// 100% { left: 200px; }
// }
// .object-to-animate {
// @include animation(move-the-object .5s 1);
// }
@mixin animation ($value...) {
@include prefixer($property: animation, $value: $value, $prefixes: webkit moz spec);
}
// Individual Animation Properties
@mixin animation-name ($value...) {
@include prefixer($property: animation-name, $value: $value, $prefixes: webkit moz spec);
}
@mixin animation-duration ($value...) {
@include prefixer($property: animation-duration, $value: $value, $prefixes: webkit moz spec);
}
@mixin animation-timing-function ($value...) {
// ease | linear | ease-in | ease-out | ease-in-out
@include prefixer($property: animation-timing-function, $value: $value, $prefixes: webkit moz spec);
}
@mixin animation-iteration-count ($value...) {
// infinite | <number>
@include prefixer($property: animation-iteration-count, $value: $value, $prefixes: webkit moz spec);
}
@mixin animation-direction ($value...) {
@include prefixer($property: animation-direction, $value: $value, $prefixes: webkit moz spec);
}
@mixin animation-play-state ($value...) {
// running | paused
@include prefixer($property: animation-play-state, $value: $value, $prefixes: webkit moz spec);
}
@mixin animation-delay ($value...) {
@include prefixer($property: animation-delay, $value: $value, $prefixes: webkit moz spec);
}
@mixin animation-fill-mode ($value...) {
// none | forwards | backwards | both
@include prefixer($property: animation-fill-mode, $value: $value, $prefixes: webkit moz spec);
}
@mixin keyframes($name) {
$original-prefix-webkit: $prefix-webkit;
$original-prefix-moz: $prefix-moz;
$original-prefix-spec: $prefix-spec;
@if $original-prefix-webkit {
@include disable-prefix();
$prefix-webkit: true !global;
@-webkit-keyframes #{$name} {
@content;
}
}
@if $original-prefix-moz {
@include disable-prefix();
$prefix-moz: true !global;
@-moz-keyframes #{$name} {
@content;
}
}
@if $original-prefix-spec {
@include disable-prefix();
$prefix-spec: true !global;
@keyframes #{$name} {
@content;
}
}
$prefix-webkit: $original-prefix-webkit !global;
$prefix-moz: $original-prefix-moz !global;
$prefix-spec: $original-prefix-spec !global;
}
// We use this to set transform.
@mixin transform($value: none) {
// none | <transform-function>
@include prefixer($property: transform, $value: $value, $prefixes: webkit moz spec);
}
@mixin transform-origin($value: 50%) {
// x-axis - left | center | right | length | %
// y-axis - top | center | bottom | length | %
// z-axis - length
@include prefixer($property: transform-origin, $value: $value, $prefixes: webkit moz spec);
}
@mixin transform-style ($value: flat) {
@include prefixer($property: transform-style, $value: $value, $prefixes: webkit moz spec);
}
// We use this to set transition.
// example: @include transition (all 2s ease-in-out);
// @include transition (opacity 1s ease-in 2s, width 2s ease-out);
// @include transition-property (transform, opacity);
@mixin transition ($value...) {
@if length($value) >= 1 {
@include prefixer($property: transition, $value: $value, $prefixes: webkit moz spec);
} @else {
$value: all 0.15s ease-out 0s;
@include prefixer($property: transition, $value: $value, $prefixes: webkit moz spec);
}
}
\ No newline at end of file
// Variables
//------------------------------------------------------
$jumbotron-font-color: $darkgray-dark !default;
$jumbotron-background-color: $white !default;
$jumbotron-radius: 4px;
$jumbotron-shadow: 0 1px 2px rgba(0, 0, 0, .2) !default;
// Exports
//------------------------------------------------------
@include exports("jumbotron") {
/**
* jumbotron
* --------------------------------------------------
*/
.jumbotron {
margin-bottom: 20px;
padding: 0;
@include radius($type: border-radius, $value: $jumbotron-radius);
background-color: $jumbotron-background-color;
@include box-shadow($value: $jumbotron-shadow);
@at-root .container & {
@include radius($type: border-radius, $value: $jumbotron-radius);
}
& > #{&}-photo img {
@include radius($type: border-radius, $value: $jumbotron-radius $jumbotron-radius 0 0);
width: 100%;
}
& #{&}-contents {
padding: 20px;
color: $jumbotron-font-color;
}
& .carousel,
& .carousel-inner,
& .carousel-inner > .item.active img {
@include radius($type: border-radius, $value: $jumbotron-radius $jumbotron-radius 0 0);
}
& .carousel-control.left {
@include radius($type: border-radius, $value: $jumbotron-radius 0 0 0);
}
& .carousel-control.right {
@include radius($type: border-radius, $value: 0 $jumbotron-radius 0 0);
}
& h1, & .h1,
& h2, & .h2 {
font-weight: 400;
}
& h1, & .h1 {
font-size: 28px;
}
& h2, & .h2 {
font-size: 24px;
}
& p {
font-size: 14px;
}
@media screen and (min-width: 768px) {
&,
.container & {
padding: 0;
}
& h1,
& .h1 {
font-size: 28px;
}
}
}
}
// Variables
//------------------------------------------------------
$label-normal: $mediumgray-dark !default;
$label-default: $white !default;
$label-primary: $aqua-dark !default;
$label-success: $grass-dark !default;
$label-danger: $grapefruit-dark !default;
$label-warning: $sunflower-dark !default;
$label-info: $mint-dark !default;
$label-default-font-color: $darkgray-dark !default;
// Exports
//------------------------------------------------------
@include exports("label-badge") {
/**
* labels and badges
* --------------------------------------------------
*/
.label,
.badge {
background-color: $label-normal;
}
.label-default,
.badge-default {
border: 1px solid $button-normal;
background-color: $label-default;
color: $label-default-font-color;
}
.label-primary,
.badge-primary {
border-color: $label-primary;
background-color: $label-primary;
}
.label-success,
.badge-success {
border-color: $label-success;
background-color: $label-success;
}
.label-danger,
.badge-danger {
border-color: $label-danger;
background-color: $label-danger;
}
.label-warning,
.badge-warning {
border-color: $label-warning;
background-color: $label-warning;
}
.label-info,
.badge-info {
border-color: $label-info;
background-color: $label-info;
}
}
// Variables
//------------------------------------------------------
$list-primary: $aqua-light !default;
$list-info: $mint-light !default;
$list-warning: $sunflower-light !default;
$list-success: $grass-light !default;
$list-danger: $grapefruit-light !default;
$list-primary-hover: $aqua-dark !default;
$list-info-hover: $mint-dark !default;
$list-warning-hover: $sunflower-dark !default;
$list-success-hover: $grass-dark !default;
$list-danger-hover: $grapefruit-dark !default;
$list-border-color: $lightgray-dark !default;
$list-background-color: $white !default;
$list-font-color: $darkgray-dark !default;
$list-font-color-hover: $mediumgray-dark !default;
$list-item-background-color: $lightgray-dark !default;
$list-radius: 4px !default;
$list-shadow: 0 1px 2px rgba(0, 0, 0, .2) !default;
// Exports
//------------------------------------------------------
@include exports("list") {
/**
* list
* --------------------------------------------------
*/
.list-group {
@include radius($type: border-radius, $value: $list-radius);
@include box-shadow($value: $list-shadow);
@at-root #{&}-item {
border-top-color: $list-border-color;
&:first-child {
border-top: none;
}
@at-root #{&}-heading {
color: $list-font-color;
}
}
}
a.list-group-item {
color: $list-font-color;
& .list-group-item-heading {
font-size: 16px;
color: $list-font-color;
}
&:hover,
&:focus {
background-color: $list-item-background-color;
}
&.active,
&.active:hover,
&.active:focus {
background-color: $list-primary;
border-color: $list-primary;
}
&.active .list-group-item-text,
&.active:hover .list-group-item-text,
&.active:focus .list-group-item-text {
color: $list-background-color;
}
}
.list-group-item-primary {
color: darken($list-primary, 10%);
border-color: $list-primary-hover transparent transparent transparent;
background-color: $list-primary;
&:first-child {
border-color: transparent;
}
@at-root a#{&} {
color: darken($list-primary, 30%);
&:hover,
&:focus {
color: $list-background-color;
background-color: $list-primary-hover;
}
&.active,
&:hover,
&:focus {
background-color: $list-primary-hover;
border-color: $list-primary transparent transparent transparent;
}
}
}
.list-group-item-success {
color: darken($list-success, 10%);
border-color: $list-success-hover transparent transparent transparent;
background-color: $list-success;
&:first-child {
border-color: transparent;
}
@at-root a#{&} {
color: darken($list-success, 30%);
&:hover,
&:focus {
color: $list-background-color;
background-color: $list-success-hover;
}
&.active,
&:hover,
&:focus {
background-color: $list-success-hover;
border-color: $list-success transparent transparent transparent;
}
}
}
.list-group-item-warning {
color: darken($list-warning, 10%);
border-color: $list-warning-hover transparent transparent transparent;
background-color: $list-warning;
&:first-child {
border-color: transparent;
}
@at-root a#{&} {
color: darken($list-warning, 30%);
&:hover,
&:focus {
color: $list-background-color;
background-color: $list-warning-hover;
}
&.active,
&:hover,
&:focus {
background-color: $list-warning-hover;
border-color: $list-warning transparent transparent transparent;
}
}
}
.list-group-item-info {
color: darken($list-info, 10%);
border-color: $list-info-hover transparent transparent transparent;
background-color: $list-info;
&:first-child {
border-color: transparent;
}
@at-root a#{&} {
color: darken($list-info, 30%);
&:hover,
&:focus {
color: $list-background-color;
background-color: $list-info-hover;
}
&.active,
&:hover,
&:focus {
background-color: $list-info-hover;
border-color: $list-info transparent transparent transparent;
}
}
}
.list-group-item-danger {
color: darken($list-danger, 10%);
border-color: $list-danger-hover transparent transparent transparent;
background-color: $list-danger;
&:first-child {
border-color: transparent;
}
@at-root a#{&} {
color: darken($list-danger, 30%);
&:hover,
&:focus {
color: $list-background-color;
background-color: $list-danger-hover;
}
&.active,
&:hover,
&:focus {
background-color: $list-danger-hover;
border-color: $list-danger transparent transparent transparent;
}
}
}
}
// Variables
//------------------------------------------------------
$media-list-font-color-head: $darkgray-dark !default;
$media-list-font-color-body: $mediumgray-dark !default;
// Exports
//------------------------------------------------------
@include exports("media-list") {
/**
* media list
* --------------------------------------------------
*/
.media-list {
color: $media-list-font-color-body;
@at-root .media-heading {
font-size: 14px;
color: $media-list-font-color-head;
}
}
}
// Variables
//------------------------------------------------------
$modal-font-color: $darkgray-dark !default;
$modal-radius: 4px;
$modal-shadow: 0 1px 2px rgba(0, 0, 0, .2) !default;
// Exports
//------------------------------------------------------
@include exports("modal") {
/**
* modal
* --------------------------------------------------
*/
.modal {
#{&}-content {
border: none;
@include radius($type: border-radius, $value: $modal-radius);
color: $modal-font-color;
@include box-shadow($value: $modal-shadow);
}
#{&}-header {
border-bottom: none;
}
#{&}-body {
padding: 0 15px;
}
#{&}-footer {
border-top: none;
}
}
}
// Variables
//------------------------------------------------------
$navbar-background-color: $mint-dark !default;
$navbar-background-color-active: $mint-light !default;
$navbar-font-color: $white !default;
$navbar-item-background-color-hover: $navbar-background-color-active !default;
$navbar-inverse-background-color: $black !default;
// Exports
//------------------------------------------------------
@include exports("navbar") {
/**
* navbar
* --------------------------------------------------
*/
.navbar-default {
& {
background-color: $navbar-background-color;
border-color: $navbar-background-color;
}
& .navbar-brand,
& .navbar-link,
& .btn-link {
color: darken($navbar-background-color, 15%);
}
& .navbar-brand:hover,
& .navbar-brand:focus,
& .navbar-link:hover,
& .btn-link:hover,
& .btn-link:focus {
color: $navbar-font-color;
background-color: transparent;
}
& .navbar-text,
& .navbar-nav > li > a {
color: darken($navbar-background-color, 15%);
}
& .navbar-nav > li > a:hover,
& .navbar-nav > li > a:focus {
color: $navbar-font-color;
}
& .navbar-nav > .active > a,
& .navbar-nav > .active > a:hover,
& .navbar-nav > .active > a:focus {
color: $navbar-font-color;
background-color: $navbar-background-color-active;
}
& .btn-link[disabled]:hover,
fieldset[disabled] & .btn-link:hover,
& .btn-link[disabled]:focus,
fieldset[disabled] & .btn-link:focus,
& .navbar-nav > .disabled > a,
& .navbar-nav > .disabled > a:hover,
& .navbar-nav > .disabled > a:focus {
color: darken($navbar-background-color, 8%);
background-color: transparent;
}
& .navbar-toggle {
border-color: darken($navbar-background-color, 15%);
background-color: darken($navbar-background-color, 15%);
}
& .navbar-toggle:hover,
& .navbar-toggle:focus {
border-color: darken($navbar-background-color, 10%);
background-color: darken($navbar-background-color, 10%);
}
& .navbar-toggle .icon-bar {
background-color: $navbar-background-color;
}
& .navbar-collapse,
& .navbar-form {
border-color: $navbar-background-color;
}
& .navbar-nav > .open > a,
& .navbar-nav > .open > a:hover,
& .navbar-nav > .open > a:focus {
color: $navbar-font-color;
background-color: $navbar-background-color;
}
@media (max-width: 767px) {
& .navbar-nav > li > a:hover,
& .navbar-nav > li > a:focus {
background-color: $navbar-background-color-active;
}
& .navbar-nav .open .dropdown-menu > .divider {
background-color: $navbar-item-background-color-hover;
}
& .navbar-nav .open .dropdown-menu > li > a {
color: darken($navbar-background-color, 15%);;
}
& .navbar-nav .open .dropdown-menu > li > a:hover,
& .navbar-nav .open .dropdown-menu > li > a:focus,
& .navbar-nav .open .dropdown-menu > .active > a,
& .navbar-nav .open .dropdown-menu > .active > a:hover,
& .navbar-nav .open .dropdown-menu > .active > a:focus {
color: $navbar-font-color;
background-color: $navbar-item-background-color-hover;
}
& .navbar-nav .open .dropdown-menu > .dropdown-header {
color: darken($navbar-background-color, 15%);
}
& .navbar-nav .open .dropdown-menu > .disabled > a,
& .navbar-nav .open .dropdown-menu > .disabled > a:hover,
& .navbar-nav .open .dropdown-menu > .disabled > a:focus {
color: darken($navbar-background-color, 10%);
}
}
}
.navbar-inverse {
& {
background-color: lighten($navbar-inverse-background-color, 20%);
border-color: lighten($navbar-inverse-background-color, 20%);
}
& .navbar-brand,
& .navbar-link,
& .btn-link {
color: lighten($navbar-inverse-background-color, 55%);
}
& .navbar-brand:hover,
& .navbar-brand:focus,
& .navbar-link:hover,
& .btn-link:hover,
& .btn-link:focus {
color: $navbar-font-color;
background-color: transparent;
}
& .navbar-text,
& .navbar-nav > li > a {
color: lighten($navbar-inverse-background-color, 55%);
}
& .navbar-nav > li > a:hover,
& .navbar-nav > li > a:focus {
color: $navbar-font-color;
}
& .navbar-nav > .active > a,
& .navbar-nav > .active > a:hover,
& .navbar-nav > .active > a:focus {
color: $navbar-font-color;
background-color: $navbar-inverse-background-color;
}
& .btn-link[disabled]:hover,
fieldset[disabled] & .btn-link:hover,
& .btn-link[disabled]:focus,
fieldset[disabled] & .btn-link:focus,
& .navbar-nav > .disabled > a,
& .navbar-nav > .disabled > a:hover,
& .navbar-nav > .disabled > a:focus {
color: lighten($navbar-inverse-background-color, 40%);
background-color: transparent;
}
& .navbar-toggle {
border-color: $navbar-inverse-background-color;
background-color: $navbar-inverse-background-color;
}
& .navbar-toggle:hover,
& .navbar-toggle:focus {
border-color: lighten($navbar-inverse-background-color, 10%);
background-color: lighten($navbar-inverse-background-color, 10%);
}
& .navbar-toggle .icon-bar {
background-color: lighten($navbar-inverse-background-color, 55%);
}
& .navbar-collapse,
& .navbar-form {
border-color: $navbar-inverse-background-color;
}
& .navbar-nav > .open > a,
& .navbar-nav > .open > a:hover,
& .navbar-nav > .open > a:focus {
color: $navbar-font-color;
background-color: $navbar-inverse-background-color;
}
@media (max-width: 767px) {
& .navbar-nav > li > a:hover,
& .navbar-nav > li > a:focus {
background-color: $navbar-inverse-background-color;
}
& .navbar-nav .open .dropdown-menu > .divider {
background-color: $navbar-inverse-background-color;
}
& .navbar-nav .open .dropdown-menu > li > a {
color: lighten($navbar-inverse-background-color, 55%);
}
& .navbar-nav .open .dropdown-menu > li > a:hover,
& .navbar-nav .open .dropdown-menu > li > a:focus,
& .navbar-nav .open .dropdown-menu > .active > a,
& .navbar-nav .open .dropdown-menu > .active > a:hover,
& .navbar-nav .open .dropdown-menu > .active > a:focus {
color: $navbar-font-color;
background-color: $navbar-inverse-background-color;
}
& .navbar-nav .open .dropdown-menu > .dropdown-header {
color: lighten($navbar-inverse-background-color, 75%);
}
& .navbar-nav .open .dropdown-menu > .disabled > a,
& .navbar-nav .open .dropdown-menu > .disabled > a:hover,
& .navbar-nav .open .dropdown-menu > .disabled > a:focus {
color: lighten($navbar-inverse-background-color, 40%);
}
}
}
}
// Variables
//------------------------------------------------------
$paper-background-color: $grass-dark !default;
$paper-background-color-hover: $grass-light !default;
$paper-font-color: $white !default;
$paper-font-color-disabled: $lightgray-dark !default;
// Exports
//------------------------------------------------------
@include exports("pager") {
/**
* pager
* --------------------------------------------------
*/
.pager {
& li > a,
& li > span {
color: $paper-font-color;
background-color: $paper-background-color;
border-color: $paper-background-color;
}
& li > a:hover,
& li > a:focus {
background-color: $paper-background-color-hover;
border-color: $paper-background-color-hover;
}
& .disabled > a,
& .disabled > a:hover,
& .disabled > a:focus,
& .disabled > span {
color: $paper-font-color-disabled;
background-color: $paper-font-color;
border-color: $paper-font-color-disabled;
}
}
}
// Variables
//------------------------------------------------------
$pagination-background-color: $white !default;
$pagination-background-color-hover: $mediumgray-light !default;
$pagination-background-color-active: $grass-dark !default;
$pagination-font-color: $darkgray-dark !default;
$pagination-font-color-hover: $white !default;
$pagination-font-color-disabled: $lightgray-dark !default;
// Exports
//------------------------------------------------------
@include exports("pagination") {
/**
* pagination
* --------------------------------------------------
*/
.pagination {
& > li > a,
& > li > span {
color: $pagination-font-color;
background-color: $pagination-background-color;
border-color: $pagination-background-color-hover;
}
& > li > a:hover,
& > li > span:hover,
& > li > a:focus,
& > li > span:focus {
color: $pagination-font-color-hover;
background-color: $pagination-background-color-hover;
border-color: $pagination-background-color-hover;
}
& > .active > a,
& > .active > span,
& > .active > a:hover,
& > .active > span:hover,
& > .active > a:focus,
& > .active > span:focus {
color: $pagination-font-color-hover;
background-color: $pagination-background-color-active;
border-color: $pagination-background-color-active;
}
& > .disabled > span,
& > .disabled > span:hover,
& > .disabled > span:focus,
& > .disabled > a,
& > .disabled > a:hover,
& > .disabled > a:focus {
color: $pagination-font-color-disabled;
background-color: $pagination-background-color;
border-color: $pagination-background-color-hover;
}
}
}
// Variables
//------------------------------------------------------
$panel-normal: $lightgray-dark !default;
$panel-default: $white !default;
$panel-primary: $aqua-dark !default;
$panel-success: $grass-dark !default;
$panel-danger: $grapefruit-dark !default;
$panel-warning: $sunflower-dark !default;
$panel-info: $mint-dark !default;
$panel-font-color: $darkgray-dark !default;
$panel-background-color: $white !default;
$panel-shadow: 0 1px 2px rgba(0, 0, 0, .2) !default;
$panel-radius: 4px !default;
// Exports
//------------------------------------------------------
@include exports("panel") {
/**
* panel
* --------------------------------------------------
*/
.panel {
background-color: $panel-background-color;
border: none;
@include radius($type: border-radius, $value: $panel-radius);
@include box-shadow($value: $panel-shadow);
& .list-group {
@include box-shadow($value: none);
}
& .list-group-item:first-child {
border-top: 1px solid $panel-normal;
}
#{&}-heading {
@include radius($type: border-radius, $value: $panel-radius $panel-radius 0 0);
}
#{&}-title {
font-size: 14px;
color: $panel-font-color;
font-weight: normal;
}
#{&}-footer {
background-color: $panel-normal;
border-top-color: $panel-normal;
@include radius($type: border-radius, $value: 0 0 $panel-radius $panel-radius);
}
@at-root #{&}-default {
border-color: $panel-normal;
& > .panel-heading {
color: $panel-font-color;
background-color: $panel-normal;
border-color: $panel-normal;
}
}
@at-root #{&}-primary {
border-color: $panel-primary;
& > .panel-heading {
color: $panel-default;
background-color: $panel-primary;
border-color: $panel-primary;
}
}
@at-root #{&}-success {
border-color: $panel-success;
& > .panel-heading {
color: $panel-default;
background-color: $panel-success;
border-color: $panel-success;
}
}
@at-root #{&}-info {
border-color: $panel-info;
& > .panel-heading {
color: $panel-default;
background-color: $panel-info;
border-color: $panel-info;
}
}
@at-root #{&}-warning {
border-color: $panel-warning;
& > .panel-heading {
color: $panel-default;
background-color: $panel-warning;
border-color: $panel-warning;
}
}
@at-root #{&}-danger {
border-color: $panel-danger;
& > .panel-heading {
color: $panel-default;
background-color: $panel-danger;
border-color: $panel-danger;
}
}
@at-root #{&}-primary > #{&}-heading > #{&}-title,
#{&}-success > #{&}-heading > #{&}-title,
#{&}-info > #{&}-heading > #{&}-title,
#{&}-warning > #{&}-heading > #{&}-title,
#{&}-danger > #{&}-heading > #{&}-title {
color: $panel-default;
}
& > .list-group:first-child .list-group-item:first-child,
& > .table:first-child,
& > .table-responsive:first-child > .table:first-child {
@include radius($type: border-radius, $value: $panel-radius $panel-radius 0 0);
}
& > .list-group:last-child .list-group-item:last-child {
@include radius($type: border-radius, $value: 0 0 $panel-radius $panel-radius);
}
& > .table:first-child > thead:first-child > tr:first-child td:first-child,
& > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
& > .table:first-child > tbody:first-child > tr:first-child td:first-child,
& > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
& > .table:first-child > thead:first-child > tr:first-child th:first-child,
& > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
& > .table:first-child > tbody:first-child > tr:first-child th:first-child,
& > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
@include radius($type: border-radius, $value: $panel-radius 0 0 0);
}
& > .table:first-child > thead:first-child > tr:first-child td:last-child,
& > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
& > .table:first-child > tbody:first-child > tr:first-child td:last-child,
& > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
& > .table:first-child > thead:first-child > tr:first-child th:last-child,
& > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
& > .table:first-child > tbody:first-child > tr:first-child th:last-child,
& > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
@include radius($type: border-radius, $value: 0 $panel-radius 0 0);
}
& > .table:last-child,
& > .table-responsive:last-child > .table:last-child {
@include radius($type: border-radius, $value: 0 0 $panel-radius $panel-radius);
}
& > .table:last-child > tbody:last-child > tr:last-child td:first-child,
& > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
& > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
& > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
& > .table:last-child > tbody:last-child > tr:last-child th:first-child,
& > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
& > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
& > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
@include radius($type: border-radius, $value: 0 0 0 $panel-radius);
}
& > .table:last-child > tbody:last-child > tr:last-child td:last-child,
& > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
& > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
& > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
& > .table:last-child > tbody:last-child > tr:last-child th:last-child,
& > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
& > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
& > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
@include radius($type: border-radius, $value: 0 0 $panel-radius 0);
}
& > #{&}-body + .table,
& > #{&}-body + .table-responsive {
border-top-color: $panel-normal;
}
}
}
// Variables
//------------------------------------------------------
$pill-background-color: $aqua-dark !default;
$pill-background-color-hover: $lightgray-dark !default;
$pill-font-color: $darkgray-dark !default;
$pill-font-color-active: $white !default;
// Exports
//------------------------------------------------------
@include exports("pill") {
/**
* pill
* --------------------------------------------------
*/
.nav-pills {
& > li.active > a,
& > li.active > a:hover,
& > li.active > a:focus {
color: $pill-font-color-active;
background-color: $pill-background-color;
}
& > li > a {
color: $pill-background-color;
}
& > li > a:hover {
color: $pill-font-color;
background-color: $pill-background-color-hover;
}
& > .active > a > .badge {
color: $pill-background-color;
}
& .open > a,
& .open > a:focus,
& .open > a:hover {
color: $pill-font-color;
background-color: $pill-background-color-hover;
}
}
}
// Variables
//------------------------------------------------------
$popover-background-color: $darkgray-dark !default;
$popover-font-color: $white !default;
$popover-title-font-color: $mediumgray-dark !default;
// Exports
//------------------------------------------------------
@include exports("popover") {
/**
* popover
* --------------------------------------------------
*/
.popover {
background-color: $popover-background-color;
color: $popover-font-color;
border-color: $popover-background-color;
@at-root #{&}-title {
padding-bottom: 0;
font-weight: bold;
color: $popover-title-font-color;
background-color: transparent;
border-bottom: none;
}
&.top .arrow,
&.top .arrow:after {
border-top-color: $popover-background-color;
}
&.right .arrow,
&.right .arrow:after {
border-right-color: $popover-background-color;
}
&.bottom .arrow,
&.bottom .arrow:after {
border-bottom-color: $popover-background-color;
}
&.left .arrow,
&.left .arrow:after {
border-left-color: $popover-background-color;
}
}
}
// Variables
//------------------------------------------------------
$progress-primary: $aqua-dark !default;
$progress-success: $grass-dark !default;
$progress-danger: $grapefruit-dark !default;
$progress-warning: $sunflower-dark !default;
$progress-info: $mint-dark !default;
$progress-background-color: $lightgray-dark !default;
// Exports
//------------------------------------------------------
@include exports("progress") {
/**
* progress
* --------------------------------------------------
*/
.progress {
background-color: $progress-background-color;
@include box-shadow($value: none);
#{&}-bar {
background-color: $progress-primary;
@include box-shadow($value: none);
}
#{&}-bar-success {
background-color: $progress-success;
}
#{&}-bar-info {
background-color: $progress-info;
}
#{&}-bar-warning {
background-color: $progress-warning;
}
#{&}-bar-danger {
background-color: $progress-danger;
}
}
}
// Variables
//------------------------------------------------------
$tab-background-color: $lightgray-dark !default;
$tab-background-color-hover: $lightgray-light !default;
$tab-radius: 4px !default;
$tab-font-color: $darkgray-dark !default;
$tab-font-color-acitve: $white !default;
$tab-aside-width: 74px !default;
$tab-border-color: $mediumgray-light !default;
// Exports
//------------------------------------------------------
@include exports("tab") {
/**
* tab
* --------------------------------------------------
*/
.nav-tabs {
border-bottom: none;
background-color: $tab-background-color;
@include radius($type: border-radius, $value: $tab-radius $tab-radius 0 0);
& > li {
margin-bottom: 0;
border-left: 1px solid $tab-border-color;
}
& > li:first-child {
border-left: none;
}
& > li > a {
margin-right: 0;
border: none;
@include radius($type: border-radius, $value: 0);
color: $tab-font-color;
}
& > li:first-child > a {
@include radius($type: border-radius, $value: $tab-radius 0 0 0);
}
& > li > a:focus,
& > li > a:hover {
border: none;
background-color: $tab-background-color-hover;
}
& > li.active > a,
& > li.active > a:focus,
& > li.active > a:hover {
border: none;
background-color: $tab-font-color-acitve !important;
}
& .dropdown-toggle,
& .dropdown-toggle:hover,
& .dropdown-toggle:focus {
color: $tab-font-color;
}
& li.dropdown.open .dropdown-toggle {
color: $tab-font-color;
background-color: $tab-background-color-hover;
}
& li.dropdown.active.open .dropdown-toggle {
color: $tab-font-color;
}
& li.dropdown.active.open .dropdown-toggle .caret,
& li.dropdown.active .dropdown-toggle .caret {
border-top-color: $tab-font-color;
border-bottom-color: $tab-font-color;
}
& li.dropdown.open .caret,
& li.dropdown.open.active .caret,
& li.dropdown.open a:hover .caret,
& li.dropdown.open a:focus .caret,
& .dropdown-toggle .caret,
& .dropdown-toggle:hover .caret,
& .dropdown-toggle:focus .caret {
border-top-color: $tab-font-color;
border-bottom-color: $tab-font-color;
}
&.nav-justified > li > a {
margin-bottom: 0;
text-align: center;
}
&.nav-justified > .dropdown .dropdown-menu {
top: auto;
left: auto;
}
&.nav-justified > li > a {
@include radius($type: border-radius, $value: 0);
}
&.nav-justified > li:first-child > a {
@include radius($type: border-radius, $value: $tab-radius 0 0 0);
}
&.nav-justified > li:last-child > a {
@include radius($type: border-radius, $value: 0 $tab-radius 0 0);
}
&.nav-justified > .active > a,
&.nav-justified > .active > a:hover,
&.nav-justified > .active > a:focus {
border: none;
}
@media (min-width: 768px) {
&.nav-justified > li > a {
border-bottom: none;
@include radius($type: border-radius, $value: 0);
}
&.nav-justified > .active > a,
&.nav-justified > .active > a:hover,
&.nav-justified > .active > a:focus {
border-bottom: none;
}
}
@at-root .tab-content {
padding: 10px;
}
}
.tabs-below {
& .nav-tabs {
@include radius($type: border-radius, $value: 0 0 $tab-radius $tab-radius);
}
& .nav-tabs > li:first-child > a {
@include radius($type: border-radius, $value: 0 0 0 $tab-radius);
}
& .nav-tabs.nav-justified > li:last-child > a {
@include radius($type: border-radius, $value: 0 0 $tab-radius 0);
}
}
.tabs-left .nav-tabs > li,
.tabs-right .nav-tabs > li {
float: none;
border-left: none;
border-top: 1px solid $tab-border-color;
}
.tabs-left .nav-tabs > li:first-child,
.tabs-right .nav-tabs > li:first-child {
border-top: none;
}
.tabs-left .nav-tabs > li > a,
.tabs-right .nav-tabs > li > a {
min-width: $tab-aside-width;
margin-right: 0;
}
.tabs-left {
& .nav-tabs {
float: left;
margin-right: 19px;
@include radius($type: border-radius, $value: $tab-radius 0 0 $tab-radius);
}
& .nav-tabs > li:first-child > a {
@include radius($type: border-radius, $value: $tab-radius 0 0 0);
}
& .nav-tabs > li:last-child > a {
@include radius($type: border-radius, $value: 0 0 0 $tab-radius);
}
}
.tabs-right {
& .nav-tabs {
float: right;
margin-left: 19px;
@include radius($type: border-radius, $value: 0 $tab-radius $tab-radius 0);
}
& .nav-tabs > li:first-child > a {
@include radius($type: border-radius, $value: 0 $tab-radius 0 0);
}
& .nav-tabs > li:last-child > a {
@include radius($type: border-radius, $value: 0 0 $tab-radius 0);
}
}
}
// Variables
//------------------------------------------------------
$media-font-color: $darkgray-dark !default;
$thumbnail-shadow: 0 1px 2px rgba(0, 0, 0, .2) !default;
// Exports
//------------------------------------------------------
@include exports("thumbnail") {
/**
* thumbnail
* --------------------------------------------------
*/
.thumbnail {
border: none;
@include box-shadow($value: $list-shadow);
& .caption {
font-size: 14px;
}
& .caption h1,
& .caption h2,
& .caption h3,
& .caption h4,
& .caption h5,
& .caption h6 {
margin: 5px 0 10px;
font-size: 16px;
}
}
}
// Variables
//------------------------------------------------------
$tooltip-background-color: $darkgray-dark !default;
$tooltip-font-color: $white !default;
// Exports
//------------------------------------------------------
@include exports("tooltip") {
/**
* tooltip
* --------------------------------------------------
*/
.tooltip {
@at-root #{&}-inner {
color: $tooltip-font-color;
background-color: $tooltip-background-color;
}
&.top #{&}-arrow,
&.top-left #{&}-arrow,
&.top-right #{&}-arrow {
border-top-color: $tooltip-background-color;
}
&.right #{&}-arrow {
border-right-color: $tooltip-background-color;
}
&.left #{&}-arrow {
border-left-color: $tooltip-background-color;
}
&.bottom #{&}-arrow,
&.bottom-left #{&}-arrow,
&.bottom-right #{&}-arrow {
border-bottom-color: $tooltip-background-color;
}
}
}
// Variables
//------------------------------------------------------
$body-font-color: $darkgray-dark !default;
$body-background-color: $white !default;
$link-font-color: $aqua-dark !default;
$link-font-color-hover: $aqua-light !default;
$blockquote-border-color: $mediumgray-light !default;
$image-radius: 4px !default;
// Exports
//------------------------------------------------------
@include exports("typography") {
/**
* typography
* --------------------------------------------------
*/
body {
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
color: $body-font-color;
background-color: $body-background-color;
}
a {
color: $link-font-color;
text-decoration: none;
&:hover,
&:focus {
color: $link-font-color-hover;
text-decoration: none;
}
&:focus {
outline: none;
}
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
font-family: inherit;
font-weight: 700;
line-height: 1.1;
color: inherit;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small {
color: #e7e9ec;
}
h1,
h2,
h3 {
margin-top: 30px;
margin-bottom: 15px;
}
h4,
h5,
h6 {
margin-top: 15px;
margin-bottom: 15px;
}
h6 {
font-weight: normal;
}
h1,
.h1 {
font-size: 51px;
}
h2,
.h2 {
font-size: 43px;
}
h3,
.h3 {
font-size: 30px;
}
h4,
.h4 {
font-size: 19px;
}
h5,
.h5 {
font-size: 18px;
}
h6,
.h6 {
font-size: 14px;
}
blockquote {
border-left: 3px solid $blockquote-border-color;
}
.img-rounded {
@include radius($type: border-radius, $value: $image-radius);
}
.img-comment {
font-size: 15px;
line-height: 1.2;
font-style: italic;
margin: 24px 0;
}
}
// Variables
//------------------------------------------------------
$well-font-color: $darkgray-dark !default;
$well-background-color: $white !default;
$well-blockquote-color: $mediumgray-light !default;
$well-radius: 4px;
$well-shadow: 0 1px 2px rgba(0, 0, 0, .2) !default;
// Exports
//------------------------------------------------------
@include exports("well") {
/**
* well
* --------------------------------------------------
*/
.well {
padding: 10px;
border: none;
@include radius($type: border-radius, $value: $well-radius);
color: $modal-font-color;
background-color: $well-background-color;
@include box-shadow($value: $well-shadow);
& blockquote {
border-color: $well-blockquote-color;
}
@at-root #{&}-lg {
padding: 20px;
}
@at-root #{&}-sm {
padding: 5px;
}
}
}
/**
* SyntaxHighlighter
* http://alexgorbatchev.com/SyntaxHighlighter
*
* SyntaxHighlighter is donationware. If you are using it, please donate.
* http://alexgorbatchev.com/SyntaxHighlighter/donate.html
*
* @version
* 3.0.83 (July 02 2010)
*
* @copyright
* Copyright (C) 2004-2010 Alex Gorbatchev.
*
* @license
* Dual licensed under the MIT and GPL licenses.
*/
.syntaxhighlighter a,
.syntaxhighlighter div,
.syntaxhighlighter code,
.syntaxhighlighter table,
.syntaxhighlighter table td,
.syntaxhighlighter table tr,
.syntaxhighlighter table tbody,
.syntaxhighlighter table thead,
.syntaxhighlighter table caption,
.syntaxhighlighter textarea {
-moz-border-radius: 0 0 0 0 !important;
-webkit-border-radius: 0 0 0 0 !important;
background: none !important;
border: 0 !important;
bottom: auto !important;
float: none !important;
height: auto !important;
left: auto !important;
line-height: 1.1em !important;
margin: 0 !important;
outline: 0 !important;
overflow: auto !important;
padding: 0 !important;
position: static !important;
right: auto !important;
text-align: left !important;
top: auto !important;
vertical-align: baseline !important;
width: auto !important;
box-sizing: content-box !important;
font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important;
font-weight: normal !important;
font-style: normal !important;
font-size: 1em !important;
min-height: inherit !important;
min-height: auto !important;
white-space: nowrap !important;
}
.syntaxhighlighter {
width: 100% !important;
margin: 1em 0 1em 0 !important;
position: relative !important;
overflow-x: auto !important;
font-size: 1em !important;
border: 1px solid #eee;
}
.syntaxhighlighter.source {
overflow: hidden !important;
}
.syntaxhighlighter .bold {
font-weight: bold !important;
}
.syntaxhighlighter .italic {
font-style: italic !important;
}
.syntaxhighlighter .line {
white-space: pre !important;
}
x:-o-prefocus, .syntaxhighlighter .line {
white-space: normal !important;
}
.syntaxhighlighter table {
width: 100% !important;
}
.syntaxhighlighter table caption {
text-align: left !important;
padding: .5em 0 0.5em 1em !important;
}
.syntaxhighlighter table td.code {
width: 100% !important;
}
.syntaxhighlighter table td.code .container {
position: relative !important;
}
.syntaxhighlighter table td.code .container textarea {
box-sizing: border-box !important;
position: absolute !important;
left: 0 !important;
top: 0 !important;
width: 100% !important;
height: 100% !important;
border: none !important;
background: white !important;
padding-left: 1em !important;
overflow: hidden !important;
white-space: pre !important;
}
.syntaxhighlighter table td.gutter .line {
text-align: right !important;
/*padding: 0 0.5em 0 1em !important;*/
}
.syntaxhighlighter table td.code .line {
padding: 5px !important;
}
.syntaxhighlighter.nogutter td.code .container textarea, .syntaxhighlighter.nogutter td.code .line {
padding-left: 0em !important;
}
.syntaxhighlighter.show {
display: block !important;
}
.syntaxhighlighter.collapsed table {
display: none !important;
}
.syntaxhighlighter.collapsed .toolbar {
padding: 0.1em 0.8em 0em 0.8em !important;
font-size: 1em !important;
position: static !important;
width: auto !important;
height: auto !important;
}
.syntaxhighlighter.collapsed .toolbar span {
display: inline !important;
margin-right: 1em !important;
}
.syntaxhighlighter.collapsed .toolbar span a {
padding: 0 !important;
display: none !important;
}
.syntaxhighlighter.collapsed .toolbar span a.expandSource {
display: inline !important;
}
.syntaxhighlighter .toolbar {
position: absolute !important;
right: 1px !important;
top: 1px !important;
width: 11px !important;
height: 11px !important;
font-size: 10px !important;
z-index: 10 !important;
}
.syntaxhighlighter .toolbar span.title {
display: inline !important;
}
.syntaxhighlighter .toolbar a {
display: block !important;
text-align: center !important;
text-decoration: none !important;
padding-top: 1px !important;
}
.syntaxhighlighter .toolbar a.expandSource {
display: none !important;
}
.syntaxhighlighter.ie {
font-size: .9em !important;
padding: 1px 0 1px 0 !important;
}
.syntaxhighlighter.ie .toolbar {
line-height: 8px !important;
}
.syntaxhighlighter.ie .toolbar a {
padding-top: 0px !important;
}
.syntaxhighlighter.printing .line.alt1 .content,
.syntaxhighlighter.printing .line.alt2 .content,
.syntaxhighlighter.printing .line.highlighted .number,
.syntaxhighlighter.printing .line.highlighted.alt1 .content,
.syntaxhighlighter.printing .line.highlighted.alt2 .content {
background: none !important;
}
.syntaxhighlighter.printing .line .number {
color: #bbbbbb !important;
}
.syntaxhighlighter.printing .line .content {
color: black !important;
}
.syntaxhighlighter.printing .toolbar {
display: none !important;
}
.syntaxhighlighter.printing a {
text-decoration: none !important;
}
.syntaxhighlighter.printing .plain, .syntaxhighlighter.printing .plain a {
color: black !important;
}
.syntaxhighlighter.printing .comments, .syntaxhighlighter.printing .comments a {
color: #008200 !important;
}
.syntaxhighlighter.printing .string, .syntaxhighlighter.printing .string a {
color: blue !important;
}
.syntaxhighlighter.printing .keyword {
color: #006699 !important;
font-weight: bold !important;
}
.syntaxhighlighter.printing .preprocessor {
color: gray !important;
}
.syntaxhighlighter.printing .variable {
color: #aa7700 !important;
}
.syntaxhighlighter.printing .value {
color: #009900 !important;
}
.syntaxhighlighter.printing .functions {
color: #ff1493 !important;
}
.syntaxhighlighter.printing .constants {
color: #0066cc !important;
}
.syntaxhighlighter.printing .script {
font-weight: bold !important;
}
.syntaxhighlighter.printing .color1, .syntaxhighlighter.printing .color1 a {
color: gray !important;
}
.syntaxhighlighter.printing .color2, .syntaxhighlighter.printing .color2 a {
color: #ff1493 !important;
}
.syntaxhighlighter.printing .color3, .syntaxhighlighter.printing .color3 a {
color: red !important;
}
.syntaxhighlighter.printing .break, .syntaxhighlighter.printing .break a {
color: black !important;
}
/**
* SyntaxHighlighter
* http://alexgorbatchev.com/SyntaxHighlighter
*
* SyntaxHighlighter is donationware. If you are using it, please donate.
* http://alexgorbatchev.com/SyntaxHighlighter/donate.html
*
* @version
* 3.0.83 (July 02 2010)
*
* @copyright
* Copyright (C) 2004-2010 Alex Gorbatchev.
*
* @license
* Dual licensed under the MIT and GPL licenses.
*/
.syntaxhighlighter {
background-color: white !important;
}
.syntaxhighlighter .line.alt1 {
background-color: #eee !important;
}
.syntaxhighlighter .line.alt2 {
background-color: white !important;
}
.syntaxhighlighter .line.highlighted.alt1, .syntaxhighlighter .line.highlighted.alt2 {
background-color: #e0e0e0 !important;
}
.syntaxhighlighter .line.highlighted.number {
color: black !important;
}
.syntaxhighlighter table caption {
color: black !important;
}
.syntaxhighlighter .gutter {
display: none;
color: #afafaf !important;
}
.syntaxhighlighter .gutter .line {
/*border-right: 3px solid #6ce26c !important;*/
}
.syntaxhighlighter .gutter .line.highlighted {
background-color: #6ce26c !important;
color: white !important;
}
.syntaxhighlighter.printing .line .content {
border: none !important;
}
.syntaxhighlighter.collapsed {
overflow: visible !important;
}
.syntaxhighlighter.collapsed .toolbar {
color: blue !important;
background: white !important;
border: 1px solid #6ce26c !important;
}
.syntaxhighlighter.collapsed .toolbar a {
color: blue !important;
}
.syntaxhighlighter.collapsed .toolbar a:hover {
color: red !important;
}
.syntaxhighlighter .toolbar {
display: none;
color: white !important;
background: #6ce26c !important;
border: none !important;
}
.syntaxhighlighter .toolbar a {
color: white !important;
}
.syntaxhighlighter .toolbar a:hover {
color: black !important;
}
.syntaxhighlighter .plain, .syntaxhighlighter .plain a {
color: black !important;
}
.syntaxhighlighter .comments, .syntaxhighlighter .comments a {
color: #008200 !important;
}
.syntaxhighlighter .string, .syntaxhighlighter .string a {
color: blue !important;
}
.syntaxhighlighter .keyword {
color: #006699 !important;
}
.syntaxhighlighter .preprocessor {
color: gray !important;
}
.syntaxhighlighter .variable {
color: #aa7700 !important;
}
.syntaxhighlighter .value {
color: #009900 !important;
}
.syntaxhighlighter .functions {
color: #ff1493 !important;
}
.syntaxhighlighter .constants {
color: #0066cc !important;
}
.syntaxhighlighter .script {
font-weight: bold !important;
color: #006699 !important;
background-color: none !important;
}
.syntaxhighlighter .color1, .syntaxhighlighter .color1 a {
color: gray !important;
}
.syntaxhighlighter .color2, .syntaxhighlighter .color2 a {
color: #ff1493 !important;
}
.syntaxhighlighter .color3, .syntaxhighlighter .color3 a {
color: red !important;
}
.syntaxhighlighter .keyword {
font-weight: bold !important;
}
This diff is collapsed. Click to expand it.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
No preview for this file type
No preview for this file type
No preview for this file type

6.71 KB
This diff is collapsed. Click to expand it.
// NOTICE!! DO NOT USE ANY OF THIS JAVASCRIPT
// IT'S ALL JUST JUNK FOR OUR DOCS!
// ++++++++++++++++++++++++++++++++++++++++++
!function ($) {
$(function(){
Holder.add_theme("new", { background: "#AC92EC", foreground: "#fff", size: 12 }).run()
$('.tooltip-demo').tooltip({
selector: "[data-toggle=tooltip]",
container: "body"
})
$('.checkbox input').iCheck({
checkboxClass: 'icheckbox_flat',
increaseArea: '20%'
})
$('.radio input').iCheck({
radioClass: 'iradio_flat',
increaseArea: '20%'
})
$("#accordion1").collapse({
accordion: true,
open: function() {
this.addClass("open");
this.css({ height: this.children().outerHeight() });
},
close: function() {
this.css({ height: "0" });
this.removeClass("open");
}
});
$("#accordion2").collapse({
accordion: true,
open: function() {
this.addClass("open");
this.css({ height: this.children().outerHeight() });
},
close: function() {
this.css({ height: "0" });
this.removeClass("open");
}
});
})
}(window.jQuery)
This diff is collapsed. Click to expand it.
/*
HTML5 Shiv v3.6.2pre | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed
*/
(function(l,f){function m(){var a=e.elements;return"string"==typeof a?a.split(" "):a}function i(a){var b=n[a[o]];b||(b={},h++,a[o]=h,n[h]=b);return b}function p(a,b,c){b||(b=f);if(g)return b.createElement(a);c||(c=i(b));b=c.cache[a]?c.cache[a].cloneNode():r.test(a)?(c.cache[a]=c.createElem(a)).cloneNode():c.createElem(a);return b.canHaveChildren&&!s.test(a)?c.frag.appendChild(b):b}function t(a,b){if(!b.cache)b.cache={},b.createElem=a.createElement,b.createFrag=a.createDocumentFragment,b.frag=b.createFrag();
a.createElement=function(c){return!e.shivMethods?b.createElem(c):p(c,a,b)};a.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+m().join().replace(/\w+/g,function(a){b.createElem(a);b.frag.createElement(a);return'c("'+a+'")'})+");return n}")(e,b.frag)}function q(a){a||(a=f);var b=i(a);if(e.shivCSS&&!j&&!b.hasCSS){var c,d=a;c=d.createElement("p");d=d.getElementsByTagName("head")[0]||d.documentElement;c.innerHTML="x<style>article,aside,figcaption,figure,footer,header,hgroup,nav,section{display:block}mark{background:#FF0;color:#000}</style>";
c=d.insertBefore(c.lastChild,d.firstChild);b.hasCSS=!!c}g||t(a,b);return a}var k=l.html5||{},s=/^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,r=/^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i,j,o="_html5shiv",h=0,n={},g;(function(){try{var a=f.createElement("a");a.innerHTML="<xyz></xyz>";j="hidden"in a;var b;if(!(b=1==a.childNodes.length)){f.createElement("a");var c=f.createDocumentFragment();b="undefined"==typeof c.cloneNode||
"undefined"==typeof c.createDocumentFragment||"undefined"==typeof c.createElement}g=b}catch(d){g=j=!0}})();var e={elements:k.elements||"abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup mark meter nav output progress section summary time video",version:"3.6.2pre",shivCSS:!1!==k.shivCSS,supportsUnknownElements:g,shivMethods:!1!==k.shivMethods,type:"default",shivDocument:q,createElement:p,createDocumentFragment:function(a,b){a||(a=f);if(g)return a.createDocumentFragment();
for(var b=b||i(a),c=b.frag.cloneNode(),d=0,e=m(),h=e.length;d<h;d++)c.createElement(e[d]);return c}};l.html5=e;q(f)})(this,document);
/*! matchMedia() polyfill - Test a CSS media type/query in JS. Authors & copyright (c) 2012: Scott Jehl, Paul Irish, Nicholas Zakas. Dual MIT/BSD license */
/*! NOTE: If you're already including a window.matchMedia polyfill via Modernizr or otherwise, you don't need this part */
window.matchMedia=window.matchMedia||function(a){"use strict";var c,d=a.documentElement,e=d.firstElementChild||d.firstChild,f=a.createElement("body"),g=a.createElement("div");return g.id="mq-test-1",g.style.cssText="position:absolute;top:-100em",f.style.background="none",f.appendChild(g),function(a){return g.innerHTML='&shy;<style media="'+a+'"> #mq-test-1 { width: 42px; }</style>',d.insertBefore(f,e),c=42===g.offsetWidth,d.removeChild(f),{matches:c,media:a}}}(document);
/*! Respond.js v1.1.0: min/max-width media query polyfill. (c) Scott Jehl. MIT/GPLv2 Lic. j.mp/respondjs */
(function(a){"use strict";function x(){u(!0)}var b={};if(a.respond=b,b.update=function(){},b.mediaQueriesSupported=a.matchMedia&&a.matchMedia("only all").matches,!b.mediaQueriesSupported){var q,r,t,c=a.document,d=c.documentElement,e=[],f=[],g=[],h={},i=30,j=c.getElementsByTagName("head")[0]||d,k=c.getElementsByTagName("base")[0],l=j.getElementsByTagName("link"),m=[],n=function(){for(var b=0;l.length>b;b++){var c=l[b],d=c.href,e=c.media,f=c.rel&&"stylesheet"===c.rel.toLowerCase();d&&f&&!h[d]&&(c.styleSheet&&c.styleSheet.rawCssText?(p(c.styleSheet.rawCssText,d,e),h[d]=!0):(!/^([a-zA-Z:]*\/\/)/.test(d)&&!k||d.replace(RegExp.$1,"").split("/")[0]===a.location.host)&&m.push({href:d,media:e}))}o()},o=function(){if(m.length){var b=m.shift();v(b.href,function(c){p(c,b.href,b.media),h[b.href]=!0,a.setTimeout(function(){o()},0)})}},p=function(a,b,c){var d=a.match(/@media[^\{]+\{([^\{\}]*\{[^\}\{]*\})+/gi),g=d&&d.length||0;b=b.substring(0,b.lastIndexOf("/"));var h=function(a){return a.replace(/(url\()['"]?([^\/\)'"][^:\)'"]+)['"]?(\))/g,"$1"+b+"$2$3")},i=!g&&c;b.length&&(b+="/"),i&&(g=1);for(var j=0;g>j;j++){var k,l,m,n;i?(k=c,f.push(h(a))):(k=d[j].match(/@media *([^\{]+)\{([\S\s]+?)$/)&&RegExp.$1,f.push(RegExp.$2&&h(RegExp.$2))),m=k.split(","),n=m.length;for(var o=0;n>o;o++)l=m[o],e.push({media:l.split("(")[0].match(/(only\s+)?([a-zA-Z]+)\s?/)&&RegExp.$2||"all",rules:f.length-1,hasquery:l.indexOf("(")>-1,minw:l.match(/\(\s*min\-width\s*:\s*(\s*[0-9\.]+)(px|em)\s*\)/)&&parseFloat(RegExp.$1)+(RegExp.$2||""),maxw:l.match(/\(\s*max\-width\s*:\s*(\s*[0-9\.]+)(px|em)\s*\)/)&&parseFloat(RegExp.$1)+(RegExp.$2||"")})}u()},s=function(){var a,b=c.createElement("div"),e=c.body,f=!1;return b.style.cssText="position:absolute;font-size:1em;width:1em",e||(e=f=c.createElement("body"),e.style.background="none"),e.appendChild(b),d.insertBefore(e,d.firstChild),a=b.offsetWidth,f?d.removeChild(e):e.removeChild(b),a=t=parseFloat(a)},u=function(b){var h="clientWidth",k=d[h],m="CSS1Compat"===c.compatMode&&k||c.body[h]||k,n={},o=l[l.length-1],p=(new Date).getTime();if(b&&q&&i>p-q)return a.clearTimeout(r),r=a.setTimeout(u,i),void 0;q=p;for(var v in e)if(e.hasOwnProperty(v)){var w=e[v],x=w.minw,y=w.maxw,z=null===x,A=null===y,B="em";x&&(x=parseFloat(x)*(x.indexOf(B)>-1?t||s():1)),y&&(y=parseFloat(y)*(y.indexOf(B)>-1?t||s():1)),w.hasquery&&(z&&A||!(z||m>=x)||!(A||y>=m))||(n[w.media]||(n[w.media]=[]),n[w.media].push(f[w.rules]))}for(var C in g)g.hasOwnProperty(C)&&g[C]&&g[C].parentNode===j&&j.removeChild(g[C]);for(var D in n)if(n.hasOwnProperty(D)){var E=c.createElement("style"),F=n[D].join("\n");E.type="text/css",E.media=D,j.insertBefore(E,o.nextSibling),E.styleSheet?E.styleSheet.cssText=F:E.appendChild(c.createTextNode(F)),g.push(E)}},v=function(a,b){var c=w();c&&(c.open("GET",a,!0),c.onreadystatechange=function(){4!==c.readyState||200!==c.status&&304!==c.status||b(c.responseText)},4!==c.readyState&&c.send(null))},w=function(){var b=!1;try{b=new a.XMLHttpRequest}catch(c){b=new a.ActiveXObject("Microsoft.XMLHTTP")}return function(){return b}}();n(),b.update=n,a.addEventListener?a.addEventListener("resize",x,!1):a.attachEvent&&a.attachEvent("onresize",x)}})(this);
This diff could not be displayed because it is too large.
{
"name": "Bootflat",
"private": false,
"version": "2.0.0",
"description": "BOOTFLAT is an open source Flat UI KIT based on Twitter Bootstrap 3.1.0 css framework. It provides a faster, easier and less repetitive way for web developers to create elegant web app.",
"author":"Flathemes",
"license": "MIT",
"devDependencies": {
"grunt": "~0.4.1",
"grunt-contrib-cssmin": "~0.7.0",
"grunt-contrib-copy": "~0.4.1",
"grunt-contrib-concat": "~0.3.0",
"grunt-contrib-uglify": "~0.2.4",
"grunt-contrib-jshint": "~0.6.4",
"grunt-contrib-sass": "~0.5.0",
"load-grunt-tasks": "~0.2.0"
}
}
\ No newline at end of file