update version 2.0.0
Showing
75 changed files
with
3559 additions
and
2 deletions
Gruntfile.js
0 → 100644
| 1 | module.exports = function(grunt) { | ||
| 2 | |||
| 3 | grunt.initConfig({ | ||
| 4 | jshint: { | ||
| 5 | files: ['Gruntfile.js', 'js/**/*.js'], | ||
| 6 | options: { | ||
| 7 | jshintrc: '.jshintrc' | ||
| 8 | } | ||
| 9 | }, | ||
| 10 | uglify: { | ||
| 11 | dist: { | ||
| 12 | files: { | ||
| 13 | 'js/site.min.js': [ | ||
| 14 | 'js/jquery-1.10.1.min.js', | ||
| 15 | 'js/bootstrap.min.js', | ||
| 16 | 'js/holder.js', | ||
| 17 | 'bootflat/js/icheck.min.js', | ||
| 18 | 'bootflat/js/jquery.collapse.js', | ||
| 19 | 'js/application.js' | ||
| 20 | ] | ||
| 21 | } | ||
| 22 | } | ||
| 23 | }, | ||
| 24 | cssmin: { | ||
| 25 | dist: { | ||
| 26 | files: { | ||
| 27 | 'css/site.min.css': [ | ||
| 28 | 'css/bootstrap.min.css', | ||
| 29 | 'bootflat/css/bootflat.css', | ||
| 30 | 'css/site.css' | ||
| 31 | ], | ||
| 32 | 'bootflat/css/bootflat.min.css': 'bootflat/css/bootflat.css' | ||
| 33 | } | ||
| 34 | } | ||
| 35 | }, | ||
| 36 | sass: { | ||
| 37 | dist: { | ||
| 38 | files: { | ||
| 39 | 'bootflat/css/bootflat.css': 'bootflat/scss/bootflat.scss' | ||
| 40 | }, | ||
| 41 | options: { | ||
| 42 | style: 'expanded', | ||
| 43 | sourcemap: 'true' | ||
| 44 | } | ||
| 45 | } | ||
| 46 | }, | ||
| 47 | pkg: grunt.file.readJSON('package.json') | ||
| 48 | }); | ||
| 49 | |||
| 50 | require('load-grunt-tasks')(grunt); | ||
| 51 | |||
| 52 | grunt.registerTask('default', [ | ||
| 53 | 'jshint', | ||
| 54 | 'sass', | ||
| 55 | 'cssmin', | ||
| 56 | 'uglify' | ||
| 57 | ]); | ||
| 58 | }; | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
| 1 | bootflat.github.io | 1 | # What is Bootflat? |
| 2 | ================== | 2 | |
| 3 | 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. | ||
| 4 | |||
| 5 | Note: Compatible Browsers: IE8, IE9, IE10, Firefox, Safari, Opera, Chrome. | ||
| 6 | |||
| 7 | Thanks for supporting our website and enjoy! | ||
| 8 | |||
| 9 | ## Feature: | ||
| 10 | |||
| 11 | ### 1. Bootstrap 3.1.0 | ||
| 12 | Bootsflat is based on Bootstrap 3.1.0 the sleek, intuitive, and powerful mobile-first front-end framework for faster and easier web development. | ||
| 13 | |||
| 14 | ### 2. HTML5 & CSS3 | ||
| 15 | 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. | ||
| 16 | |||
| 17 | ### 3. Lightweight | ||
| 18 | We only choose the lightweight plugins, but with rich functions. we use tiny components, css and js size is first consideration. | ||
| 19 | |||
| 20 | ### 4. Mobile first | ||
| 21 | 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. | ||
| 22 | |||
| 23 | ## Manual Start | ||
| 24 | Install with [bower](http://bower.io/)? | ||
| 25 | |||
| 26 | `bower install angulargap` | ||
| 27 | |||
| 28 | 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. | ||
| 29 | |||
| 30 | ## Changelog: | ||
| 31 | |||
| 32 | 2014/3/6 version 2.0.0 | ||
| 33 | |||
| 34 | ## Links: | ||
| 35 | |||
| 36 | + [AngularGap Home page](http://bootflat.github.io/) | ||
| 37 | + [AngularGap Documentation page](http://bootflat.github.io/documentation.html) | ||
| 38 | |||
| 39 | ## Community | ||
| 40 | |||
| 41 | + Follow [@flathemes on Twitter](https://twitter.com/flathemes). | ||
| 42 | + Have a feature request or find a bug? [Submit an issue](https://github.com/angulargap/angulargap.github.io/issues). | ||
| 43 | |||
| 44 | ## LICENSE | ||
| 45 | |||
| 46 | Bootflat is licensed under the MIT Open Source license. For more information, see the LICENSE file in this repository. | ||
| 47 | ... | ... |
angularicons/angularicons.eot
0 → 100644
No preview for this file type
angularicons/angularicons.svg
0 → 100644
This diff could not be displayed because it is too large.
angularicons/angularicons.ttf
0 → 100644
No preview for this file type
angularicons/angularicons.woff
0 → 100644
No preview for this file type
bootflat/css/bootflat.css
0 → 100644
This diff is collapsed.
Click to expand it.
bootflat/css/bootflat.css.map
0 → 100644
This diff is collapsed.
Click to expand it.
bootflat/css/bootflat.min.css
0 → 100644
This diff is collapsed.
Click to expand it.
bootflat/img/check_flat/default.png
0 → 100644
2.96 KB
bootflat/img/check_flat/default.psd
0 → 100644
No preview for this file type
bootflat/js/icheck.min.js
0 → 100644
| 1 | /*! iCheck v1.0.1 by Damir Sultanov, http://git.io/arlzeA, MIT Licensed */ | ||
| 2 | (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, | ||
| 3 | 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"); | ||
| 4 | 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(); | ||
| 5 | 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"; | ||
| 6 | _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= | ||
| 7 | 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, | ||
| 8 | 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+= | ||
| 9 | '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; | ||
| 10 | 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= | ||
| 11 | 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); |
bootflat/js/jquery.collapse.js
0 → 100644
| 1 | /* | ||
| 2 | * Collapse plugin for jQuery | ||
| 3 | * -- | ||
| 4 | * source: http://github.com/danielstocks/jQuery-Collapse/ | ||
| 5 | * site: http://webcloud.se/jQuery-Collapse | ||
| 6 | * | ||
| 7 | * @author Daniel Stocks (http://webcloud.se) | ||
| 8 | * Copyright 2013, Daniel Stocks | ||
| 9 | * Released under the MIT, BSD, and GPL Licenses. | ||
| 10 | */ | ||
| 11 | |||
| 12 | (function($, exports) { | ||
| 13 | |||
| 14 | // Constructor | ||
| 15 | function Collapse (el, options) { | ||
| 16 | options = options || {}; | ||
| 17 | var _this = this, | ||
| 18 | query = options.query || "> :even"; | ||
| 19 | |||
| 20 | $.extend(_this, { | ||
| 21 | $el: el, | ||
| 22 | options : options, | ||
| 23 | sections: [], | ||
| 24 | isAccordion : options.accordion || false, | ||
| 25 | db : options.persist ? jQueryCollapseStorage(el.get(0).id) : false | ||
| 26 | }); | ||
| 27 | |||
| 28 | // Figure out what sections are open if storage is used | ||
| 29 | _this.states = _this.db ? _this.db.read() : []; | ||
| 30 | |||
| 31 | // For every pair of elements in given | ||
| 32 | // element, create a section | ||
| 33 | _this.$el.find(query).each(function() { | ||
| 34 | new jQueryCollapseSection($(this), _this); | ||
| 35 | }); | ||
| 36 | |||
| 37 | // Capute ALL the clicks! | ||
| 38 | (function(scope) { | ||
| 39 | _this.$el.on("click", "[data-collapse-summary] " + (scope.options.clickQuery || ""), | ||
| 40 | $.proxy(_this.handleClick, scope)); | ||
| 41 | |||
| 42 | _this.$el.bind("toggle close open", | ||
| 43 | $.proxy(_this.handleEvent, scope)); | ||
| 44 | |||
| 45 | }(_this)); | ||
| 46 | } | ||
| 47 | |||
| 48 | Collapse.prototype = { | ||
| 49 | handleClick: function(e, state) { | ||
| 50 | e.preventDefault(); | ||
| 51 | state = state || "toggle"; | ||
| 52 | var sections = this.sections, | ||
| 53 | l = sections.length; | ||
| 54 | while(l--) { | ||
| 55 | if($.contains(sections[l].$summary[0], e.target)) { | ||
| 56 | sections[l][state](); | ||
| 57 | break; | ||
| 58 | } | ||
| 59 | } | ||
| 60 | }, | ||
| 61 | handleEvent: function(e) { | ||
| 62 | if(e.target == this.$el.get(0)) return this[e.type](); | ||
| 63 | this.handleClick(e, e.type); | ||
| 64 | }, | ||
| 65 | open: function(eq) { | ||
| 66 | this._change("open", eq); | ||
| 67 | }, | ||
| 68 | close: function(eq) { | ||
| 69 | this._change("close", eq); | ||
| 70 | }, | ||
| 71 | toggle: function(eq) { | ||
| 72 | this._change("toggle", eq); | ||
| 73 | }, | ||
| 74 | _change: function(action, eq) { | ||
| 75 | $.each(this.sections, function(i, section) { | ||
| 76 | section[action](); | ||
| 77 | }); | ||
| 78 | } | ||
| 79 | }; | ||
| 80 | |||
| 81 | // Section constructor | ||
| 82 | function Section($el, parent) { | ||
| 83 | |||
| 84 | if(!parent.options.clickQuery) $el.wrapInner('<a href="#"/>'); | ||
| 85 | |||
| 86 | $.extend(this, { | ||
| 87 | isOpen : false, | ||
| 88 | $summary : $el.attr("data-collapse-summary",""), | ||
| 89 | $details : $el.next(), | ||
| 90 | options: parent.options, | ||
| 91 | parent: parent | ||
| 92 | }); | ||
| 93 | parent.sections.push(this); | ||
| 94 | |||
| 95 | // Check current state of section | ||
| 96 | var state = parent.states[this._index()]; | ||
| 97 | |||
| 98 | if(state === 0) { | ||
| 99 | this.close(true); | ||
| 100 | } | ||
| 101 | else if(this.$summary.is(".open") || state === 1) { | ||
| 102 | this.open(true); | ||
| 103 | } else { | ||
| 104 | this.close(true); | ||
| 105 | } | ||
| 106 | } | ||
| 107 | |||
| 108 | Section.prototype = { | ||
| 109 | toggle : function() { | ||
| 110 | this.isOpen ? this.close() : this.open(); | ||
| 111 | }, | ||
| 112 | close: function(bypass) { | ||
| 113 | this._changeState("close", bypass); | ||
| 114 | }, | ||
| 115 | open: function(bypass) { | ||
| 116 | var _this = this; | ||
| 117 | if(_this.options.accordion && !bypass) { | ||
| 118 | $.each(_this.parent.sections, function(i, section) { | ||
| 119 | section.close(); | ||
| 120 | }); | ||
| 121 | } | ||
| 122 | _this._changeState("open", bypass); | ||
| 123 | }, | ||
| 124 | _index: function() { | ||
| 125 | return $.inArray(this, this.parent.sections); | ||
| 126 | }, | ||
| 127 | _changeState: function(state, bypass) { | ||
| 128 | |||
| 129 | var _this = this; | ||
| 130 | _this.isOpen = state == "open"; | ||
| 131 | if($.isFunction(_this.options[state]) && !bypass) { | ||
| 132 | _this.options[state].apply(_this.$details); | ||
| 133 | } else { | ||
| 134 | _this.$details[_this.isOpen ? "show" : "hide"](); | ||
| 135 | } | ||
| 136 | |||
| 137 | _this.$summary.toggleClass("open", state !== "close"); | ||
| 138 | _this.$details.attr("aria-hidden", state === "close"); | ||
| 139 | _this.$summary.attr("aria-expanded", state === "open"); | ||
| 140 | _this.$summary.trigger(state === "open" ? "opened" : "closed", _this); | ||
| 141 | if(_this.parent.db) { | ||
| 142 | _this.parent.db.write(_this._index(), _this.isOpen); | ||
| 143 | } | ||
| 144 | } | ||
| 145 | }; | ||
| 146 | |||
| 147 | // Expose in jQuery API | ||
| 148 | $.fn.extend({ | ||
| 149 | collapse: function(options, scan) { | ||
| 150 | var nodes = (scan) ? $("body").find("[data-collapse]") : $(this); | ||
| 151 | return nodes.each(function() { | ||
| 152 | var settings = (scan) ? {} : options, | ||
| 153 | values = $(this).attr("data-collapse") || ""; | ||
| 154 | $.each(values.split(" "), function(i,v) { | ||
| 155 | if(v) settings[v] = true; | ||
| 156 | }); | ||
| 157 | new Collapse($(this), settings); | ||
| 158 | }); | ||
| 159 | } | ||
| 160 | }); | ||
| 161 | |||
| 162 | //jQuery DOM Ready | ||
| 163 | $(function() { | ||
| 164 | $.fn.collapse(false, true); | ||
| 165 | }); | ||
| 166 | |||
| 167 | // Expose constructor to | ||
| 168 | // global namespace | ||
| 169 | exports.jQueryCollapse = Collapse; | ||
| 170 | exports.jQueryCollapseSection = Section; | ||
| 171 | |||
| 172 | })(window.jQuery, window); |
bootflat/scss/bootflat.scss
0 → 100644
| 1 | @charset "UTF-8"; | ||
| 2 | |||
| 3 | /* | ||
| 4 | * Copyright 2013 FLATHEMES. | ||
| 5 | * | ||
| 6 | * Bootflat, v2.0.0 | ||
| 7 | * A open source Flat UI KIT based on Twitter Bootstrap 3.1.0 css framework. | ||
| 8 | * http://http://bootflat.github.io/ | ||
| 9 | * | ||
| 10 | * By @flathemes | ||
| 11 | * | ||
| 12 | * Licensed under the MIT license. Please see LICENSE for more information. | ||
| 13 | * | ||
| 14 | */ | ||
| 15 | |||
| 16 | @import | ||
| 17 | |||
| 18 | // Variables, Extends, Mixins | ||
| 19 | "bootflat/global", | ||
| 20 | |||
| 21 | // Base | ||
| 22 | "bootflat/typography", | ||
| 23 | "bootflat/button", | ||
| 24 | "bootflat/button_group", | ||
| 25 | "bootflat/label_badge", | ||
| 26 | "bootflat/tooltip", | ||
| 27 | "bootflat/popover", | ||
| 28 | "bootflat/progress", | ||
| 29 | "bootflat/breadcrumb", | ||
| 30 | "bootflat/pagination", | ||
| 31 | "bootflat/pager", | ||
| 32 | "bootflat/form", | ||
| 33 | "bootflat/checkbox_radio", | ||
| 34 | "bootflat/alert", | ||
| 35 | "bootflat/tab", | ||
| 36 | "bootflat/pill", | ||
| 37 | "bootflat/navbar", | ||
| 38 | "bootflat/list", | ||
| 39 | "bootflat/media_list", | ||
| 40 | "bootflat/modal", | ||
| 41 | "bootflat/well", | ||
| 42 | "bootflat/thumbnail", | ||
| 43 | "bootflat/jumbotron", | ||
| 44 | "bootflat/panel", | ||
| 45 | "bootflat/accordion", | ||
| 46 | "bootflat/footer", | ||
| 47 | "bootflat/dropdown"; |
bootflat/scss/bootflat/_accordion.scss
0 → 100644
| 1 | // Variables | ||
| 2 | //------------------------------------------------------ | ||
| 3 | $accordion-header-border-color: $lightgray-dark !default; | ||
| 4 | |||
| 5 | $accordion-panel-header-color: $lightgray-dark !default; | ||
| 6 | $accordion-panel-background-color: $white !default; | ||
| 7 | $accordion-panel-font-color: $darkgray-dark !default; | ||
| 8 | $accordion-panel-font-color-hover: $mediumgray-dark !default; | ||
| 9 | $accordion-panel-radius: 4px !default; | ||
| 10 | $accordion-panel-shadow: 0 1px 2px rgba(0, 0, 0, .2) !default; | ||
| 11 | |||
| 12 | |||
| 13 | |||
| 14 | // Exports | ||
| 15 | //------------------------------------------------------ | ||
| 16 | |||
| 17 | @include exports("accordion") { | ||
| 18 | |||
| 19 | /** | ||
| 20 | * accordion | ||
| 21 | * -------------------------------------------------- | ||
| 22 | */ | ||
| 23 | |||
| 24 | .accordion { | ||
| 25 | & #{&}-header { | ||
| 26 | margin-top: 0; | ||
| 27 | font-size: 16px; | ||
| 28 | display: block; | ||
| 29 | & a { | ||
| 30 | font-weight: normal; | ||
| 31 | font-size: 15px; | ||
| 32 | color: $accordion-panel-font-color-hover | ||
| 33 | } | ||
| 34 | & a:hover, | ||
| 35 | & a:focus, | ||
| 36 | & a:active { | ||
| 37 | color: $accordion-panel-font-color; | ||
| 38 | text-decoration: none; | ||
| 39 | } | ||
| 40 | & .glyphicon { | ||
| 41 | position: relative; | ||
| 42 | top: -1px; | ||
| 43 | font-size: 10px; | ||
| 44 | } | ||
| 45 | & + div { | ||
| 46 | display: block !important; | ||
| 47 | @include transition (all 0.3s ease); | ||
| 48 | height: 0; | ||
| 49 | overflow: hidden; | ||
| 50 | } | ||
| 51 | &.open + div { | ||
| 52 | height: auto; | ||
| 53 | } | ||
| 54 | &.open a, | ||
| 55 | &.open a:hover, | ||
| 56 | &.open a:focus, | ||
| 57 | &.open a:active { | ||
| 58 | color: $accordion-panel-font-color; | ||
| 59 | text-decoration: none; | ||
| 60 | } | ||
| 61 | &.open .glyphicon { | ||
| 62 | @include transform($value: rotate(-30deg)); | ||
| 63 | } | ||
| 64 | } | ||
| 65 | & .accordion-body { | ||
| 66 | padding: 10px 0; | ||
| 67 | } | ||
| 68 | } | ||
| 69 | |||
| 70 | .accordion-panel { | ||
| 71 | background-color: $accordion-panel-background-color; | ||
| 72 | @include radius($type: border-radius, $value: $accordion-panel-radius); | ||
| 73 | @include box-shadow($value: $accordion-panel-shadow); | ||
| 74 | |||
| 75 | & .accordion-header { | ||
| 76 | margin-bottom: 0; | ||
| 77 | border-top: 1px solid $accordion-header-border-color; | ||
| 78 | &:first-child { | ||
| 79 | border-top: none; | ||
| 80 | @include radius($type: border-radius, $value: $accordion-panel-radius $accordion-panel-radius 0 0); | ||
| 81 | } | ||
| 82 | &:last-child { | ||
| 83 | @include radius($type: border-radius, $value: 0 0 $accordion-panel-radius $accordion-panel-radius); | ||
| 84 | } | ||
| 85 | & a, | ||
| 86 | & a:hover, | ||
| 87 | & a:active, | ||
| 88 | & a:focus { | ||
| 89 | padding: 10px 15px; | ||
| 90 | display: block; | ||
| 91 | color: $accordion-panel-font-color; | ||
| 92 | } | ||
| 93 | &.open { | ||
| 94 | background-color: $accordion-panel-header-color; | ||
| 95 | } | ||
| 96 | } | ||
| 97 | & .accordion-body { | ||
| 98 | padding: 10px; | ||
| 99 | } | ||
| 100 | } | ||
| 101 | |||
| 102 | } | ||
| 103 | |||
| 104 |
bootflat/scss/bootflat/_alert.scss
0 → 100644
| 1 | // Variables | ||
| 2 | //------------------------------------------------------ | ||
| 3 | $alert-primary: $aqua-light !default; | ||
| 4 | $alert-success: $grass-light !default; | ||
| 5 | $alert-danger: $grapefruit-light !default; | ||
| 6 | $alert-warning: $sunflower-light !default; | ||
| 7 | |||
| 8 | $alert-close-color: $black !default; | ||
| 9 | |||
| 10 | $alert-link-color: $mediumgray-light !default; | ||
| 11 | |||
| 12 | |||
| 13 | // Exports | ||
| 14 | //------------------------------------------------------ | ||
| 15 | |||
| 16 | @include exports("alert") { | ||
| 17 | |||
| 18 | /** | ||
| 19 | * alert | ||
| 20 | * -------------------------------------------------- | ||
| 21 | */ | ||
| 22 | .alert { | ||
| 23 | |||
| 24 | & h4 { | ||
| 25 | margin-bottom: 10px; | ||
| 26 | font-weight: bold; | ||
| 27 | } | ||
| 28 | |||
| 29 | #{&}-dismissable .close { | ||
| 30 | color: $alert-close-color; | ||
| 31 | @include opacity($opacity: 70, $filter: true); | ||
| 32 | } | ||
| 33 | |||
| 34 | @at-root #{&}-info { | ||
| 35 | background-color: lighten($alert-primary, 10%); | ||
| 36 | border: $alert-primary; | ||
| 37 | } | ||
| 38 | @at-root #{&}-warning { | ||
| 39 | background-color: lighten($alert-warning, 10%); | ||
| 40 | border: $alert-warning; | ||
| 41 | } | ||
| 42 | @at-root #{&}-danger { | ||
| 43 | background-color: lighten($alert-danger, 10%); | ||
| 44 | border: $alert-danger; | ||
| 45 | } | ||
| 46 | @at-root #{&}-success { | ||
| 47 | background-color: lighten($alert-success, 10%); | ||
| 48 | border: $alert-success; | ||
| 49 | } | ||
| 50 | |||
| 51 | @at-root & #{&}-link { | ||
| 52 | cursor: pointer; | ||
| 53 | text-decoration: underline; | ||
| 54 | @include opacity($opacity: 65, $filter: true); | ||
| 55 | &:hover, | ||
| 56 | &:focus { | ||
| 57 | @include opacity($opacity: 45, $filter: true); | ||
| 58 | } | ||
| 59 | } | ||
| 60 | |||
| 61 | @at-root & .btn-link, | ||
| 62 | & .btn-link:hover, | ||
| 63 | & .btn-link:focus { | ||
| 64 | color: $alert-close-color; | ||
| 65 | @include opacity($opacity: 65, $filter: true); | ||
| 66 | } | ||
| 67 | @at-root & .btn-link:focus, | ||
| 68 | & .btn-link:hover { | ||
| 69 | text-decoration: none; | ||
| 70 | @include opacity($opacity: 40, $filter: true); | ||
| 71 | } | ||
| 72 | } | ||
| 73 | |||
| 74 | } | ||
| 75 | |||
| 76 |
bootflat/scss/bootflat/_breadcrumb.scss
0 → 100644
| 1 | // Variables | ||
| 2 | //------------------------------------------------------ | ||
| 3 | $breadcrumb-font-color: $darkgray-dark !default; | ||
| 4 | $breadcrumb-link-color: $aqua-dark !default; | ||
| 5 | $breadcrumb-background-color: $lightgray-dark !default; | ||
| 6 | |||
| 7 | $breadcrumb-arrow-radius: 4px !default; | ||
| 8 | $breadcrumb-arrow-font-color: $white !default; | ||
| 9 | $breadcrumb-arrow-background-color: $aqua-dark !default; | ||
| 10 | $breadcrumb-arrow-background-color-hover: $aqua-light !default; | ||
| 11 | |||
| 12 | // Exports | ||
| 13 | //------------------------------------------------------ | ||
| 14 | @include exports("breadcrumb") { | ||
| 15 | |||
| 16 | /** | ||
| 17 | * breadcrumb | ||
| 18 | * -------------------------------------------------- | ||
| 19 | */ | ||
| 20 | .breadcrumb { | ||
| 21 | color: $breadcrumb-font-color; | ||
| 22 | background-color: $breadcrumb-background-color; | ||
| 23 | & > .active { | ||
| 24 | color: $breadcrumb-font-color; | ||
| 25 | } | ||
| 26 | & a { | ||
| 27 | color: $breadcrumb-link-color; | ||
| 28 | } | ||
| 29 | } | ||
| 30 | |||
| 31 | .breadcrumb-arrow { | ||
| 32 | padding: 0; | ||
| 33 | list-style: none; | ||
| 34 | background-color: $breadcrumb-background-color; | ||
| 35 | height: 36px; | ||
| 36 | line-height: 36px; | ||
| 37 | |||
| 38 | & li:first-child a { | ||
| 39 | @include radius($type: border-radius, $value: $breadcrumb-arrow-radius 0 0 $breadcrumb-arrow-radius); | ||
| 40 | } | ||
| 41 | & li, | ||
| 42 | & li a, | ||
| 43 | & li span{ | ||
| 44 | display: inline-block; | ||
| 45 | vertical-align: top; | ||
| 46 | } | ||
| 47 | & li:not(:first-child) { | ||
| 48 | margin-left: -5px; | ||
| 49 | } | ||
| 50 | & li + li:before { | ||
| 51 | padding: 0; | ||
| 52 | content: ""; | ||
| 53 | } | ||
| 54 | & li span { | ||
| 55 | padding: 0 10px; | ||
| 56 | } | ||
| 57 | & li a, | ||
| 58 | & li:not(:first-child) span { | ||
| 59 | padding: 0 10px 0 25px; | ||
| 60 | height: 35px; | ||
| 61 | line-height: 35px; | ||
| 62 | } | ||
| 63 | & li:first-child a { | ||
| 64 | padding: 0 10px; | ||
| 65 | } | ||
| 66 | & li a { | ||
| 67 | position: relative; | ||
| 68 | border: 1px solid $breadcrumb-arrow-background-color; | ||
| 69 | color: $breadcrumb-arrow-font-color; | ||
| 70 | background-color: $breadcrumb-arrow-background-color; | ||
| 71 | text-decoration: none; | ||
| 72 | } | ||
| 73 | & li:first-child a { | ||
| 74 | padding-left: 10px; | ||
| 75 | } | ||
| 76 | & li a:before, | ||
| 77 | & li a:after { | ||
| 78 | position: absolute; | ||
| 79 | top: 0; | ||
| 80 | content: ''; | ||
| 81 | width: 0; | ||
| 82 | height: 0; | ||
| 83 | border-top: 17px solid transparent; | ||
| 84 | border-bottom: 17px solid transparent; | ||
| 85 | } | ||
| 86 | & li a:before { | ||
| 87 | right: -10px; | ||
| 88 | border-left-width: 10px; | ||
| 89 | border-left-style: solid; | ||
| 90 | border-left-color: $breadcrumb-arrow-background-color; | ||
| 91 | z-index: 3; | ||
| 92 | } | ||
| 93 | & li a:after{ | ||
| 94 | right: -11px; | ||
| 95 | border-left: 10px solid darken($breadcrumb-arrow-background-color, 10%); | ||
| 96 | z-index: 2; | ||
| 97 | } | ||
| 98 | & li a:hover, | ||
| 99 | & li a:focus { | ||
| 100 | background-color: $breadcrumb-arrow-background-color-hover; | ||
| 101 | border: 1px solid $breadcrumb-arrow-background-color-hover; | ||
| 102 | } | ||
| 103 | & li a:hover:before, | ||
| 104 | & li a:focus:before { | ||
| 105 | border-left-color: $breadcrumb-arrow-background-color-hover; | ||
| 106 | } | ||
| 107 | & li a:active { | ||
| 108 | background-color: darken($breadcrumb-arrow-background-color, 10%); | ||
| 109 | border: 1px solid darken($breadcrumb-arrow-background-color, 10%); | ||
| 110 | } | ||
| 111 | & li a:active:before, | ||
| 112 | & li a:active:after { | ||
| 113 | border-left-color: darken($breadcrumb-arrow-background-color, 10%); | ||
| 114 | } | ||
| 115 | & li span { | ||
| 116 | color: $breadcrumb-font-color; | ||
| 117 | } | ||
| 118 | } | ||
| 119 | } | ||
| 120 | |||
| 121 |
bootflat/scss/bootflat/_button.scss
0 → 100644
| 1 | // Variables | ||
| 2 | //------------------------------------------------------ | ||
| 3 | $button-normal: $mediumgray-dark !default; | ||
| 4 | $button-default: $white !default; | ||
| 5 | $button-primary: $aqua-dark !default; | ||
| 6 | $button-success: $grass-dark !default; | ||
| 7 | $button-danger: $grapefruit-dark !default; | ||
| 8 | $button-warning: $sunflower-dark !default; | ||
| 9 | $button-info: $mint-dark !default; | ||
| 10 | |||
| 11 | $button-normal-hover: $mediumgray-light !default; | ||
| 12 | $button-default-hover: $button-default !default; | ||
| 13 | $button-primary-hover: $aqua-light !default; | ||
| 14 | $button-success-hover: $grass-light !default; | ||
| 15 | $button-danger-hover: $grapefruit-light !default; | ||
| 16 | $button-warning-hover: $sunflower-light !default; | ||
| 17 | $button-info-hover: $mint-light !default; | ||
| 18 | |||
| 19 | $button-font-color-dark: $darkgray-dark !default; | ||
| 20 | $button-font-color-light: $white !default; | ||
| 21 | |||
| 22 | $button-opacity: 45 !default; | ||
| 23 | $button-shaodw: inset 0 1px 2px rgba(0, 0, 0, .125) !default; | ||
| 24 | |||
| 25 | // Exports | ||
| 26 | //------------------------------------------------------ | ||
| 27 | |||
| 28 | @include exports("button") { | ||
| 29 | |||
| 30 | /** | ||
| 31 | * button | ||
| 32 | * -------------------------------------------------- | ||
| 33 | */ | ||
| 34 | .btn { | ||
| 35 | color: $button-font-color-light; | ||
| 36 | |||
| 37 | &, | ||
| 38 | &.disabled, | ||
| 39 | &[disabled] { | ||
| 40 | border-color: $button-normal; | ||
| 41 | background-color: $button-normal; | ||
| 42 | } | ||
| 43 | &:hover, | ||
| 44 | &:focus, | ||
| 45 | &:active, | ||
| 46 | &.active { | ||
| 47 | color: $button-font-color-light; | ||
| 48 | border-color: $button-normal-hover; | ||
| 49 | background-color: $button-normal-hover; | ||
| 50 | outline: none !important; | ||
| 51 | } | ||
| 52 | &:active, | ||
| 53 | &.active { | ||
| 54 | @include box-shadow($value: $button-shaodw); | ||
| 55 | } | ||
| 56 | &.disabled, | ||
| 57 | &[disabled] { | ||
| 58 | @include opacity($opacity: $button-opacity, $filter: true); | ||
| 59 | } | ||
| 60 | |||
| 61 | @at-root #{&}-link { | ||
| 62 | &, | ||
| 63 | &:hover, | ||
| 64 | &:focus, | ||
| 65 | &:active, | ||
| 66 | &.active, | ||
| 67 | &.disabled, | ||
| 68 | &[disabled] { | ||
| 69 | border-color: transparent; | ||
| 70 | background-color: transparent; | ||
| 71 | color: $button-primary; | ||
| 72 | @include box-shadow($value: none); | ||
| 73 | } | ||
| 74 | &:hover, | ||
| 75 | &:focus { | ||
| 76 | text-decoration: underline; | ||
| 77 | } | ||
| 78 | } | ||
| 79 | |||
| 80 | @at-root #{&}-default { | ||
| 81 | color: $button-font-color-dark; | ||
| 82 | border-color: $button-normal !important; | ||
| 83 | |||
| 84 | &:hover, | ||
| 85 | &:focus, | ||
| 86 | &:active, | ||
| 87 | &.active { | ||
| 88 | border-color: $button-normal-hover; | ||
| 89 | background-color: $button-normal-hover; | ||
| 90 | } | ||
| 91 | &, | ||
| 92 | &.disabled, | ||
| 93 | &[disabled] { | ||
| 94 | background-color: $button-default; | ||
| 95 | } | ||
| 96 | } | ||
| 97 | @at-root .open .dropdown-toggle#{&}-default { | ||
| 98 | border-color: $button-normal-hover; | ||
| 99 | background-color: $button-normal-hover; | ||
| 100 | } | ||
| 101 | |||
| 102 | @at-root #{&}-primary { | ||
| 103 | &, | ||
| 104 | &:active, | ||
| 105 | &.active, | ||
| 106 | &.disabled, | ||
| 107 | &[disabled] { | ||
| 108 | border-color: $button-primary; | ||
| 109 | background-color: $button-primary; | ||
| 110 | } | ||
| 111 | &:hover, | ||
| 112 | &:focus { | ||
| 113 | border-color: $button-primary-hover; | ||
| 114 | background-color: $button-primary-hover; | ||
| 115 | } | ||
| 116 | } | ||
| 117 | @at-root .open .dropdown-toggle#{&}-primary { | ||
| 118 | border-color: $button-primary-hover; | ||
| 119 | background-color: $button-primary-hover; | ||
| 120 | } | ||
| 121 | |||
| 122 | @at-root #{&}-info { | ||
| 123 | &, | ||
| 124 | &:active, | ||
| 125 | &.active, | ||
| 126 | &.disabled, | ||
| 127 | &[disabled] { | ||
| 128 | border-color: $button-info; | ||
| 129 | background-color: $button-info; | ||
| 130 | } | ||
| 131 | &:hover, | ||
| 132 | &:focus { | ||
| 133 | border-color: $button-info-hover; | ||
| 134 | background-color: $button-info-hover; | ||
| 135 | } | ||
| 136 | } | ||
| 137 | @at-root .open .dropdown-toggle#{&}-info { | ||
| 138 | border-color: $button-info-hover; | ||
| 139 | background-color: $button-info-hover; | ||
| 140 | } | ||
| 141 | |||
| 142 | @at-root #{&}-success { | ||
| 143 | &, | ||
| 144 | &:active, | ||
| 145 | &.active, | ||
| 146 | &.disabled, | ||
| 147 | &[disabled] { | ||
| 148 | border-color: $button-success; | ||
| 149 | background-color: $button-success; | ||
| 150 | } | ||
| 151 | &:hover, | ||
| 152 | &:focus { | ||
| 153 | border-color: $button-success-hover; | ||
| 154 | background-color: $button-success-hover; | ||
| 155 | } | ||
| 156 | } | ||
| 157 | @at-root .open .dropdown-toggle#{&}-success { | ||
| 158 | border-color: $button-success-hover; | ||
| 159 | background-color: $button-success-hover; | ||
| 160 | } | ||
| 161 | |||
| 162 | @at-root #{&}-warning { | ||
| 163 | &, | ||
| 164 | &:active, | ||
| 165 | &.active, | ||
| 166 | &.disabled, | ||
| 167 | &[disabled] { | ||
| 168 | border-color: $button-warning; | ||
| 169 | background-color: $button-warning; | ||
| 170 | } | ||
| 171 | &:hover, | ||
| 172 | &:focus { | ||
| 173 | border-color: $button-warning-hover; | ||
| 174 | background-color: $button-warning-hover; | ||
| 175 | } | ||
| 176 | } | ||
| 177 | @at-root .open .dropdown-toggle#{&}-warning { | ||
| 178 | border-color: $button-warning-hover; | ||
| 179 | background-color: $button-warning-hover; | ||
| 180 | } | ||
| 181 | |||
| 182 | @at-root #{&}-danger { | ||
| 183 | &, | ||
| 184 | &:active, | ||
| 185 | &.active, | ||
| 186 | &.disabled, | ||
| 187 | &[disabled], | ||
| 188 | .open .dropdown-toggle#{&} { | ||
| 189 | border-color: $button-danger; | ||
| 190 | background-color: $button-danger; | ||
| 191 | } | ||
| 192 | &:hover, | ||
| 193 | &:focus { | ||
| 194 | border-color: $button-danger-hover; | ||
| 195 | background-color: $button-danger-hover; | ||
| 196 | } | ||
| 197 | } | ||
| 198 | @at-root .open .dropdown-toggle#{&}-danger { | ||
| 199 | border-color: $button-danger-hover; | ||
| 200 | background-color: $button-danger-hover; | ||
| 201 | } | ||
| 202 | } | ||
| 203 | } | ||
| 204 | |||
| 205 |
bootflat/scss/bootflat/_button_group.scss
0 → 100644
| 1 | // Exports | ||
| 2 | //------------------------------------------------------ | ||
| 3 | |||
| 4 | @include exports("button-group") { | ||
| 5 | |||
| 6 | /** | ||
| 7 | * button-group | ||
| 8 | * -------------------------------------------------- | ||
| 9 | */ | ||
| 10 | .btn-group { | ||
| 11 | @at-root #{&}.open .dropdown-toggle { | ||
| 12 | @include box-shadow($value: inset 0 1px 2px rgba(0, 0, 0, .125)); | ||
| 13 | } | ||
| 14 | |||
| 15 | & .btn { | ||
| 16 | border-left-color: darken($button-normal, 7%); | ||
| 17 | } | ||
| 18 | |||
| 19 | @at-root #{&}.open .btn-default.dropdown-toggle, | ||
| 20 | & .btn-default:focus, | ||
| 21 | & .btn-default:active, | ||
| 22 | & .btn-default.active { | ||
| 23 | color: $button-default; | ||
| 24 | } | ||
| 25 | |||
| 26 | & .btn-primary, | ||
| 27 | & .btn-primary:focus, | ||
| 28 | & .btn-primary:active, | ||
| 29 | & .btn-primary.active { | ||
| 30 | border-left-color: darken($button-primary, 7%); | ||
| 31 | } | ||
| 32 | |||
| 33 | & .btn-success, | ||
| 34 | & .btn-success:focus, | ||
| 35 | & .btn-success:active, | ||
| 36 | & .btn-success.active { | ||
| 37 | border-left-color: darken($button-success, 7%); | ||
| 38 | } | ||
| 39 | |||
| 40 | & .btn-warning, | ||
| 41 | & .btn-warning:focus, | ||
| 42 | & .btn-warning:active, | ||
| 43 | & .btn-warning.active { | ||
| 44 | border-left-color: darken($button-warning, 12%); | ||
| 45 | } | ||
| 46 | |||
| 47 | & .btn-danger, | ||
| 48 | & .btn-danger:focus, | ||
| 49 | & .btn-danger:active, | ||
| 50 | & .btn-danger.active { | ||
| 51 | border-left-color: darken($button-danger, 7%); | ||
| 52 | } | ||
| 53 | |||
| 54 | & .btn-info, | ||
| 55 | & .btn-info:focus, | ||
| 56 | & .btn-info:active, | ||
| 57 | & .btn-info.active { | ||
| 58 | border-left-color: darken($button-info, 7%); | ||
| 59 | } | ||
| 60 | |||
| 61 | & .btn:first-child, | ||
| 62 | & .btn-primary:first-child, | ||
| 63 | & .btn-success:first-child, | ||
| 64 | & .btn-warning:first-child, | ||
| 65 | & .btn-danger:first-child, | ||
| 66 | & .btn-info:first-child { | ||
| 67 | border-left-color: transparent; | ||
| 68 | } | ||
| 69 | } | ||
| 70 | |||
| 71 | .btn-group-vertical { | ||
| 72 | & .btn, | ||
| 73 | & .btn-group .btn-primary { | ||
| 74 | border-top-color: darken($button-normal, 7%) !important; | ||
| 75 | } | ||
| 76 | |||
| 77 | & .btn-primary, | ||
| 78 | & .btn-primary:focus, | ||
| 79 | & .btn-primary:active, | ||
| 80 | & .btn-primary.active, | ||
| 81 | & .btn-group .btn-primary { | ||
| 82 | border-top-color: darken($button-primary, 7%) !important; | ||
| 83 | } | ||
| 84 | |||
| 85 | & .btn-success, | ||
| 86 | & .btn-success:focus, | ||
| 87 | & .btn-success:active, | ||
| 88 | & .btn-success.active, | ||
| 89 | & .btn-group .btn-success { | ||
| 90 | border-top-color: darken($button-success, 7%) !important; | ||
| 91 | } | ||
| 92 | |||
| 93 | & .btn-warning, | ||
| 94 | & .btn-warning:focus, | ||
| 95 | & .btn-warning:active, | ||
| 96 | & .btn-warning.active, | ||
| 97 | & .btn-group .btn-warning { | ||
| 98 | border-top-color: darken($button-warning, 12%) !important; | ||
| 99 | } | ||
| 100 | |||
| 101 | & .btn-danger, | ||
| 102 | & .btn-danger:focus, | ||
| 103 | & .btn-danger:active, | ||
| 104 | & .btn-danger.active, | ||
| 105 | & .btn-group .btn-danger { | ||
| 106 | border-top-color: darken($button-danger, 7%) !important; | ||
| 107 | } | ||
| 108 | |||
| 109 | & .btn-info, | ||
| 110 | & .btn-info:focus, | ||
| 111 | & .btn-info:active, | ||
| 112 | & .btn-info.active, | ||
| 113 | & .btn-group .btn-info { | ||
| 114 | border-top-color: darken($button-info, 7%) !important; | ||
| 115 | } | ||
| 116 | |||
| 117 | & .btn:not(.btn-default):first-child, | ||
| 118 | & .btn-primary:first-child, | ||
| 119 | & .btn-success:first-child, | ||
| 120 | & .btn-warning:first-child, | ||
| 121 | & .btn-danger:first-child, | ||
| 122 | & .btn-info:first-child { | ||
| 123 | border-top: none; | ||
| 124 | } | ||
| 125 | } | ||
| 126 | |||
| 127 | } | ||
| 128 | |||
| 129 | |||
| 130 | |||
| 131 | |||
| 132 | |||
| 133 |
bootflat/scss/bootflat/_checkbox_radio.scss
0 → 100644
| 1 | // Variables | ||
| 2 | //------------------------------------------------------ | ||
| 3 | $img-src: "../bootflat/img/check_flat/default.png" !default; | ||
| 4 | |||
| 5 | // Exports | ||
| 6 | //------------------------------------------------------ | ||
| 7 | |||
| 8 | @include exports("checkbox-radio") { | ||
| 9 | |||
| 10 | /** | ||
| 11 | * checkbox and radio | ||
| 12 | * -------------------------------------------------- | ||
| 13 | */ | ||
| 14 | .checkbox, .radio { | ||
| 15 | margin-top: 0; | ||
| 16 | padding-left: 0; | ||
| 17 | } | ||
| 18 | .icheckbox_flat, | ||
| 19 | .iradio_flat { | ||
| 20 | display: inline-block; | ||
| 21 | *display: inline; | ||
| 22 | vertical-align: middle; | ||
| 23 | margin: 0; | ||
| 24 | padding: 0 !important; | ||
| 25 | width: 20px; | ||
| 26 | height: 20px; | ||
| 27 | background: url($img-src) no-repeat; | ||
| 28 | border: none; | ||
| 29 | cursor: pointer; | ||
| 30 | } | ||
| 31 | |||
| 32 | .icheckbox_flat { | ||
| 33 | background-position: 0 0; | ||
| 34 | |||
| 35 | &.checked { | ||
| 36 | background-position: -22px 0; | ||
| 37 | } | ||
| 38 | &.disabled { | ||
| 39 | background-position: -44px 0; | ||
| 40 | cursor: default; | ||
| 41 | } | ||
| 42 | &.checked.disabled { | ||
| 43 | background-position: -66px 0; | ||
| 44 | } | ||
| 45 | } | ||
| 46 | |||
| 47 | .iradio_flat { | ||
| 48 | background-position: -88px 0; | ||
| 49 | |||
| 50 | &.checked { | ||
| 51 | background-position: -110px 0; | ||
| 52 | } | ||
| 53 | &.disabled { | ||
| 54 | background-position: -132px 0; | ||
| 55 | cursor: default; | ||
| 56 | } | ||
| 57 | &.checked.disabled { | ||
| 58 | background-position: -154px 0; | ||
| 59 | } | ||
| 60 | } | ||
| 61 | |||
| 62 | } |
bootflat/scss/bootflat/_dropdown.scss
0 → 100644
| 1 | // Variables | ||
| 2 | //------------------------------------------------------ | ||
| 3 | $dropdown-background-color: $darkgray-dark !default; | ||
| 4 | $dropdown-background-color-hover: $darkgray-light !default; | ||
| 5 | |||
| 6 | $dropdown-normal: $mediumgray-dark !default; | ||
| 7 | $dropdown-default: $white !default; | ||
| 8 | |||
| 9 | $dropdown-padding: 5px 20px !default; | ||
| 10 | |||
| 11 | $dropdown-radius: 4px !default; | ||
| 12 | |||
| 13 | $dropdown-font-size: 14px !default; | ||
| 14 | $dropdown-font-color-dark: $darkgray-dark !default; | ||
| 15 | $dropdown-font-color-light: $white !default; | ||
| 16 | $dropdown-font-weight: 700 !default; | ||
| 17 | |||
| 18 | // Exports | ||
| 19 | //------------------------------------------------------ | ||
| 20 | |||
| 21 | @include exports("dropdown") { | ||
| 22 | |||
| 23 | /** | ||
| 24 | * dropdown-menu | ||
| 25 | * -------------------------------------------------- | ||
| 26 | */ | ||
| 27 | .dropdown-menu { | ||
| 28 | border: none; | ||
| 29 | background-color: $dropdown-background-color; | ||
| 30 | |||
| 31 | & .dropdown-header { | ||
| 32 | padding: $dropdown-padding; | ||
| 33 | font-size: $dropdown-font-size; | ||
| 34 | font-weight: $dropdown-font-weight; | ||
| 35 | color: $dropdown-normal; | ||
| 36 | } | ||
| 37 | |||
| 38 | & li a { | ||
| 39 | padding: $dropdown-padding; | ||
| 40 | color: $dropdown-font-color-light; | ||
| 41 | } | ||
| 42 | & li a:hover, | ||
| 43 | & li a:focus, | ||
| 44 | & .active a, | ||
| 45 | & .active a:hover, | ||
| 46 | & .active a:focus{ | ||
| 47 | color: $dropdown-font-color-light; | ||
| 48 | background-color: $dropdown-background-color-hover; | ||
| 49 | outline: none; | ||
| 50 | } | ||
| 51 | & .disabled a, | ||
| 52 | & .disabled a:hover, | ||
| 53 | & .disabled a:focus { | ||
| 54 | color: $dropdown-background-color-hover; | ||
| 55 | cursor: default; | ||
| 56 | } | ||
| 57 | & .divider { | ||
| 58 | background-color: $dropdown-background-color-hover; | ||
| 59 | border-bottom: none; | ||
| 60 | } | ||
| 61 | |||
| 62 | @at-root .dropup & { | ||
| 63 | margin-bottom: 0; | ||
| 64 | @include radius($type: border-radius, $value: $dropdown-radius $dropdown-radius 0 0); | ||
| 65 | } | ||
| 66 | } | ||
| 67 | /** | ||
| 68 | * dropdown-submenu | ||
| 69 | * -------------------------------------------------- | ||
| 70 | */ | ||
| 71 | .dropdown-submenu { | ||
| 72 | position: relative; | ||
| 73 | |||
| 74 | & .dropdown-menu { | ||
| 75 | top: 0; | ||
| 76 | left: 100%; | ||
| 77 | margin-top: -6px; | ||
| 78 | margin-left: -1px; | ||
| 79 | @include radius($type: border-radius, $value: 0 4px 4px 4px); | ||
| 80 | } | ||
| 81 | &:hover .dropdown-menu { | ||
| 82 | display: block; | ||
| 83 | } | ||
| 84 | .dropup & .dropdown-menu { | ||
| 85 | top: auto; | ||
| 86 | bottom: 0; | ||
| 87 | margin-top: 0; | ||
| 88 | margin-bottom: -2px; | ||
| 89 | @include radius($type: border-radius, $value: 4px 4px 4px 0); | ||
| 90 | } | ||
| 91 | & > a:after { | ||
| 92 | display: block; | ||
| 93 | content: " "; | ||
| 94 | float: right; | ||
| 95 | width: 0; | ||
| 96 | height: 0; | ||
| 97 | border-color: transparent; | ||
| 98 | border-style: solid; | ||
| 99 | border-width: 5px 0 5px 5px; | ||
| 100 | border-left-color: $dropdown-default; | ||
| 101 | margin-top: 5px; | ||
| 102 | margin-right: -10px; | ||
| 103 | } | ||
| 104 | @at-root .dropdown-default & > a:after { | ||
| 105 | border-left-color: $dropdown-font-color-dark; | ||
| 106 | } | ||
| 107 | &:hover a:after { | ||
| 108 | border-left-color: $dropdown-default; | ||
| 109 | } | ||
| 110 | &.pull-left { | ||
| 111 | float: none; | ||
| 112 | } | ||
| 113 | &.pull-left .dropdown-menu { | ||
| 114 | left: -100%; | ||
| 115 | margin-left: 10px; | ||
| 116 | @include radius($type: border-radius, $value: 4px 0 4px 4px); | ||
| 117 | } | ||
| 118 | } | ||
| 119 | |||
| 120 | } | ||
| 121 | |||
| 122 |
bootflat/scss/bootflat/_footer.scss
0 → 100644
| 1 | // Variables | ||
| 2 | //------------------------------------------------------ | ||
| 3 | $footer-background-color: $darkgray-dark !default; | ||
| 4 | $footer-menu-title-color: $lightgray-dark !default; | ||
| 5 | $footer-menu-item-color: $mediumgray-dark !default; | ||
| 6 | $footer-menu-item-color-hover: $mediumgray-light !default; | ||
| 7 | $footer-logo-color: $white !default; | ||
| 8 | |||
| 9 | |||
| 10 | |||
| 11 | // Exports | ||
| 12 | //------------------------------------------------------ | ||
| 13 | |||
| 14 | @include exports("footer") { | ||
| 15 | |||
| 16 | /** | ||
| 17 | * footer | ||
| 18 | * -------------------------------------------------- | ||
| 19 | */ | ||
| 20 | |||
| 21 | .footer { | ||
| 22 | padding: 40px 0; | ||
| 23 | background-color: $footer-background-color; | ||
| 24 | |||
| 25 | #{&}-logo, | ||
| 26 | #{&}-nav { | ||
| 27 | float: left; | ||
| 28 | padding: 0 20px; | ||
| 29 | width: 20%; | ||
| 30 | } | ||
| 31 | #{&}-logo { | ||
| 32 | margin-top: -5px; | ||
| 33 | height: 32px; | ||
| 34 | line-height: 32px; | ||
| 35 | |||
| 36 | & img { | ||
| 37 | margin-right: 10px; | ||
| 38 | } | ||
| 39 | & a { | ||
| 40 | font-size: 20px; | ||
| 41 | font-weight: bold; | ||
| 42 | color: $footer-logo-color; | ||
| 43 | } | ||
| 44 | & a:hover, | ||
| 45 | & a:active { | ||
| 46 | text-decoration: none; | ||
| 47 | } | ||
| 48 | } | ||
| 49 | #{&}-nav .nav-title { | ||
| 50 | margin-bottom: 15px; | ||
| 51 | color: $footer-menu-title-color; | ||
| 52 | } | ||
| 53 | #{&}-nav .nav-item { | ||
| 54 | line-height: 28px; | ||
| 55 | & > a { | ||
| 56 | color: $footer-menu-item-color; | ||
| 57 | } | ||
| 58 | & > a:hover, | ||
| 59 | & > a:active { | ||
| 60 | color: $footer-menu-item-color-hover; | ||
| 61 | text-decoration: none; | ||
| 62 | } | ||
| 63 | } | ||
| 64 | #{&}-copyright { | ||
| 65 | color: $footer-menu-item-color; | ||
| 66 | } | ||
| 67 | } | ||
| 68 | |||
| 69 | } | ||
| 70 | |||
| 71 |
bootflat/scss/bootflat/_form.scss
0 → 100644
| 1 | // Variables | ||
| 2 | //------------------------------------------------------ | ||
| 3 | $form-normal: $mediumgray-dark !default; | ||
| 4 | $form-default: $white !default; | ||
| 5 | $form-primary: $aqua-dark !default; | ||
| 6 | $form-success: $grass-dark !default; | ||
| 7 | $form-danger: $grapefruit-dark !default; | ||
| 8 | $form-warning: $sunflower-dark !default; | ||
| 9 | $form-info: $mint-dark !default; | ||
| 10 | |||
| 11 | $message-success: $grass-dark !default; | ||
| 12 | $message-danger: $grapefruit-dark !default; | ||
| 13 | $message-warning: $sunflower-dark !default; | ||
| 14 | |||
| 15 | $form-font-color: $darkgray-dark !default; | ||
| 16 | $form-placeholder-font-color: $lightgray-dark !default; | ||
| 17 | |||
| 18 | $form-disabled-color: $lightgray-dark !default; | ||
| 19 | |||
| 20 | $search-query-value: 17px !default; | ||
| 21 | |||
| 22 | $search-icon-width: 30px !default; | ||
| 23 | $search-icon-line-height: 30px !default; | ||
| 24 | |||
| 25 | // Exports | ||
| 26 | //------------------------------------------------------ | ||
| 27 | |||
| 28 | @include exports("form") { | ||
| 29 | |||
| 30 | /** | ||
| 31 | * form | ||
| 32 | * -------------------------------------------------- | ||
| 33 | */ | ||
| 34 | .form-control { | ||
| 35 | color: $form-font-color; | ||
| 36 | border-color: $form-normal; | ||
| 37 | |||
| 38 | &, | ||
| 39 | &:focus { | ||
| 40 | @include box-shadow($value: none); | ||
| 41 | } | ||
| 42 | &:focus { | ||
| 43 | border-color: $form-primary; | ||
| 44 | } | ||
| 45 | &::-moz-placeholder, | ||
| 46 | &:-ms-input-placeholder, | ||
| 47 | &::-webkit-input-placeholder { | ||
| 48 | color: $form-placeholder-font-color; | ||
| 49 | } | ||
| 50 | |||
| 51 | &.disabled, | ||
| 52 | &[disabled] { | ||
| 53 | border-color: $form-disabled-color; | ||
| 54 | background-color: $form-disabled-color; | ||
| 55 | } | ||
| 56 | } | ||
| 57 | |||
| 58 | .input-group-btn { | ||
| 59 | & .btn + .btn { | ||
| 60 | border-width: 1px; | ||
| 61 | border-style: solid; | ||
| 62 | border-color: darken($form-normal, 7%); | ||
| 63 | } | ||
| 64 | & .btn + .btn.btn-default { | ||
| 65 | border-color: darken($form-default, 7%); | ||
| 66 | } | ||
| 67 | & .btn + .btn.btn-primary { | ||
| 68 | border-color: darken($form-primary, 7%); | ||
| 69 | } | ||
| 70 | & .btn + .btn.btn-info { | ||
| 71 | border-color: darken($form-info, 7%); | ||
| 72 | } | ||
| 73 | & .btn + .btn.btn-success { | ||
| 74 | border-color: darken($form-success, 7%); | ||
| 75 | } | ||
| 76 | & .btn + .btn.btn-warning { | ||
| 77 | border-color: darken($form-warning, 7%); | ||
| 78 | } | ||
| 79 | & .btn + .btn.btn-danger { | ||
| 80 | border-color: darken($form-danger, 7%); | ||
| 81 | } | ||
| 82 | } | ||
| 83 | |||
| 84 | .input-group-addon { | ||
| 85 | background-color: $form-normal; | ||
| 86 | border-color: darken($form-normal, 7%); | ||
| 87 | color: $form-default; | ||
| 88 | |||
| 89 | & .radio, | ||
| 90 | & .checkbox { | ||
| 91 | margin: -3px 0 -4px !important; | ||
| 92 | } | ||
| 93 | } | ||
| 94 | |||
| 95 | .form-search { | ||
| 96 | & .search-query, | ||
| 97 | & .search-query:first-child, | ||
| 98 | & .search-query:last-child { | ||
| 99 | padding: 0 $search-query-value; | ||
| 100 | @include radius($type: border-radius, $value: $search-query-value); | ||
| 101 | } | ||
| 102 | @at-root .input-group .form-control:last-child { | ||
| 103 | // padding: 0 $search-query-value 0 10px; | ||
| 104 | @include radius($type: border-top-left-radius, $value: 0); | ||
| 105 | @include radius($type: border-bottom-left-radius, $value: 0); | ||
| 106 | } | ||
| 107 | @at-root .input-group .form-control:first-child { | ||
| 108 | @include radius($type: border-top-right-radius, $value: 0); | ||
| 109 | @include radius($type: border-bottom-right-radius, $value: 0); | ||
| 110 | } | ||
| 111 | & .btn { | ||
| 112 | @include radius($type: border-radius, $value: $search-query-value); | ||
| 113 | } | ||
| 114 | } | ||
| 115 | |||
| 116 | .search-only { | ||
| 117 | position: relative; | ||
| 118 | & .search-icon { | ||
| 119 | position: absolute; | ||
| 120 | top: 2px; | ||
| 121 | left: $search-query-value / 2; | ||
| 122 | width: $search-icon-width; | ||
| 123 | line-height: $search-icon-line-height; | ||
| 124 | text-align: center; | ||
| 125 | font-size: $search-query-value; | ||
| 126 | color: $form-placeholder-font-color; | ||
| 127 | z-index: 20; | ||
| 128 | } | ||
| 129 | & .form-control:last-child { | ||
| 130 | padding-left: $search-icon-width + 10; | ||
| 131 | } | ||
| 132 | } | ||
| 133 | |||
| 134 | .has-success { | ||
| 135 | & .help-block, | ||
| 136 | & .control-label, | ||
| 137 | & .radio, | ||
| 138 | & .checkbox, | ||
| 139 | & .radio-inline, | ||
| 140 | & .checkbox-inline { | ||
| 141 | color: $message-success; | ||
| 142 | } | ||
| 143 | & .form-control { | ||
| 144 | border-color: $message-success; | ||
| 145 | @include box-shadow($value: none); | ||
| 146 | } | ||
| 147 | & .form-control:focus { | ||
| 148 | border-color: $message-success; | ||
| 149 | @include box-shadow($value: none); | ||
| 150 | } | ||
| 151 | & .input-group-addon { | ||
| 152 | background-color: $message-success; | ||
| 153 | border-color: $message-success; | ||
| 154 | } | ||
| 155 | & .form-control-feedback { | ||
| 156 | color: $message-success; | ||
| 157 | } | ||
| 158 | } | ||
| 159 | .has-warning { | ||
| 160 | & .help-block, | ||
| 161 | & .control-label, | ||
| 162 | & .radio, | ||
| 163 | & .checkbox, | ||
| 164 | & .radio-inline, | ||
| 165 | & .checkbox-inline { | ||
| 166 | color: $message-warning; | ||
| 167 | } | ||
| 168 | & .form-control { | ||
| 169 | border-color: $message-warning; | ||
| 170 | @include box-shadow($value: none); | ||
| 171 | } | ||
| 172 | & .form-control:focus { | ||
| 173 | border-color: $message-warning; | ||
| 174 | @include box-shadow($value: none); | ||
| 175 | } | ||
| 176 | & .input-group-addon { | ||
| 177 | background-color: $message-warning; | ||
| 178 | border-color: $message-warning; | ||
| 179 | } | ||
| 180 | & .form-control-feedback { | ||
| 181 | color: $message-warning; | ||
| 182 | } | ||
| 183 | } | ||
| 184 | .has-error { | ||
| 185 | & .help-block, | ||
| 186 | & .control-label, | ||
| 187 | & .radio, | ||
| 188 | & .checkbox, | ||
| 189 | & .radio-inline, | ||
| 190 | & .checkbox-inline { | ||
| 191 | color: $message-danger; | ||
| 192 | } | ||
| 193 | & .form-control { | ||
| 194 | border-color: $message-danger; | ||
| 195 | @include box-shadow($value: none); | ||
| 196 | } | ||
| 197 | & .form-control:focus { | ||
| 198 | border-color: $message-danger; | ||
| 199 | @include box-shadow($value: none); | ||
| 200 | } | ||
| 201 | & .input-group-addon { | ||
| 202 | background-color: $message-danger; | ||
| 203 | border-color: $message-danger; | ||
| 204 | } | ||
| 205 | & .form-control-feedback { | ||
| 206 | color: $message-danger; | ||
| 207 | } | ||
| 208 | } | ||
| 209 | |||
| 210 | } | ||
| 211 | |||
| 212 |
bootflat/scss/bootflat/_global.scss
0 → 100644
| 1 | // Global Variables | ||
| 2 | //------------------------------------------------------ | ||
| 3 | $modules: () !global; | ||
| 4 | |||
| 5 | $experimental: true !default; | ||
| 6 | |||
| 7 | // prefix elements | ||
| 8 | $prefix-webkit: true !global; | ||
| 9 | $prefix-moz: true !global; | ||
| 10 | $prefix-spec: true !global; | ||
| 11 | |||
| 12 | // color elements | ||
| 13 | $white: #FFF !default; | ||
| 14 | $black: #000 !default; | ||
| 15 | |||
| 16 | $bluejeans-dark: #4A89DC !default; | ||
| 17 | $bluejeans-light: #5D9CEC !default; | ||
| 18 | |||
| 19 | $aqua-dark: #3BAFDA !default; | ||
| 20 | $aqua-light: #4FC1E9 !default; | ||
| 21 | |||
| 22 | $mint-dark: #37BC9B !default; | ||
| 23 | $mint-light: #48CFAD !default; | ||
| 24 | |||
| 25 | $grass-dark: #8CC152 !default; | ||
| 26 | $grass-light: #A0D468 !default; | ||
| 27 | |||
| 28 | $sunflower-dark: #F6BB42 !default; | ||
| 29 | $sunflower-light: #FFCE54 !default; | ||
| 30 | |||
| 31 | $bittersweet-dark: #E9573F !default; | ||
| 32 | $bittersweet-light: #FC6E51 !default; | ||
| 33 | |||
| 34 | $grapefruit-dark: #DA4453 !default; | ||
| 35 | $grapefruit-light: #ED5565 !default; | ||
| 36 | |||
| 37 | $lavander-dark: #967ADC !default; | ||
| 38 | $lavander-light: #AC92EC !default; | ||
| 39 | |||
| 40 | $pinkrose-dark: #D770AD !default; | ||
| 41 | $pinkrose-light: #EC87C0 !default; | ||
| 42 | |||
| 43 | $lightgray-dark: #E6E9ED !default; | ||
| 44 | $lightgray-light: #F5F7FA !default; | ||
| 45 | |||
| 46 | $mediumgray-dark: #AAB2BD !default; | ||
| 47 | $mediumgray-light: #CCD1D9 !default; | ||
| 48 | |||
| 49 | $darkgray-dark: #434A54 !default; | ||
| 50 | $darkgray-light: #656D78 !default; | ||
| 51 | |||
| 52 | // Global Mixins | ||
| 53 | //------------------------------------------------------ | ||
| 54 | |||
| 55 | // We use this to loading scss files | ||
| 56 | @mixin exports($name) { | ||
| 57 | @if (index($modules, $name) == false) { | ||
| 58 | $modules: append($modules, $name); | ||
| 59 | @content; | ||
| 60 | } | ||
| 61 | } | ||
| 62 | |||
| 63 | // We use this to do set opacity | ||
| 64 | @mixin opacity($opacity:50, $filter: true) { | ||
| 65 | opacity: $opacity / 100; | ||
| 66 | @if $filter { | ||
| 67 | filter: alpha(opacity=$opacity); | ||
| 68 | } | ||
| 69 | } | ||
| 70 | |||
| 71 | // We use this to ellipsis text | ||
| 72 | @mixin ellipsis($width: 100%) { | ||
| 73 | display: inline-block; | ||
| 74 | max-width: $width; | ||
| 75 | overflow: hidden; | ||
| 76 | text-overflow: ellipsis; | ||
| 77 | white-space: nowrap; | ||
| 78 | } | ||
| 79 | |||
| 80 | // We use this to add across browser prefixes | ||
| 81 | @mixin prefixer($property, $value, $prefixes: webkit moz spec) { | ||
| 82 | @if $experimental { | ||
| 83 | @each $prefix in $prefixes { | ||
| 84 | @if $prefix != spec { | ||
| 85 | @if $property == border-top-left-radius and $prefix == moz { | ||
| 86 | @if $prefix-moz { | ||
| 87 | -moz-border-radius-topleft: $value; | ||
| 88 | } | ||
| 89 | } @else if $property == border-top-right-radius and $prefix == moz { | ||
| 90 | @if $prefix-moz { | ||
| 91 | -moz-border-radius-topright: $value; | ||
| 92 | } | ||
| 93 | } @else if $property == border-bottom-right-radius and $prefix == moz { | ||
| 94 | @if $prefix-moz { | ||
| 95 | -moz-border-radius-bottomright: $value; | ||
| 96 | } | ||
| 97 | } @else if $property == border-bottom-left-radius and $prefix == moz { | ||
| 98 | @if $prefix-moz { | ||
| 99 | -moz-border-radius-bottomleft: $value; | ||
| 100 | } | ||
| 101 | } @else { | ||
| 102 | @if $prefix == webkit { | ||
| 103 | @if $prefix-webkit { | ||
| 104 | -webkit-#{$property}: $value; | ||
| 105 | } | ||
| 106 | } | ||
| 107 | @if $prefix == moz { | ||
| 108 | @if $prefix-moz { | ||
| 109 | -moz-#{$property}: $value; | ||
| 110 | } | ||
| 111 | } | ||
| 112 | } | ||
| 113 | } @else { | ||
| 114 | @if $prefix-spec { | ||
| 115 | #{$property}: $value; | ||
| 116 | } | ||
| 117 | } | ||
| 118 | } | ||
| 119 | } | ||
| 120 | } | ||
| 121 | |||
| 122 | // We use this to add box-sizing across browser prefixes | ||
| 123 | @mixin box-sizing($value: border-box) { | ||
| 124 | @include prefixer($property: box-sizing, $value: $value, $prefixes: webkit moz spec); | ||
| 125 | } | ||
| 126 | |||
| 127 | // We use this to control border radius. | ||
| 128 | @mixin radius($type: border-radius, $value: $global-radius) { | ||
| 129 | @include prefixer($property: $type, $value: $value, $prefixes: webkit moz spec); | ||
| 130 | } | ||
| 131 | |||
| 132 | // We use this to control box shadow. | ||
| 133 | @mixin box-shadow($value) { | ||
| 134 | @include prefixer($property: box-shadow, $value: $value, $prefixes: webkit moz spec); | ||
| 135 | } | ||
| 136 | // We use this to creat animation effect. | ||
| 137 | // Examples: | ||
| 138 | // @include keyframes(move-the-object) { | ||
| 139 | // 0% { left: 100px; } | ||
| 140 | // 100% { left: 200px; } | ||
| 141 | // } | ||
| 142 | // .object-to-animate { | ||
| 143 | // @include animation(move-the-object .5s 1); | ||
| 144 | // } | ||
| 145 | @mixin animation ($value...) { | ||
| 146 | @include prefixer($property: animation, $value: $value, $prefixes: webkit moz spec); | ||
| 147 | } | ||
| 148 | // Individual Animation Properties | ||
| 149 | @mixin animation-name ($value...) { | ||
| 150 | @include prefixer($property: animation-name, $value: $value, $prefixes: webkit moz spec); | ||
| 151 | } | ||
| 152 | @mixin animation-duration ($value...) { | ||
| 153 | @include prefixer($property: animation-duration, $value: $value, $prefixes: webkit moz spec); | ||
| 154 | } | ||
| 155 | @mixin animation-timing-function ($value...) { | ||
| 156 | // ease | linear | ease-in | ease-out | ease-in-out | ||
| 157 | @include prefixer($property: animation-timing-function, $value: $value, $prefixes: webkit moz spec); | ||
| 158 | } | ||
| 159 | @mixin animation-iteration-count ($value...) { | ||
| 160 | // infinite | <number> | ||
| 161 | @include prefixer($property: animation-iteration-count, $value: $value, $prefixes: webkit moz spec); | ||
| 162 | } | ||
| 163 | @mixin animation-direction ($value...) { | ||
| 164 | @include prefixer($property: animation-direction, $value: $value, $prefixes: webkit moz spec); | ||
| 165 | } | ||
| 166 | @mixin animation-play-state ($value...) { | ||
| 167 | // running | paused | ||
| 168 | @include prefixer($property: animation-play-state, $value: $value, $prefixes: webkit moz spec); | ||
| 169 | } | ||
| 170 | @mixin animation-delay ($value...) { | ||
| 171 | @include prefixer($property: animation-delay, $value: $value, $prefixes: webkit moz spec); | ||
| 172 | } | ||
| 173 | @mixin animation-fill-mode ($value...) { | ||
| 174 | // none | forwards | backwards | both | ||
| 175 | @include prefixer($property: animation-fill-mode, $value: $value, $prefixes: webkit moz spec); | ||
| 176 | } | ||
| 177 | @mixin keyframes($name) { | ||
| 178 | $original-prefix-webkit: $prefix-webkit; | ||
| 179 | $original-prefix-moz: $prefix-moz; | ||
| 180 | $original-prefix-spec: $prefix-spec; | ||
| 181 | |||
| 182 | @if $original-prefix-webkit { | ||
| 183 | @include disable-prefix(); | ||
| 184 | $prefix-webkit: true !global; | ||
| 185 | @-webkit-keyframes #{$name} { | ||
| 186 | @content; | ||
| 187 | } | ||
| 188 | } | ||
| 189 | @if $original-prefix-moz { | ||
| 190 | @include disable-prefix(); | ||
| 191 | $prefix-moz: true !global; | ||
| 192 | @-moz-keyframes #{$name} { | ||
| 193 | @content; | ||
| 194 | } | ||
| 195 | } | ||
| 196 | @if $original-prefix-spec { | ||
| 197 | @include disable-prefix(); | ||
| 198 | $prefix-spec: true !global; | ||
| 199 | @keyframes #{$name} { | ||
| 200 | @content; | ||
| 201 | } | ||
| 202 | } | ||
| 203 | |||
| 204 | $prefix-webkit: $original-prefix-webkit !global; | ||
| 205 | $prefix-moz: $original-prefix-moz !global; | ||
| 206 | $prefix-spec: $original-prefix-spec !global; | ||
| 207 | } | ||
| 208 | |||
| 209 | // We use this to set transform. | ||
| 210 | @mixin transform($value: none) { | ||
| 211 | // none | <transform-function> | ||
| 212 | @include prefixer($property: transform, $value: $value, $prefixes: webkit moz spec); | ||
| 213 | } | ||
| 214 | |||
| 215 | @mixin transform-origin($value: 50%) { | ||
| 216 | // x-axis - left | center | right | length | % | ||
| 217 | // y-axis - top | center | bottom | length | % | ||
| 218 | // z-axis - length | ||
| 219 | @include prefixer($property: transform-origin, $value: $value, $prefixes: webkit moz spec); | ||
| 220 | } | ||
| 221 | |||
| 222 | @mixin transform-style ($value: flat) { | ||
| 223 | @include prefixer($property: transform-style, $value: $value, $prefixes: webkit moz spec); | ||
| 224 | } | ||
| 225 | |||
| 226 | // We use this to set transition. | ||
| 227 | // example: @include transition (all 2s ease-in-out); | ||
| 228 | // @include transition (opacity 1s ease-in 2s, width 2s ease-out); | ||
| 229 | // @include transition-property (transform, opacity); | ||
| 230 | |||
| 231 | @mixin transition ($value...) { | ||
| 232 | @if length($value) >= 1 { | ||
| 233 | @include prefixer($property: transition, $value: $value, $prefixes: webkit moz spec); | ||
| 234 | } @else { | ||
| 235 | $value: all 0.15s ease-out 0s; | ||
| 236 | @include prefixer($property: transition, $value: $value, $prefixes: webkit moz spec); | ||
| 237 | } | ||
| 238 | } | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
bootflat/scss/bootflat/_jumbotron.scss
0 → 100644
| 1 | // Variables | ||
| 2 | //------------------------------------------------------ | ||
| 3 | $jumbotron-font-color: $darkgray-dark !default; | ||
| 4 | |||
| 5 | $jumbotron-background-color: $white !default; | ||
| 6 | |||
| 7 | $jumbotron-radius: 4px; | ||
| 8 | $jumbotron-shadow: 0 1px 2px rgba(0, 0, 0, .2) !default; | ||
| 9 | |||
| 10 | |||
| 11 | // Exports | ||
| 12 | //------------------------------------------------------ | ||
| 13 | |||
| 14 | @include exports("jumbotron") { | ||
| 15 | |||
| 16 | /** | ||
| 17 | * jumbotron | ||
| 18 | * -------------------------------------------------- | ||
| 19 | */ | ||
| 20 | .jumbotron { | ||
| 21 | margin-bottom: 20px; | ||
| 22 | padding: 0; | ||
| 23 | @include radius($type: border-radius, $value: $jumbotron-radius); | ||
| 24 | background-color: $jumbotron-background-color; | ||
| 25 | @include box-shadow($value: $jumbotron-shadow); | ||
| 26 | |||
| 27 | @at-root .container & { | ||
| 28 | @include radius($type: border-radius, $value: $jumbotron-radius); | ||
| 29 | } | ||
| 30 | |||
| 31 | & > #{&}-photo img { | ||
| 32 | @include radius($type: border-radius, $value: $jumbotron-radius $jumbotron-radius 0 0); | ||
| 33 | width: 100%; | ||
| 34 | } | ||
| 35 | |||
| 36 | & #{&}-contents { | ||
| 37 | padding: 20px; | ||
| 38 | color: $jumbotron-font-color; | ||
| 39 | } | ||
| 40 | & .carousel, | ||
| 41 | & .carousel-inner, | ||
| 42 | & .carousel-inner > .item.active img { | ||
| 43 | @include radius($type: border-radius, $value: $jumbotron-radius $jumbotron-radius 0 0); | ||
| 44 | } | ||
| 45 | & .carousel-control.left { | ||
| 46 | @include radius($type: border-radius, $value: $jumbotron-radius 0 0 0); | ||
| 47 | } | ||
| 48 | & .carousel-control.right { | ||
| 49 | @include radius($type: border-radius, $value: 0 $jumbotron-radius 0 0); | ||
| 50 | } | ||
| 51 | |||
| 52 | & h1, & .h1, | ||
| 53 | & h2, & .h2 { | ||
| 54 | font-weight: 400; | ||
| 55 | } | ||
| 56 | |||
| 57 | & h1, & .h1 { | ||
| 58 | font-size: 28px; | ||
| 59 | } | ||
| 60 | & h2, & .h2 { | ||
| 61 | font-size: 24px; | ||
| 62 | } | ||
| 63 | & p { | ||
| 64 | font-size: 14px; | ||
| 65 | } | ||
| 66 | |||
| 67 | @media screen and (min-width: 768px) { | ||
| 68 | &, | ||
| 69 | .container & { | ||
| 70 | padding: 0; | ||
| 71 | } | ||
| 72 | & h1, | ||
| 73 | & .h1 { | ||
| 74 | font-size: 28px; | ||
| 75 | } | ||
| 76 | } | ||
| 77 | } | ||
| 78 | } | ||
| 79 | |||
| 80 |
bootflat/scss/bootflat/_label_badge.scss
0 → 100644
| 1 | // Variables | ||
| 2 | //------------------------------------------------------ | ||
| 3 | $label-normal: $mediumgray-dark !default; | ||
| 4 | $label-default: $white !default; | ||
| 5 | $label-primary: $aqua-dark !default; | ||
| 6 | $label-success: $grass-dark !default; | ||
| 7 | $label-danger: $grapefruit-dark !default; | ||
| 8 | $label-warning: $sunflower-dark !default; | ||
| 9 | $label-info: $mint-dark !default; | ||
| 10 | |||
| 11 | $label-default-font-color: $darkgray-dark !default; | ||
| 12 | |||
| 13 | // Exports | ||
| 14 | //------------------------------------------------------ | ||
| 15 | |||
| 16 | @include exports("label-badge") { | ||
| 17 | |||
| 18 | /** | ||
| 19 | * labels and badges | ||
| 20 | * -------------------------------------------------- | ||
| 21 | */ | ||
| 22 | .label, | ||
| 23 | .badge { | ||
| 24 | background-color: $label-normal; | ||
| 25 | } | ||
| 26 | |||
| 27 | .label-default, | ||
| 28 | .badge-default { | ||
| 29 | border: 1px solid $button-normal; | ||
| 30 | background-color: $label-default; | ||
| 31 | color: $label-default-font-color; | ||
| 32 | } | ||
| 33 | |||
| 34 | .label-primary, | ||
| 35 | .badge-primary { | ||
| 36 | border-color: $label-primary; | ||
| 37 | background-color: $label-primary; | ||
| 38 | } | ||
| 39 | |||
| 40 | .label-success, | ||
| 41 | .badge-success { | ||
| 42 | border-color: $label-success; | ||
| 43 | background-color: $label-success; | ||
| 44 | } | ||
| 45 | |||
| 46 | .label-danger, | ||
| 47 | .badge-danger { | ||
| 48 | border-color: $label-danger; | ||
| 49 | background-color: $label-danger; | ||
| 50 | } | ||
| 51 | |||
| 52 | .label-warning, | ||
| 53 | .badge-warning { | ||
| 54 | border-color: $label-warning; | ||
| 55 | background-color: $label-warning; | ||
| 56 | } | ||
| 57 | |||
| 58 | .label-info, | ||
| 59 | .badge-info { | ||
| 60 | border-color: $label-info; | ||
| 61 | background-color: $label-info; | ||
| 62 | } | ||
| 63 | } | ||
| 64 | |||
| 65 |
bootflat/scss/bootflat/_list.scss
0 → 100644
| 1 | // Variables | ||
| 2 | //------------------------------------------------------ | ||
| 3 | $list-primary: $aqua-light !default; | ||
| 4 | $list-info: $mint-light !default; | ||
| 5 | $list-warning: $sunflower-light !default; | ||
| 6 | $list-success: $grass-light !default; | ||
| 7 | $list-danger: $grapefruit-light !default; | ||
| 8 | |||
| 9 | $list-primary-hover: $aqua-dark !default; | ||
| 10 | $list-info-hover: $mint-dark !default; | ||
| 11 | $list-warning-hover: $sunflower-dark !default; | ||
| 12 | $list-success-hover: $grass-dark !default; | ||
| 13 | $list-danger-hover: $grapefruit-dark !default; | ||
| 14 | |||
| 15 | $list-border-color: $lightgray-dark !default; | ||
| 16 | $list-background-color: $white !default; | ||
| 17 | $list-font-color: $darkgray-dark !default; | ||
| 18 | $list-font-color-hover: $mediumgray-dark !default; | ||
| 19 | |||
| 20 | $list-item-background-color: $lightgray-dark !default; | ||
| 21 | |||
| 22 | $list-radius: 4px !default; | ||
| 23 | $list-shadow: 0 1px 2px rgba(0, 0, 0, .2) !default; | ||
| 24 | |||
| 25 | |||
| 26 | |||
| 27 | // Exports | ||
| 28 | //------------------------------------------------------ | ||
| 29 | |||
| 30 | @include exports("list") { | ||
| 31 | |||
| 32 | /** | ||
| 33 | * list | ||
| 34 | * -------------------------------------------------- | ||
| 35 | */ | ||
| 36 | .list-group { | ||
| 37 | @include radius($type: border-radius, $value: $list-radius); | ||
| 38 | @include box-shadow($value: $list-shadow); | ||
| 39 | @at-root #{&}-item { | ||
| 40 | border-top-color: $list-border-color; | ||
| 41 | &:first-child { | ||
| 42 | border-top: none; | ||
| 43 | } | ||
| 44 | @at-root #{&}-heading { | ||
| 45 | color: $list-font-color; | ||
| 46 | } | ||
| 47 | } | ||
| 48 | } | ||
| 49 | |||
| 50 | |||
| 51 | a.list-group-item { | ||
| 52 | color: $list-font-color; | ||
| 53 | |||
| 54 | & .list-group-item-heading { | ||
| 55 | font-size: 16px; | ||
| 56 | color: $list-font-color; | ||
| 57 | } | ||
| 58 | |||
| 59 | &:hover, | ||
| 60 | &:focus { | ||
| 61 | background-color: $list-item-background-color; | ||
| 62 | } | ||
| 63 | &.active, | ||
| 64 | &.active:hover, | ||
| 65 | &.active:focus { | ||
| 66 | background-color: $list-primary; | ||
| 67 | border-color: $list-primary; | ||
| 68 | } | ||
| 69 | &.active .list-group-item-text, | ||
| 70 | &.active:hover .list-group-item-text, | ||
| 71 | &.active:focus .list-group-item-text { | ||
| 72 | color: $list-background-color; | ||
| 73 | } | ||
| 74 | } | ||
| 75 | .list-group-item-primary { | ||
| 76 | color: darken($list-primary, 10%); | ||
| 77 | border-color: $list-primary-hover transparent transparent transparent; | ||
| 78 | background-color: $list-primary; | ||
| 79 | &:first-child { | ||
| 80 | border-color: transparent; | ||
| 81 | } | ||
| 82 | @at-root a#{&} { | ||
| 83 | color: darken($list-primary, 30%); | ||
| 84 | &:hover, | ||
| 85 | &:focus { | ||
| 86 | color: $list-background-color; | ||
| 87 | background-color: $list-primary-hover; | ||
| 88 | } | ||
| 89 | &.active, | ||
| 90 | &:hover, | ||
| 91 | &:focus { | ||
| 92 | background-color: $list-primary-hover; | ||
| 93 | border-color: $list-primary transparent transparent transparent; | ||
| 94 | } | ||
| 95 | } | ||
| 96 | } | ||
| 97 | .list-group-item-success { | ||
| 98 | color: darken($list-success, 10%); | ||
| 99 | border-color: $list-success-hover transparent transparent transparent; | ||
| 100 | background-color: $list-success; | ||
| 101 | &:first-child { | ||
| 102 | border-color: transparent; | ||
| 103 | } | ||
| 104 | @at-root a#{&} { | ||
| 105 | color: darken($list-success, 30%); | ||
| 106 | &:hover, | ||
| 107 | &:focus { | ||
| 108 | color: $list-background-color; | ||
| 109 | background-color: $list-success-hover; | ||
| 110 | } | ||
| 111 | &.active, | ||
| 112 | &:hover, | ||
| 113 | &:focus { | ||
| 114 | background-color: $list-success-hover; | ||
| 115 | border-color: $list-success transparent transparent transparent; | ||
| 116 | } | ||
| 117 | } | ||
| 118 | } | ||
| 119 | .list-group-item-warning { | ||
| 120 | color: darken($list-warning, 10%); | ||
| 121 | border-color: $list-warning-hover transparent transparent transparent; | ||
| 122 | background-color: $list-warning; | ||
| 123 | &:first-child { | ||
| 124 | border-color: transparent; | ||
| 125 | } | ||
| 126 | @at-root a#{&} { | ||
| 127 | color: darken($list-warning, 30%); | ||
| 128 | &:hover, | ||
| 129 | &:focus { | ||
| 130 | color: $list-background-color; | ||
| 131 | background-color: $list-warning-hover; | ||
| 132 | } | ||
| 133 | &.active, | ||
| 134 | &:hover, | ||
| 135 | &:focus { | ||
| 136 | background-color: $list-warning-hover; | ||
| 137 | border-color: $list-warning transparent transparent transparent; | ||
| 138 | } | ||
| 139 | } | ||
| 140 | } | ||
| 141 | .list-group-item-info { | ||
| 142 | color: darken($list-info, 10%); | ||
| 143 | border-color: $list-info-hover transparent transparent transparent; | ||
| 144 | background-color: $list-info; | ||
| 145 | &:first-child { | ||
| 146 | border-color: transparent; | ||
| 147 | } | ||
| 148 | @at-root a#{&} { | ||
| 149 | color: darken($list-info, 30%); | ||
| 150 | &:hover, | ||
| 151 | &:focus { | ||
| 152 | color: $list-background-color; | ||
| 153 | background-color: $list-info-hover; | ||
| 154 | } | ||
| 155 | &.active, | ||
| 156 | &:hover, | ||
| 157 | &:focus { | ||
| 158 | background-color: $list-info-hover; | ||
| 159 | border-color: $list-info transparent transparent transparent; | ||
| 160 | } | ||
| 161 | } | ||
| 162 | } | ||
| 163 | .list-group-item-danger { | ||
| 164 | color: darken($list-danger, 10%); | ||
| 165 | border-color: $list-danger-hover transparent transparent transparent; | ||
| 166 | background-color: $list-danger; | ||
| 167 | &:first-child { | ||
| 168 | border-color: transparent; | ||
| 169 | } | ||
| 170 | @at-root a#{&} { | ||
| 171 | color: darken($list-danger, 30%); | ||
| 172 | &:hover, | ||
| 173 | &:focus { | ||
| 174 | color: $list-background-color; | ||
| 175 | background-color: $list-danger-hover; | ||
| 176 | } | ||
| 177 | &.active, | ||
| 178 | &:hover, | ||
| 179 | &:focus { | ||
| 180 | background-color: $list-danger-hover; | ||
| 181 | border-color: $list-danger transparent transparent transparent; | ||
| 182 | } | ||
| 183 | } | ||
| 184 | } | ||
| 185 | } | ||
| 186 | |||
| 187 |
bootflat/scss/bootflat/_media_list.scss
0 → 100644
| 1 | // Variables | ||
| 2 | //------------------------------------------------------ | ||
| 3 | $media-list-font-color-head: $darkgray-dark !default; | ||
| 4 | $media-list-font-color-body: $mediumgray-dark !default; | ||
| 5 | |||
| 6 | |||
| 7 | // Exports | ||
| 8 | //------------------------------------------------------ | ||
| 9 | |||
| 10 | @include exports("media-list") { | ||
| 11 | |||
| 12 | /** | ||
| 13 | * media list | ||
| 14 | * -------------------------------------------------- | ||
| 15 | */ | ||
| 16 | .media-list { | ||
| 17 | color: $media-list-font-color-body; | ||
| 18 | @at-root .media-heading { | ||
| 19 | font-size: 14px; | ||
| 20 | color: $media-list-font-color-head; | ||
| 21 | } | ||
| 22 | } | ||
| 23 | |||
| 24 | } | ||
| 25 | |||
| 26 |
bootflat/scss/bootflat/_modal.scss
0 → 100644
| 1 | // Variables | ||
| 2 | //------------------------------------------------------ | ||
| 3 | $modal-font-color: $darkgray-dark !default; | ||
| 4 | |||
| 5 | $modal-radius: 4px; | ||
| 6 | $modal-shadow: 0 1px 2px rgba(0, 0, 0, .2) !default; | ||
| 7 | |||
| 8 | |||
| 9 | // Exports | ||
| 10 | //------------------------------------------------------ | ||
| 11 | |||
| 12 | @include exports("modal") { | ||
| 13 | |||
| 14 | /** | ||
| 15 | * modal | ||
| 16 | * -------------------------------------------------- | ||
| 17 | */ | ||
| 18 | |||
| 19 | .modal { | ||
| 20 | #{&}-content { | ||
| 21 | border: none; | ||
| 22 | @include radius($type: border-radius, $value: $modal-radius); | ||
| 23 | color: $modal-font-color; | ||
| 24 | @include box-shadow($value: $modal-shadow); | ||
| 25 | } | ||
| 26 | #{&}-header { | ||
| 27 | border-bottom: none; | ||
| 28 | } | ||
| 29 | #{&}-body { | ||
| 30 | padding: 0 15px; | ||
| 31 | } | ||
| 32 | #{&}-footer { | ||
| 33 | border-top: none; | ||
| 34 | } | ||
| 35 | } | ||
| 36 | |||
| 37 | } | ||
| 38 | |||
| 39 |
bootflat/scss/bootflat/_navbar.scss
0 → 100644
| 1 | // Variables | ||
| 2 | //------------------------------------------------------ | ||
| 3 | $navbar-background-color: $mint-dark !default; | ||
| 4 | $navbar-background-color-active: $mint-light !default; | ||
| 5 | |||
| 6 | $navbar-font-color: $white !default; | ||
| 7 | $navbar-item-background-color-hover: $navbar-background-color-active !default; | ||
| 8 | |||
| 9 | $navbar-inverse-background-color: $black !default; | ||
| 10 | |||
| 11 | // Exports | ||
| 12 | //------------------------------------------------------ | ||
| 13 | |||
| 14 | @include exports("navbar") { | ||
| 15 | |||
| 16 | /** | ||
| 17 | * navbar | ||
| 18 | * -------------------------------------------------- | ||
| 19 | */ | ||
| 20 | |||
| 21 | .navbar-default { | ||
| 22 | & { | ||
| 23 | background-color: $navbar-background-color; | ||
| 24 | border-color: $navbar-background-color; | ||
| 25 | } | ||
| 26 | & .navbar-brand, | ||
| 27 | & .navbar-link, | ||
| 28 | & .btn-link { | ||
| 29 | color: darken($navbar-background-color, 15%); | ||
| 30 | } | ||
| 31 | & .navbar-brand:hover, | ||
| 32 | & .navbar-brand:focus, | ||
| 33 | & .navbar-link:hover, | ||
| 34 | & .btn-link:hover, | ||
| 35 | & .btn-link:focus { | ||
| 36 | color: $navbar-font-color; | ||
| 37 | background-color: transparent; | ||
| 38 | } | ||
| 39 | & .navbar-text, | ||
| 40 | & .navbar-nav > li > a { | ||
| 41 | color: darken($navbar-background-color, 15%); | ||
| 42 | } | ||
| 43 | & .navbar-nav > li > a:hover, | ||
| 44 | & .navbar-nav > li > a:focus { | ||
| 45 | color: $navbar-font-color; | ||
| 46 | } | ||
| 47 | & .navbar-nav > .active > a, | ||
| 48 | & .navbar-nav > .active > a:hover, | ||
| 49 | & .navbar-nav > .active > a:focus { | ||
| 50 | color: $navbar-font-color; | ||
| 51 | background-color: $navbar-background-color-active; | ||
| 52 | } | ||
| 53 | & .btn-link[disabled]:hover, | ||
| 54 | fieldset[disabled] & .btn-link:hover, | ||
| 55 | & .btn-link[disabled]:focus, | ||
| 56 | fieldset[disabled] & .btn-link:focus, | ||
| 57 | & .navbar-nav > .disabled > a, | ||
| 58 | & .navbar-nav > .disabled > a:hover, | ||
| 59 | & .navbar-nav > .disabled > a:focus { | ||
| 60 | color: darken($navbar-background-color, 8%); | ||
| 61 | background-color: transparent; | ||
| 62 | } | ||
| 63 | & .navbar-toggle { | ||
| 64 | border-color: darken($navbar-background-color, 15%); | ||
| 65 | background-color: darken($navbar-background-color, 15%); | ||
| 66 | } | ||
| 67 | & .navbar-toggle:hover, | ||
| 68 | & .navbar-toggle:focus { | ||
| 69 | border-color: darken($navbar-background-color, 10%); | ||
| 70 | background-color: darken($navbar-background-color, 10%); | ||
| 71 | } | ||
| 72 | & .navbar-toggle .icon-bar { | ||
| 73 | background-color: $navbar-background-color; | ||
| 74 | } | ||
| 75 | & .navbar-collapse, | ||
| 76 | & .navbar-form { | ||
| 77 | border-color: $navbar-background-color; | ||
| 78 | } | ||
| 79 | & .navbar-nav > .open > a, | ||
| 80 | & .navbar-nav > .open > a:hover, | ||
| 81 | & .navbar-nav > .open > a:focus { | ||
| 82 | color: $navbar-font-color; | ||
| 83 | background-color: $navbar-background-color; | ||
| 84 | } | ||
| 85 | |||
| 86 | @media (max-width: 767px) { | ||
| 87 | & .navbar-nav > li > a:hover, | ||
| 88 | & .navbar-nav > li > a:focus { | ||
| 89 | background-color: $navbar-background-color-active; | ||
| 90 | } | ||
| 91 | & .navbar-nav .open .dropdown-menu > .divider { | ||
| 92 | background-color: $navbar-item-background-color-hover; | ||
| 93 | } | ||
| 94 | & .navbar-nav .open .dropdown-menu > li > a { | ||
| 95 | color: darken($navbar-background-color, 15%);; | ||
| 96 | } | ||
| 97 | & .navbar-nav .open .dropdown-menu > li > a:hover, | ||
| 98 | & .navbar-nav .open .dropdown-menu > li > a:focus, | ||
| 99 | & .navbar-nav .open .dropdown-menu > .active > a, | ||
| 100 | & .navbar-nav .open .dropdown-menu > .active > a:hover, | ||
| 101 | & .navbar-nav .open .dropdown-menu > .active > a:focus { | ||
| 102 | color: $navbar-font-color; | ||
| 103 | background-color: $navbar-item-background-color-hover; | ||
| 104 | } | ||
| 105 | & .navbar-nav .open .dropdown-menu > .dropdown-header { | ||
| 106 | color: darken($navbar-background-color, 15%); | ||
| 107 | } | ||
| 108 | & .navbar-nav .open .dropdown-menu > .disabled > a, | ||
| 109 | & .navbar-nav .open .dropdown-menu > .disabled > a:hover, | ||
| 110 | & .navbar-nav .open .dropdown-menu > .disabled > a:focus { | ||
| 111 | color: darken($navbar-background-color, 10%); | ||
| 112 | } | ||
| 113 | } | ||
| 114 | } | ||
| 115 | |||
| 116 | .navbar-inverse { | ||
| 117 | & { | ||
| 118 | background-color: lighten($navbar-inverse-background-color, 20%); | ||
| 119 | border-color: lighten($navbar-inverse-background-color, 20%); | ||
| 120 | } | ||
| 121 | & .navbar-brand, | ||
| 122 | & .navbar-link, | ||
| 123 | & .btn-link { | ||
| 124 | color: lighten($navbar-inverse-background-color, 55%); | ||
| 125 | } | ||
| 126 | & .navbar-brand:hover, | ||
| 127 | & .navbar-brand:focus, | ||
| 128 | & .navbar-link:hover, | ||
| 129 | & .btn-link:hover, | ||
| 130 | & .btn-link:focus { | ||
| 131 | color: $navbar-font-color; | ||
| 132 | background-color: transparent; | ||
| 133 | } | ||
| 134 | & .navbar-text, | ||
| 135 | & .navbar-nav > li > a { | ||
| 136 | color: lighten($navbar-inverse-background-color, 55%); | ||
| 137 | } | ||
| 138 | & .navbar-nav > li > a:hover, | ||
| 139 | & .navbar-nav > li > a:focus { | ||
| 140 | color: $navbar-font-color; | ||
| 141 | } | ||
| 142 | & .navbar-nav > .active > a, | ||
| 143 | & .navbar-nav > .active > a:hover, | ||
| 144 | & .navbar-nav > .active > a:focus { | ||
| 145 | color: $navbar-font-color; | ||
| 146 | background-color: $navbar-inverse-background-color; | ||
| 147 | } | ||
| 148 | & .btn-link[disabled]:hover, | ||
| 149 | fieldset[disabled] & .btn-link:hover, | ||
| 150 | & .btn-link[disabled]:focus, | ||
| 151 | fieldset[disabled] & .btn-link:focus, | ||
| 152 | & .navbar-nav > .disabled > a, | ||
| 153 | & .navbar-nav > .disabled > a:hover, | ||
| 154 | & .navbar-nav > .disabled > a:focus { | ||
| 155 | color: lighten($navbar-inverse-background-color, 40%); | ||
| 156 | background-color: transparent; | ||
| 157 | } | ||
| 158 | & .navbar-toggle { | ||
| 159 | border-color: $navbar-inverse-background-color; | ||
| 160 | background-color: $navbar-inverse-background-color; | ||
| 161 | } | ||
| 162 | & .navbar-toggle:hover, | ||
| 163 | & .navbar-toggle:focus { | ||
| 164 | border-color: lighten($navbar-inverse-background-color, 10%); | ||
| 165 | background-color: lighten($navbar-inverse-background-color, 10%); | ||
| 166 | } | ||
| 167 | & .navbar-toggle .icon-bar { | ||
| 168 | background-color: lighten($navbar-inverse-background-color, 55%); | ||
| 169 | } | ||
| 170 | & .navbar-collapse, | ||
| 171 | & .navbar-form { | ||
| 172 | border-color: $navbar-inverse-background-color; | ||
| 173 | } | ||
| 174 | & .navbar-nav > .open > a, | ||
| 175 | & .navbar-nav > .open > a:hover, | ||
| 176 | & .navbar-nav > .open > a:focus { | ||
| 177 | color: $navbar-font-color; | ||
| 178 | background-color: $navbar-inverse-background-color; | ||
| 179 | } | ||
| 180 | |||
| 181 | @media (max-width: 767px) { | ||
| 182 | & .navbar-nav > li > a:hover, | ||
| 183 | & .navbar-nav > li > a:focus { | ||
| 184 | background-color: $navbar-inverse-background-color; | ||
| 185 | } | ||
| 186 | & .navbar-nav .open .dropdown-menu > .divider { | ||
| 187 | background-color: $navbar-inverse-background-color; | ||
| 188 | } | ||
| 189 | & .navbar-nav .open .dropdown-menu > li > a { | ||
| 190 | color: lighten($navbar-inverse-background-color, 55%); | ||
| 191 | } | ||
| 192 | & .navbar-nav .open .dropdown-menu > li > a:hover, | ||
| 193 | & .navbar-nav .open .dropdown-menu > li > a:focus, | ||
| 194 | & .navbar-nav .open .dropdown-menu > .active > a, | ||
| 195 | & .navbar-nav .open .dropdown-menu > .active > a:hover, | ||
| 196 | & .navbar-nav .open .dropdown-menu > .active > a:focus { | ||
| 197 | color: $navbar-font-color; | ||
| 198 | background-color: $navbar-inverse-background-color; | ||
| 199 | } | ||
| 200 | & .navbar-nav .open .dropdown-menu > .dropdown-header { | ||
| 201 | color: lighten($navbar-inverse-background-color, 75%); | ||
| 202 | } | ||
| 203 | & .navbar-nav .open .dropdown-menu > .disabled > a, | ||
| 204 | & .navbar-nav .open .dropdown-menu > .disabled > a:hover, | ||
| 205 | & .navbar-nav .open .dropdown-menu > .disabled > a:focus { | ||
| 206 | color: lighten($navbar-inverse-background-color, 40%); | ||
| 207 | } | ||
| 208 | } | ||
| 209 | } | ||
| 210 | |||
| 211 | } | ||
| 212 | |||
| 213 |
bootflat/scss/bootflat/_pager.scss
0 → 100644
| 1 | // Variables | ||
| 2 | //------------------------------------------------------ | ||
| 3 | $paper-background-color: $grass-dark !default; | ||
| 4 | $paper-background-color-hover: $grass-light !default; | ||
| 5 | |||
| 6 | $paper-font-color: $white !default; | ||
| 7 | $paper-font-color-disabled: $lightgray-dark !default; | ||
| 8 | |||
| 9 | // Exports | ||
| 10 | //------------------------------------------------------ | ||
| 11 | |||
| 12 | @include exports("pager") { | ||
| 13 | |||
| 14 | /** | ||
| 15 | * pager | ||
| 16 | * -------------------------------------------------- | ||
| 17 | */ | ||
| 18 | .pager { | ||
| 19 | |||
| 20 | & li > a, | ||
| 21 | & li > span { | ||
| 22 | color: $paper-font-color; | ||
| 23 | background-color: $paper-background-color; | ||
| 24 | border-color: $paper-background-color; | ||
| 25 | } | ||
| 26 | & li > a:hover, | ||
| 27 | & li > a:focus { | ||
| 28 | background-color: $paper-background-color-hover; | ||
| 29 | border-color: $paper-background-color-hover; | ||
| 30 | } | ||
| 31 | & .disabled > a, | ||
| 32 | & .disabled > a:hover, | ||
| 33 | & .disabled > a:focus, | ||
| 34 | & .disabled > span { | ||
| 35 | color: $paper-font-color-disabled; | ||
| 36 | background-color: $paper-font-color; | ||
| 37 | border-color: $paper-font-color-disabled; | ||
| 38 | } | ||
| 39 | } | ||
| 40 | } | ||
| 41 | |||
| 42 |
bootflat/scss/bootflat/_pagination.scss
0 → 100644
| 1 | // Variables | ||
| 2 | //------------------------------------------------------ | ||
| 3 | $pagination-background-color: $white !default; | ||
| 4 | $pagination-background-color-hover: $mediumgray-light !default; | ||
| 5 | $pagination-background-color-active: $grass-dark !default; | ||
| 6 | |||
| 7 | $pagination-font-color: $darkgray-dark !default; | ||
| 8 | $pagination-font-color-hover: $white !default; | ||
| 9 | $pagination-font-color-disabled: $lightgray-dark !default; | ||
| 10 | |||
| 11 | // Exports | ||
| 12 | //------------------------------------------------------ | ||
| 13 | |||
| 14 | @include exports("pagination") { | ||
| 15 | |||
| 16 | /** | ||
| 17 | * pagination | ||
| 18 | * -------------------------------------------------- | ||
| 19 | */ | ||
| 20 | .pagination { | ||
| 21 | |||
| 22 | & > li > a, | ||
| 23 | & > li > span { | ||
| 24 | color: $pagination-font-color; | ||
| 25 | background-color: $pagination-background-color; | ||
| 26 | border-color: $pagination-background-color-hover; | ||
| 27 | } | ||
| 28 | & > li > a:hover, | ||
| 29 | & > li > span:hover, | ||
| 30 | & > li > a:focus, | ||
| 31 | & > li > span:focus { | ||
| 32 | color: $pagination-font-color-hover; | ||
| 33 | background-color: $pagination-background-color-hover; | ||
| 34 | border-color: $pagination-background-color-hover; | ||
| 35 | } | ||
| 36 | & > .active > a, | ||
| 37 | & > .active > span, | ||
| 38 | & > .active > a:hover, | ||
| 39 | & > .active > span:hover, | ||
| 40 | & > .active > a:focus, | ||
| 41 | & > .active > span:focus { | ||
| 42 | color: $pagination-font-color-hover; | ||
| 43 | background-color: $pagination-background-color-active; | ||
| 44 | border-color: $pagination-background-color-active; | ||
| 45 | } | ||
| 46 | & > .disabled > span, | ||
| 47 | & > .disabled > span:hover, | ||
| 48 | & > .disabled > span:focus, | ||
| 49 | & > .disabled > a, | ||
| 50 | & > .disabled > a:hover, | ||
| 51 | & > .disabled > a:focus { | ||
| 52 | color: $pagination-font-color-disabled; | ||
| 53 | background-color: $pagination-background-color; | ||
| 54 | border-color: $pagination-background-color-hover; | ||
| 55 | } | ||
| 56 | } | ||
| 57 | } | ||
| 58 | |||
| 59 |
bootflat/scss/bootflat/_panel.scss
0 → 100644
| 1 | // Variables | ||
| 2 | //------------------------------------------------------ | ||
| 3 | $panel-normal: $lightgray-dark !default; | ||
| 4 | $panel-default: $white !default; | ||
| 5 | $panel-primary: $aqua-dark !default; | ||
| 6 | $panel-success: $grass-dark !default; | ||
| 7 | $panel-danger: $grapefruit-dark !default; | ||
| 8 | $panel-warning: $sunflower-dark !default; | ||
| 9 | $panel-info: $mint-dark !default; | ||
| 10 | |||
| 11 | $panel-font-color: $darkgray-dark !default; | ||
| 12 | |||
| 13 | $panel-background-color: $white !default; | ||
| 14 | $panel-shadow: 0 1px 2px rgba(0, 0, 0, .2) !default; | ||
| 15 | $panel-radius: 4px !default; | ||
| 16 | |||
| 17 | |||
| 18 | // Exports | ||
| 19 | //------------------------------------------------------ | ||
| 20 | |||
| 21 | @include exports("panel") { | ||
| 22 | |||
| 23 | /** | ||
| 24 | * panel | ||
| 25 | * -------------------------------------------------- | ||
| 26 | */ | ||
| 27 | .panel { | ||
| 28 | background-color: $panel-background-color; | ||
| 29 | border: none; | ||
| 30 | @include radius($type: border-radius, $value: $panel-radius); | ||
| 31 | @include box-shadow($value: $panel-shadow); | ||
| 32 | |||
| 33 | & .list-group { | ||
| 34 | @include box-shadow($value: none); | ||
| 35 | } | ||
| 36 | & .list-group-item:first-child { | ||
| 37 | border-top: 1px solid $panel-normal; | ||
| 38 | } | ||
| 39 | |||
| 40 | #{&}-heading { | ||
| 41 | @include radius($type: border-radius, $value: $panel-radius $panel-radius 0 0); | ||
| 42 | } | ||
| 43 | #{&}-title { | ||
| 44 | font-size: 14px; | ||
| 45 | color: $panel-font-color; | ||
| 46 | font-weight: normal; | ||
| 47 | } | ||
| 48 | #{&}-footer { | ||
| 49 | background-color: $panel-normal; | ||
| 50 | border-top-color: $panel-normal; | ||
| 51 | @include radius($type: border-radius, $value: 0 0 $panel-radius $panel-radius); | ||
| 52 | } | ||
| 53 | |||
| 54 | @at-root #{&}-default { | ||
| 55 | border-color: $panel-normal; | ||
| 56 | & > .panel-heading { | ||
| 57 | color: $panel-font-color; | ||
| 58 | background-color: $panel-normal; | ||
| 59 | border-color: $panel-normal; | ||
| 60 | } | ||
| 61 | } | ||
| 62 | @at-root #{&}-primary { | ||
| 63 | border-color: $panel-primary; | ||
| 64 | & > .panel-heading { | ||
| 65 | color: $panel-default; | ||
| 66 | background-color: $panel-primary; | ||
| 67 | border-color: $panel-primary; | ||
| 68 | } | ||
| 69 | } | ||
| 70 | @at-root #{&}-success { | ||
| 71 | border-color: $panel-success; | ||
| 72 | & > .panel-heading { | ||
| 73 | color: $panel-default; | ||
| 74 | background-color: $panel-success; | ||
| 75 | border-color: $panel-success; | ||
| 76 | } | ||
| 77 | } | ||
| 78 | @at-root #{&}-info { | ||
| 79 | border-color: $panel-info; | ||
| 80 | & > .panel-heading { | ||
| 81 | color: $panel-default; | ||
| 82 | background-color: $panel-info; | ||
| 83 | border-color: $panel-info; | ||
| 84 | } | ||
| 85 | } | ||
| 86 | @at-root #{&}-warning { | ||
| 87 | border-color: $panel-warning; | ||
| 88 | & > .panel-heading { | ||
| 89 | color: $panel-default; | ||
| 90 | background-color: $panel-warning; | ||
| 91 | border-color: $panel-warning; | ||
| 92 | } | ||
| 93 | } | ||
| 94 | @at-root #{&}-danger { | ||
| 95 | border-color: $panel-danger; | ||
| 96 | & > .panel-heading { | ||
| 97 | color: $panel-default; | ||
| 98 | background-color: $panel-danger; | ||
| 99 | border-color: $panel-danger; | ||
| 100 | } | ||
| 101 | } | ||
| 102 | |||
| 103 | @at-root #{&}-primary > #{&}-heading > #{&}-title, | ||
| 104 | #{&}-success > #{&}-heading > #{&}-title, | ||
| 105 | #{&}-info > #{&}-heading > #{&}-title, | ||
| 106 | #{&}-warning > #{&}-heading > #{&}-title, | ||
| 107 | #{&}-danger > #{&}-heading > #{&}-title { | ||
| 108 | color: $panel-default; | ||
| 109 | } | ||
| 110 | |||
| 111 | & > .list-group:first-child .list-group-item:first-child, | ||
| 112 | & > .table:first-child, | ||
| 113 | & > .table-responsive:first-child > .table:first-child { | ||
| 114 | @include radius($type: border-radius, $value: $panel-radius $panel-radius 0 0); | ||
| 115 | } | ||
| 116 | & > .list-group:last-child .list-group-item:last-child { | ||
| 117 | @include radius($type: border-radius, $value: 0 0 $panel-radius $panel-radius); | ||
| 118 | } | ||
| 119 | & > .table:first-child > thead:first-child > tr:first-child td:first-child, | ||
| 120 | & > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, | ||
| 121 | & > .table:first-child > tbody:first-child > tr:first-child td:first-child, | ||
| 122 | & > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, | ||
| 123 | & > .table:first-child > thead:first-child > tr:first-child th:first-child, | ||
| 124 | & > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, | ||
| 125 | & > .table:first-child > tbody:first-child > tr:first-child th:first-child, | ||
| 126 | & > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child { | ||
| 127 | @include radius($type: border-radius, $value: $panel-radius 0 0 0); | ||
| 128 | } | ||
| 129 | & > .table:first-child > thead:first-child > tr:first-child td:last-child, | ||
| 130 | & > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, | ||
| 131 | & > .table:first-child > tbody:first-child > tr:first-child td:last-child, | ||
| 132 | & > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, | ||
| 133 | & > .table:first-child > thead:first-child > tr:first-child th:last-child, | ||
| 134 | & > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, | ||
| 135 | & > .table:first-child > tbody:first-child > tr:first-child th:last-child, | ||
| 136 | & > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child { | ||
| 137 | @include radius($type: border-radius, $value: 0 $panel-radius 0 0); | ||
| 138 | } | ||
| 139 | & > .table:last-child, | ||
| 140 | & > .table-responsive:last-child > .table:last-child { | ||
| 141 | @include radius($type: border-radius, $value: 0 0 $panel-radius $panel-radius); | ||
| 142 | } | ||
| 143 | & > .table:last-child > tbody:last-child > tr:last-child td:first-child, | ||
| 144 | & > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, | ||
| 145 | & > .table:last-child > tfoot:last-child > tr:last-child td:first-child, | ||
| 146 | & > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, | ||
| 147 | & > .table:last-child > tbody:last-child > tr:last-child th:first-child, | ||
| 148 | & > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, | ||
| 149 | & > .table:last-child > tfoot:last-child > tr:last-child th:first-child, | ||
| 150 | & > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child { | ||
| 151 | @include radius($type: border-radius, $value: 0 0 0 $panel-radius); | ||
| 152 | } | ||
| 153 | & > .table:last-child > tbody:last-child > tr:last-child td:last-child, | ||
| 154 | & > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, | ||
| 155 | & > .table:last-child > tfoot:last-child > tr:last-child td:last-child, | ||
| 156 | & > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, | ||
| 157 | & > .table:last-child > tbody:last-child > tr:last-child th:last-child, | ||
| 158 | & > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, | ||
| 159 | & > .table:last-child > tfoot:last-child > tr:last-child th:last-child, | ||
| 160 | & > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child { | ||
| 161 | @include radius($type: border-radius, $value: 0 0 $panel-radius 0); | ||
| 162 | } | ||
| 163 | & > #{&}-body + .table, | ||
| 164 | & > #{&}-body + .table-responsive { | ||
| 165 | border-top-color: $panel-normal; | ||
| 166 | } | ||
| 167 | } | ||
| 168 | |||
| 169 | } |
bootflat/scss/bootflat/_pill.scss
0 → 100644
| 1 | // Variables | ||
| 2 | //------------------------------------------------------ | ||
| 3 | $pill-background-color: $aqua-dark !default; | ||
| 4 | $pill-background-color-hover: $lightgray-dark !default; | ||
| 5 | $pill-font-color: $darkgray-dark !default; | ||
| 6 | $pill-font-color-active: $white !default; | ||
| 7 | |||
| 8 | |||
| 9 | // Exports | ||
| 10 | //------------------------------------------------------ | ||
| 11 | |||
| 12 | @include exports("pill") { | ||
| 13 | |||
| 14 | /** | ||
| 15 | * pill | ||
| 16 | * -------------------------------------------------- | ||
| 17 | */ | ||
| 18 | .nav-pills { | ||
| 19 | & > li.active > a, | ||
| 20 | & > li.active > a:hover, | ||
| 21 | & > li.active > a:focus { | ||
| 22 | color: $pill-font-color-active; | ||
| 23 | background-color: $pill-background-color; | ||
| 24 | } | ||
| 25 | & > li > a { | ||
| 26 | color: $pill-background-color; | ||
| 27 | } | ||
| 28 | & > li > a:hover { | ||
| 29 | color: $pill-font-color; | ||
| 30 | background-color: $pill-background-color-hover; | ||
| 31 | } | ||
| 32 | & > .active > a > .badge { | ||
| 33 | color: $pill-background-color; | ||
| 34 | } | ||
| 35 | & .open > a, | ||
| 36 | & .open > a:focus, | ||
| 37 | & .open > a:hover { | ||
| 38 | color: $pill-font-color; | ||
| 39 | background-color: $pill-background-color-hover; | ||
| 40 | } | ||
| 41 | } | ||
| 42 | |||
| 43 | } | ||
| 44 | |||
| 45 |
bootflat/scss/bootflat/_popover.scss
0 → 100644
| 1 | // Variables | ||
| 2 | //------------------------------------------------------ | ||
| 3 | $popover-background-color: $darkgray-dark !default; | ||
| 4 | $popover-font-color: $white !default; | ||
| 5 | $popover-title-font-color: $mediumgray-dark !default; | ||
| 6 | |||
| 7 | |||
| 8 | // Exports | ||
| 9 | //------------------------------------------------------ | ||
| 10 | |||
| 11 | @include exports("popover") { | ||
| 12 | |||
| 13 | /** | ||
| 14 | * popover | ||
| 15 | * -------------------------------------------------- | ||
| 16 | */ | ||
| 17 | |||
| 18 | .popover { | ||
| 19 | background-color: $popover-background-color; | ||
| 20 | color: $popover-font-color; | ||
| 21 | border-color: $popover-background-color; | ||
| 22 | |||
| 23 | @at-root #{&}-title { | ||
| 24 | padding-bottom: 0; | ||
| 25 | font-weight: bold; | ||
| 26 | color: $popover-title-font-color; | ||
| 27 | background-color: transparent; | ||
| 28 | border-bottom: none; | ||
| 29 | } | ||
| 30 | &.top .arrow, | ||
| 31 | &.top .arrow:after { | ||
| 32 | border-top-color: $popover-background-color; | ||
| 33 | } | ||
| 34 | &.right .arrow, | ||
| 35 | &.right .arrow:after { | ||
| 36 | border-right-color: $popover-background-color; | ||
| 37 | } | ||
| 38 | &.bottom .arrow, | ||
| 39 | &.bottom .arrow:after { | ||
| 40 | border-bottom-color: $popover-background-color; | ||
| 41 | } | ||
| 42 | &.left .arrow, | ||
| 43 | &.left .arrow:after { | ||
| 44 | border-left-color: $popover-background-color; | ||
| 45 | } | ||
| 46 | } | ||
| 47 | |||
| 48 | } | ||
| 49 | |||
| 50 |
bootflat/scss/bootflat/_progress.scss
0 → 100644
| 1 | // Variables | ||
| 2 | //------------------------------------------------------ | ||
| 3 | $progress-primary: $aqua-dark !default; | ||
| 4 | $progress-success: $grass-dark !default; | ||
| 5 | $progress-danger: $grapefruit-dark !default; | ||
| 6 | $progress-warning: $sunflower-dark !default; | ||
| 7 | $progress-info: $mint-dark !default; | ||
| 8 | |||
| 9 | $progress-background-color: $lightgray-dark !default; | ||
| 10 | |||
| 11 | // Exports | ||
| 12 | //------------------------------------------------------ | ||
| 13 | @include exports("progress") { | ||
| 14 | |||
| 15 | /** | ||
| 16 | * progress | ||
| 17 | * -------------------------------------------------- | ||
| 18 | */ | ||
| 19 | .progress { | ||
| 20 | background-color: $progress-background-color; | ||
| 21 | @include box-shadow($value: none); | ||
| 22 | |||
| 23 | #{&}-bar { | ||
| 24 | background-color: $progress-primary; | ||
| 25 | @include box-shadow($value: none); | ||
| 26 | } | ||
| 27 | #{&}-bar-success { | ||
| 28 | background-color: $progress-success; | ||
| 29 | } | ||
| 30 | #{&}-bar-info { | ||
| 31 | background-color: $progress-info; | ||
| 32 | } | ||
| 33 | #{&}-bar-warning { | ||
| 34 | background-color: $progress-warning; | ||
| 35 | } | ||
| 36 | #{&}-bar-danger { | ||
| 37 | background-color: $progress-danger; | ||
| 38 | } | ||
| 39 | } | ||
| 40 | } | ||
| 41 | |||
| 42 |
bootflat/scss/bootflat/_tab.scss
0 → 100644
| 1 | // Variables | ||
| 2 | //------------------------------------------------------ | ||
| 3 | $tab-background-color: $lightgray-dark !default; | ||
| 4 | $tab-background-color-hover: $lightgray-light !default; | ||
| 5 | $tab-radius: 4px !default; | ||
| 6 | |||
| 7 | $tab-font-color: $darkgray-dark !default; | ||
| 8 | $tab-font-color-acitve: $white !default; | ||
| 9 | |||
| 10 | $tab-aside-width: 74px !default; | ||
| 11 | |||
| 12 | $tab-border-color: $mediumgray-light !default; | ||
| 13 | // Exports | ||
| 14 | //------------------------------------------------------ | ||
| 15 | |||
| 16 | @include exports("tab") { | ||
| 17 | |||
| 18 | /** | ||
| 19 | * tab | ||
| 20 | * -------------------------------------------------- | ||
| 21 | */ | ||
| 22 | .nav-tabs { | ||
| 23 | border-bottom: none; | ||
| 24 | background-color: $tab-background-color; | ||
| 25 | @include radius($type: border-radius, $value: $tab-radius $tab-radius 0 0); | ||
| 26 | |||
| 27 | & > li { | ||
| 28 | margin-bottom: 0; | ||
| 29 | border-left: 1px solid $tab-border-color; | ||
| 30 | } | ||
| 31 | & > li:first-child { | ||
| 32 | border-left: none; | ||
| 33 | } | ||
| 34 | & > li > a { | ||
| 35 | margin-right: 0; | ||
| 36 | border: none; | ||
| 37 | @include radius($type: border-radius, $value: 0); | ||
| 38 | color: $tab-font-color; | ||
| 39 | } | ||
| 40 | & > li:first-child > a { | ||
| 41 | @include radius($type: border-radius, $value: $tab-radius 0 0 0); | ||
| 42 | } | ||
| 43 | & > li > a:focus, | ||
| 44 | & > li > a:hover { | ||
| 45 | border: none; | ||
| 46 | background-color: $tab-background-color-hover; | ||
| 47 | } | ||
| 48 | & > li.active > a, | ||
| 49 | & > li.active > a:focus, | ||
| 50 | & > li.active > a:hover { | ||
| 51 | border: none; | ||
| 52 | background-color: $tab-font-color-acitve !important; | ||
| 53 | } | ||
| 54 | |||
| 55 | & .dropdown-toggle, | ||
| 56 | & .dropdown-toggle:hover, | ||
| 57 | & .dropdown-toggle:focus { | ||
| 58 | color: $tab-font-color; | ||
| 59 | } | ||
| 60 | |||
| 61 | & li.dropdown.open .dropdown-toggle { | ||
| 62 | color: $tab-font-color; | ||
| 63 | background-color: $tab-background-color-hover; | ||
| 64 | } | ||
| 65 | & li.dropdown.active.open .dropdown-toggle { | ||
| 66 | color: $tab-font-color; | ||
| 67 | } | ||
| 68 | & li.dropdown.active.open .dropdown-toggle .caret, | ||
| 69 | & li.dropdown.active .dropdown-toggle .caret { | ||
| 70 | border-top-color: $tab-font-color; | ||
| 71 | border-bottom-color: $tab-font-color; | ||
| 72 | } | ||
| 73 | & li.dropdown.open .caret, | ||
| 74 | & li.dropdown.open.active .caret, | ||
| 75 | & li.dropdown.open a:hover .caret, | ||
| 76 | & li.dropdown.open a:focus .caret, | ||
| 77 | & .dropdown-toggle .caret, | ||
| 78 | & .dropdown-toggle:hover .caret, | ||
| 79 | & .dropdown-toggle:focus .caret { | ||
| 80 | border-top-color: $tab-font-color; | ||
| 81 | border-bottom-color: $tab-font-color; | ||
| 82 | } | ||
| 83 | |||
| 84 | &.nav-justified > li > a { | ||
| 85 | margin-bottom: 0; | ||
| 86 | text-align: center; | ||
| 87 | } | ||
| 88 | &.nav-justified > .dropdown .dropdown-menu { | ||
| 89 | top: auto; | ||
| 90 | left: auto; | ||
| 91 | } | ||
| 92 | &.nav-justified > li > a { | ||
| 93 | @include radius($type: border-radius, $value: 0); | ||
| 94 | } | ||
| 95 | &.nav-justified > li:first-child > a { | ||
| 96 | @include radius($type: border-radius, $value: $tab-radius 0 0 0); | ||
| 97 | } | ||
| 98 | &.nav-justified > li:last-child > a { | ||
| 99 | @include radius($type: border-radius, $value: 0 $tab-radius 0 0); | ||
| 100 | } | ||
| 101 | &.nav-justified > .active > a, | ||
| 102 | &.nav-justified > .active > a:hover, | ||
| 103 | &.nav-justified > .active > a:focus { | ||
| 104 | border: none; | ||
| 105 | } | ||
| 106 | @media (min-width: 768px) { | ||
| 107 | &.nav-justified > li > a { | ||
| 108 | border-bottom: none; | ||
| 109 | @include radius($type: border-radius, $value: 0); | ||
| 110 | } | ||
| 111 | &.nav-justified > .active > a, | ||
| 112 | &.nav-justified > .active > a:hover, | ||
| 113 | &.nav-justified > .active > a:focus { | ||
| 114 | border-bottom: none; | ||
| 115 | } | ||
| 116 | } | ||
| 117 | |||
| 118 | @at-root .tab-content { | ||
| 119 | padding: 10px; | ||
| 120 | } | ||
| 121 | } | ||
| 122 | |||
| 123 | .tabs-below { | ||
| 124 | & .nav-tabs { | ||
| 125 | @include radius($type: border-radius, $value: 0 0 $tab-radius $tab-radius); | ||
| 126 | } | ||
| 127 | & .nav-tabs > li:first-child > a { | ||
| 128 | @include radius($type: border-radius, $value: 0 0 0 $tab-radius); | ||
| 129 | } | ||
| 130 | & .nav-tabs.nav-justified > li:last-child > a { | ||
| 131 | @include radius($type: border-radius, $value: 0 0 $tab-radius 0); | ||
| 132 | } | ||
| 133 | } | ||
| 134 | |||
| 135 | .tabs-left .nav-tabs > li, | ||
| 136 | .tabs-right .nav-tabs > li { | ||
| 137 | float: none; | ||
| 138 | border-left: none; | ||
| 139 | border-top: 1px solid $tab-border-color; | ||
| 140 | } | ||
| 141 | .tabs-left .nav-tabs > li:first-child, | ||
| 142 | .tabs-right .nav-tabs > li:first-child { | ||
| 143 | border-top: none; | ||
| 144 | } | ||
| 145 | .tabs-left .nav-tabs > li > a, | ||
| 146 | .tabs-right .nav-tabs > li > a { | ||
| 147 | min-width: $tab-aside-width; | ||
| 148 | margin-right: 0; | ||
| 149 | } | ||
| 150 | .tabs-left { | ||
| 151 | & .nav-tabs { | ||
| 152 | float: left; | ||
| 153 | margin-right: 19px; | ||
| 154 | @include radius($type: border-radius, $value: $tab-radius 0 0 $tab-radius); | ||
| 155 | } | ||
| 156 | & .nav-tabs > li:first-child > a { | ||
| 157 | @include radius($type: border-radius, $value: $tab-radius 0 0 0); | ||
| 158 | } | ||
| 159 | & .nav-tabs > li:last-child > a { | ||
| 160 | @include radius($type: border-radius, $value: 0 0 0 $tab-radius); | ||
| 161 | } | ||
| 162 | } | ||
| 163 | .tabs-right { | ||
| 164 | & .nav-tabs { | ||
| 165 | float: right; | ||
| 166 | margin-left: 19px; | ||
| 167 | @include radius($type: border-radius, $value: 0 $tab-radius $tab-radius 0); | ||
| 168 | } | ||
| 169 | & .nav-tabs > li:first-child > a { | ||
| 170 | @include radius($type: border-radius, $value: 0 $tab-radius 0 0); | ||
| 171 | } | ||
| 172 | & .nav-tabs > li:last-child > a { | ||
| 173 | @include radius($type: border-radius, $value: 0 0 $tab-radius 0); | ||
| 174 | } | ||
| 175 | } | ||
| 176 | |||
| 177 | } | ||
| 178 | |||
| 179 |
bootflat/scss/bootflat/_thumbnail.scss
0 → 100644
| 1 | // Variables | ||
| 2 | //------------------------------------------------------ | ||
| 3 | $media-font-color: $darkgray-dark !default; | ||
| 4 | |||
| 5 | |||
| 6 | $thumbnail-shadow: 0 1px 2px rgba(0, 0, 0, .2) !default; | ||
| 7 | |||
| 8 | |||
| 9 | // Exports | ||
| 10 | //------------------------------------------------------ | ||
| 11 | |||
| 12 | @include exports("thumbnail") { | ||
| 13 | |||
| 14 | /** | ||
| 15 | * thumbnail | ||
| 16 | * -------------------------------------------------- | ||
| 17 | */ | ||
| 18 | .thumbnail { | ||
| 19 | border: none; | ||
| 20 | @include box-shadow($value: $list-shadow); | ||
| 21 | |||
| 22 | & .caption { | ||
| 23 | font-size: 14px; | ||
| 24 | } | ||
| 25 | |||
| 26 | & .caption h1, | ||
| 27 | & .caption h2, | ||
| 28 | & .caption h3, | ||
| 29 | & .caption h4, | ||
| 30 | & .caption h5, | ||
| 31 | & .caption h6 { | ||
| 32 | margin: 5px 0 10px; | ||
| 33 | font-size: 16px; | ||
| 34 | } | ||
| 35 | } | ||
| 36 | |||
| 37 | } | ||
| 38 | |||
| 39 |
bootflat/scss/bootflat/_tooltip.scss
0 → 100644
| 1 | // Variables | ||
| 2 | //------------------------------------------------------ | ||
| 3 | $tooltip-background-color: $darkgray-dark !default; | ||
| 4 | $tooltip-font-color: $white !default; | ||
| 5 | |||
| 6 | |||
| 7 | // Exports | ||
| 8 | //------------------------------------------------------ | ||
| 9 | |||
| 10 | @include exports("tooltip") { | ||
| 11 | |||
| 12 | /** | ||
| 13 | * tooltip | ||
| 14 | * -------------------------------------------------- | ||
| 15 | */ | ||
| 16 | |||
| 17 | .tooltip { | ||
| 18 | @at-root #{&}-inner { | ||
| 19 | color: $tooltip-font-color; | ||
| 20 | background-color: $tooltip-background-color; | ||
| 21 | } | ||
| 22 | &.top #{&}-arrow, | ||
| 23 | &.top-left #{&}-arrow, | ||
| 24 | &.top-right #{&}-arrow { | ||
| 25 | border-top-color: $tooltip-background-color; | ||
| 26 | } | ||
| 27 | &.right #{&}-arrow { | ||
| 28 | border-right-color: $tooltip-background-color; | ||
| 29 | } | ||
| 30 | &.left #{&}-arrow { | ||
| 31 | border-left-color: $tooltip-background-color; | ||
| 32 | } | ||
| 33 | &.bottom #{&}-arrow, | ||
| 34 | &.bottom-left #{&}-arrow, | ||
| 35 | &.bottom-right #{&}-arrow { | ||
| 36 | border-bottom-color: $tooltip-background-color; | ||
| 37 | } | ||
| 38 | } | ||
| 39 | |||
| 40 | } | ||
| 41 | |||
| 42 |
bootflat/scss/bootflat/_typography.scss
0 → 100644
| 1 | // Variables | ||
| 2 | //------------------------------------------------------ | ||
| 3 | $body-font-color: $darkgray-dark !default; | ||
| 4 | $body-background-color: $white !default; | ||
| 5 | |||
| 6 | $link-font-color: $aqua-dark !default; | ||
| 7 | $link-font-color-hover: $aqua-light !default; | ||
| 8 | |||
| 9 | $blockquote-border-color: $mediumgray-light !default; | ||
| 10 | |||
| 11 | $image-radius: 4px !default; | ||
| 12 | |||
| 13 | // Exports | ||
| 14 | //------------------------------------------------------ | ||
| 15 | |||
| 16 | @include exports("typography") { | ||
| 17 | |||
| 18 | /** | ||
| 19 | * typography | ||
| 20 | * -------------------------------------------------- | ||
| 21 | */ | ||
| 22 | |||
| 23 | body { | ||
| 24 | font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; | ||
| 25 | color: $body-font-color; | ||
| 26 | background-color: $body-background-color; | ||
| 27 | } | ||
| 28 | a { | ||
| 29 | color: $link-font-color; | ||
| 30 | text-decoration: none; | ||
| 31 | |||
| 32 | &:hover, | ||
| 33 | &:focus { | ||
| 34 | color: $link-font-color-hover; | ||
| 35 | text-decoration: none; | ||
| 36 | } | ||
| 37 | &:focus { | ||
| 38 | outline: none; | ||
| 39 | } | ||
| 40 | } | ||
| 41 | h1, | ||
| 42 | h2, | ||
| 43 | h3, | ||
| 44 | h4, | ||
| 45 | h5, | ||
| 46 | h6, | ||
| 47 | .h1, | ||
| 48 | .h2, | ||
| 49 | .h3, | ||
| 50 | .h4, | ||
| 51 | .h5, | ||
| 52 | .h6 { | ||
| 53 | font-family: inherit; | ||
| 54 | font-weight: 700; | ||
| 55 | line-height: 1.1; | ||
| 56 | color: inherit; | ||
| 57 | } | ||
| 58 | h1 small, | ||
| 59 | h2 small, | ||
| 60 | h3 small, | ||
| 61 | h4 small, | ||
| 62 | h5 small, | ||
| 63 | h6 small, | ||
| 64 | .h1 small, | ||
| 65 | .h2 small, | ||
| 66 | .h3 small, | ||
| 67 | .h4 small, | ||
| 68 | .h5 small, | ||
| 69 | .h6 small { | ||
| 70 | color: #e7e9ec; | ||
| 71 | } | ||
| 72 | h1, | ||
| 73 | h2, | ||
| 74 | h3 { | ||
| 75 | margin-top: 30px; | ||
| 76 | margin-bottom: 15px; | ||
| 77 | } | ||
| 78 | h4, | ||
| 79 | h5, | ||
| 80 | h6 { | ||
| 81 | margin-top: 15px; | ||
| 82 | margin-bottom: 15px; | ||
| 83 | } | ||
| 84 | h6 { | ||
| 85 | font-weight: normal; | ||
| 86 | } | ||
| 87 | h1, | ||
| 88 | .h1 { | ||
| 89 | font-size: 51px; | ||
| 90 | } | ||
| 91 | h2, | ||
| 92 | .h2 { | ||
| 93 | font-size: 43px; | ||
| 94 | } | ||
| 95 | h3, | ||
| 96 | .h3 { | ||
| 97 | font-size: 30px; | ||
| 98 | } | ||
| 99 | h4, | ||
| 100 | .h4 { | ||
| 101 | font-size: 19px; | ||
| 102 | } | ||
| 103 | h5, | ||
| 104 | .h5 { | ||
| 105 | font-size: 18px; | ||
| 106 | } | ||
| 107 | h6, | ||
| 108 | .h6 { | ||
| 109 | font-size: 14px; | ||
| 110 | } | ||
| 111 | blockquote { | ||
| 112 | border-left: 3px solid $blockquote-border-color; | ||
| 113 | } | ||
| 114 | .img-rounded { | ||
| 115 | @include radius($type: border-radius, $value: $image-radius); | ||
| 116 | } | ||
| 117 | .img-comment { | ||
| 118 | font-size: 15px; | ||
| 119 | line-height: 1.2; | ||
| 120 | font-style: italic; | ||
| 121 | margin: 24px 0; | ||
| 122 | } | ||
| 123 | |||
| 124 | } | ||
| 125 | |||
| 126 |
bootflat/scss/bootflat/_well.scss
0 → 100644
| 1 | // Variables | ||
| 2 | //------------------------------------------------------ | ||
| 3 | $well-font-color: $darkgray-dark !default; | ||
| 4 | $well-background-color: $white !default; | ||
| 5 | |||
| 6 | $well-blockquote-color: $mediumgray-light !default; | ||
| 7 | |||
| 8 | $well-radius: 4px; | ||
| 9 | $well-shadow: 0 1px 2px rgba(0, 0, 0, .2) !default; | ||
| 10 | |||
| 11 | |||
| 12 | // Exports | ||
| 13 | //------------------------------------------------------ | ||
| 14 | |||
| 15 | @include exports("well") { | ||
| 16 | |||
| 17 | /** | ||
| 18 | * well | ||
| 19 | * -------------------------------------------------- | ||
| 20 | */ | ||
| 21 | |||
| 22 | .well { | ||
| 23 | padding: 10px; | ||
| 24 | border: none; | ||
| 25 | @include radius($type: border-radius, $value: $well-radius); | ||
| 26 | color: $modal-font-color; | ||
| 27 | background-color: $well-background-color; | ||
| 28 | @include box-shadow($value: $well-shadow); | ||
| 29 | |||
| 30 | & blockquote { | ||
| 31 | border-color: $well-blockquote-color; | ||
| 32 | } | ||
| 33 | @at-root #{&}-lg { | ||
| 34 | padding: 20px; | ||
| 35 | } | ||
| 36 | @at-root #{&}-sm { | ||
| 37 | padding: 5px; | ||
| 38 | } | ||
| 39 | } | ||
| 40 | |||
| 41 | } | ||
| 42 | |||
| 43 |
css/bootstrap.min.css
0 → 100644
This diff is collapsed.
Click to expand it.
css/shCore.css
0 → 100644
| 1 | /** | ||
| 2 | * SyntaxHighlighter | ||
| 3 | * http://alexgorbatchev.com/SyntaxHighlighter | ||
| 4 | * | ||
| 5 | * SyntaxHighlighter is donationware. If you are using it, please donate. | ||
| 6 | * http://alexgorbatchev.com/SyntaxHighlighter/donate.html | ||
| 7 | * | ||
| 8 | * @version | ||
| 9 | * 3.0.83 (July 02 2010) | ||
| 10 | * | ||
| 11 | * @copyright | ||
| 12 | * Copyright (C) 2004-2010 Alex Gorbatchev. | ||
| 13 | * | ||
| 14 | * @license | ||
| 15 | * Dual licensed under the MIT and GPL licenses. | ||
| 16 | */ | ||
| 17 | .syntaxhighlighter a, | ||
| 18 | .syntaxhighlighter div, | ||
| 19 | .syntaxhighlighter code, | ||
| 20 | .syntaxhighlighter table, | ||
| 21 | .syntaxhighlighter table td, | ||
| 22 | .syntaxhighlighter table tr, | ||
| 23 | .syntaxhighlighter table tbody, | ||
| 24 | .syntaxhighlighter table thead, | ||
| 25 | .syntaxhighlighter table caption, | ||
| 26 | .syntaxhighlighter textarea { | ||
| 27 | -moz-border-radius: 0 0 0 0 !important; | ||
| 28 | -webkit-border-radius: 0 0 0 0 !important; | ||
| 29 | background: none !important; | ||
| 30 | border: 0 !important; | ||
| 31 | bottom: auto !important; | ||
| 32 | float: none !important; | ||
| 33 | height: auto !important; | ||
| 34 | left: auto !important; | ||
| 35 | line-height: 1.1em !important; | ||
| 36 | margin: 0 !important; | ||
| 37 | outline: 0 !important; | ||
| 38 | overflow: auto !important; | ||
| 39 | padding: 0 !important; | ||
| 40 | position: static !important; | ||
| 41 | right: auto !important; | ||
| 42 | text-align: left !important; | ||
| 43 | top: auto !important; | ||
| 44 | vertical-align: baseline !important; | ||
| 45 | width: auto !important; | ||
| 46 | box-sizing: content-box !important; | ||
| 47 | font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; | ||
| 48 | font-weight: normal !important; | ||
| 49 | font-style: normal !important; | ||
| 50 | font-size: 1em !important; | ||
| 51 | min-height: inherit !important; | ||
| 52 | min-height: auto !important; | ||
| 53 | white-space: nowrap !important; | ||
| 54 | } | ||
| 55 | |||
| 56 | .syntaxhighlighter { | ||
| 57 | width: 100% !important; | ||
| 58 | margin: 1em 0 1em 0 !important; | ||
| 59 | position: relative !important; | ||
| 60 | overflow-x: auto !important; | ||
| 61 | font-size: 1em !important; | ||
| 62 | border: 1px solid #eee; | ||
| 63 | } | ||
| 64 | .syntaxhighlighter.source { | ||
| 65 | overflow: hidden !important; | ||
| 66 | } | ||
| 67 | .syntaxhighlighter .bold { | ||
| 68 | font-weight: bold !important; | ||
| 69 | } | ||
| 70 | .syntaxhighlighter .italic { | ||
| 71 | font-style: italic !important; | ||
| 72 | } | ||
| 73 | .syntaxhighlighter .line { | ||
| 74 | white-space: pre !important; | ||
| 75 | } | ||
| 76 | x:-o-prefocus, .syntaxhighlighter .line { | ||
| 77 | white-space: normal !important; | ||
| 78 | } | ||
| 79 | |||
| 80 | .syntaxhighlighter table { | ||
| 81 | width: 100% !important; | ||
| 82 | } | ||
| 83 | .syntaxhighlighter table caption { | ||
| 84 | text-align: left !important; | ||
| 85 | padding: .5em 0 0.5em 1em !important; | ||
| 86 | } | ||
| 87 | .syntaxhighlighter table td.code { | ||
| 88 | width: 100% !important; | ||
| 89 | } | ||
| 90 | .syntaxhighlighter table td.code .container { | ||
| 91 | position: relative !important; | ||
| 92 | } | ||
| 93 | .syntaxhighlighter table td.code .container textarea { | ||
| 94 | box-sizing: border-box !important; | ||
| 95 | position: absolute !important; | ||
| 96 | left: 0 !important; | ||
| 97 | top: 0 !important; | ||
| 98 | width: 100% !important; | ||
| 99 | height: 100% !important; | ||
| 100 | border: none !important; | ||
| 101 | background: white !important; | ||
| 102 | padding-left: 1em !important; | ||
| 103 | overflow: hidden !important; | ||
| 104 | white-space: pre !important; | ||
| 105 | } | ||
| 106 | .syntaxhighlighter table td.gutter .line { | ||
| 107 | text-align: right !important; | ||
| 108 | /*padding: 0 0.5em 0 1em !important;*/ | ||
| 109 | } | ||
| 110 | .syntaxhighlighter table td.code .line { | ||
| 111 | padding: 5px !important; | ||
| 112 | } | ||
| 113 | .syntaxhighlighter.nogutter td.code .container textarea, .syntaxhighlighter.nogutter td.code .line { | ||
| 114 | padding-left: 0em !important; | ||
| 115 | } | ||
| 116 | .syntaxhighlighter.show { | ||
| 117 | display: block !important; | ||
| 118 | } | ||
| 119 | .syntaxhighlighter.collapsed table { | ||
| 120 | display: none !important; | ||
| 121 | } | ||
| 122 | .syntaxhighlighter.collapsed .toolbar { | ||
| 123 | padding: 0.1em 0.8em 0em 0.8em !important; | ||
| 124 | font-size: 1em !important; | ||
| 125 | position: static !important; | ||
| 126 | width: auto !important; | ||
| 127 | height: auto !important; | ||
| 128 | } | ||
| 129 | .syntaxhighlighter.collapsed .toolbar span { | ||
| 130 | display: inline !important; | ||
| 131 | margin-right: 1em !important; | ||
| 132 | } | ||
| 133 | .syntaxhighlighter.collapsed .toolbar span a { | ||
| 134 | padding: 0 !important; | ||
| 135 | display: none !important; | ||
| 136 | } | ||
| 137 | .syntaxhighlighter.collapsed .toolbar span a.expandSource { | ||
| 138 | display: inline !important; | ||
| 139 | } | ||
| 140 | .syntaxhighlighter .toolbar { | ||
| 141 | position: absolute !important; | ||
| 142 | right: 1px !important; | ||
| 143 | top: 1px !important; | ||
| 144 | width: 11px !important; | ||
| 145 | height: 11px !important; | ||
| 146 | font-size: 10px !important; | ||
| 147 | z-index: 10 !important; | ||
| 148 | } | ||
| 149 | .syntaxhighlighter .toolbar span.title { | ||
| 150 | display: inline !important; | ||
| 151 | } | ||
| 152 | .syntaxhighlighter .toolbar a { | ||
| 153 | display: block !important; | ||
| 154 | text-align: center !important; | ||
| 155 | text-decoration: none !important; | ||
| 156 | padding-top: 1px !important; | ||
| 157 | } | ||
| 158 | .syntaxhighlighter .toolbar a.expandSource { | ||
| 159 | display: none !important; | ||
| 160 | } | ||
| 161 | .syntaxhighlighter.ie { | ||
| 162 | font-size: .9em !important; | ||
| 163 | padding: 1px 0 1px 0 !important; | ||
| 164 | } | ||
| 165 | .syntaxhighlighter.ie .toolbar { | ||
| 166 | line-height: 8px !important; | ||
| 167 | } | ||
| 168 | .syntaxhighlighter.ie .toolbar a { | ||
| 169 | padding-top: 0px !important; | ||
| 170 | } | ||
| 171 | .syntaxhighlighter.printing .line.alt1 .content, | ||
| 172 | .syntaxhighlighter.printing .line.alt2 .content, | ||
| 173 | .syntaxhighlighter.printing .line.highlighted .number, | ||
| 174 | .syntaxhighlighter.printing .line.highlighted.alt1 .content, | ||
| 175 | .syntaxhighlighter.printing .line.highlighted.alt2 .content { | ||
| 176 | background: none !important; | ||
| 177 | } | ||
| 178 | .syntaxhighlighter.printing .line .number { | ||
| 179 | color: #bbbbbb !important; | ||
| 180 | } | ||
| 181 | .syntaxhighlighter.printing .line .content { | ||
| 182 | color: black !important; | ||
| 183 | } | ||
| 184 | .syntaxhighlighter.printing .toolbar { | ||
| 185 | display: none !important; | ||
| 186 | } | ||
| 187 | .syntaxhighlighter.printing a { | ||
| 188 | text-decoration: none !important; | ||
| 189 | } | ||
| 190 | .syntaxhighlighter.printing .plain, .syntaxhighlighter.printing .plain a { | ||
| 191 | color: black !important; | ||
| 192 | } | ||
| 193 | .syntaxhighlighter.printing .comments, .syntaxhighlighter.printing .comments a { | ||
| 194 | color: #008200 !important; | ||
| 195 | } | ||
| 196 | .syntaxhighlighter.printing .string, .syntaxhighlighter.printing .string a { | ||
| 197 | color: blue !important; | ||
| 198 | } | ||
| 199 | .syntaxhighlighter.printing .keyword { | ||
| 200 | color: #006699 !important; | ||
| 201 | font-weight: bold !important; | ||
| 202 | } | ||
| 203 | .syntaxhighlighter.printing .preprocessor { | ||
| 204 | color: gray !important; | ||
| 205 | } | ||
| 206 | .syntaxhighlighter.printing .variable { | ||
| 207 | color: #aa7700 !important; | ||
| 208 | } | ||
| 209 | .syntaxhighlighter.printing .value { | ||
| 210 | color: #009900 !important; | ||
| 211 | } | ||
| 212 | .syntaxhighlighter.printing .functions { | ||
| 213 | color: #ff1493 !important; | ||
| 214 | } | ||
| 215 | .syntaxhighlighter.printing .constants { | ||
| 216 | color: #0066cc !important; | ||
| 217 | } | ||
| 218 | .syntaxhighlighter.printing .script { | ||
| 219 | font-weight: bold !important; | ||
| 220 | } | ||
| 221 | .syntaxhighlighter.printing .color1, .syntaxhighlighter.printing .color1 a { | ||
| 222 | color: gray !important; | ||
| 223 | } | ||
| 224 | .syntaxhighlighter.printing .color2, .syntaxhighlighter.printing .color2 a { | ||
| 225 | color: #ff1493 !important; | ||
| 226 | } | ||
| 227 | .syntaxhighlighter.printing .color3, .syntaxhighlighter.printing .color3 a { | ||
| 228 | color: red !important; | ||
| 229 | } | ||
| 230 | .syntaxhighlighter.printing .break, .syntaxhighlighter.printing .break a { | ||
| 231 | color: black !important; | ||
| 232 | } |
css/shThemeDefault.css
0 → 100644
| 1 | /** | ||
| 2 | * SyntaxHighlighter | ||
| 3 | * http://alexgorbatchev.com/SyntaxHighlighter | ||
| 4 | * | ||
| 5 | * SyntaxHighlighter is donationware. If you are using it, please donate. | ||
| 6 | * http://alexgorbatchev.com/SyntaxHighlighter/donate.html | ||
| 7 | * | ||
| 8 | * @version | ||
| 9 | * 3.0.83 (July 02 2010) | ||
| 10 | * | ||
| 11 | * @copyright | ||
| 12 | * Copyright (C) 2004-2010 Alex Gorbatchev. | ||
| 13 | * | ||
| 14 | * @license | ||
| 15 | * Dual licensed under the MIT and GPL licenses. | ||
| 16 | */ | ||
| 17 | .syntaxhighlighter { | ||
| 18 | background-color: white !important; | ||
| 19 | } | ||
| 20 | .syntaxhighlighter .line.alt1 { | ||
| 21 | background-color: #eee !important; | ||
| 22 | } | ||
| 23 | .syntaxhighlighter .line.alt2 { | ||
| 24 | background-color: white !important; | ||
| 25 | } | ||
| 26 | .syntaxhighlighter .line.highlighted.alt1, .syntaxhighlighter .line.highlighted.alt2 { | ||
| 27 | background-color: #e0e0e0 !important; | ||
| 28 | } | ||
| 29 | .syntaxhighlighter .line.highlighted.number { | ||
| 30 | color: black !important; | ||
| 31 | } | ||
| 32 | .syntaxhighlighter table caption { | ||
| 33 | color: black !important; | ||
| 34 | } | ||
| 35 | .syntaxhighlighter .gutter { | ||
| 36 | display: none; | ||
| 37 | color: #afafaf !important; | ||
| 38 | } | ||
| 39 | .syntaxhighlighter .gutter .line { | ||
| 40 | /*border-right: 3px solid #6ce26c !important;*/ | ||
| 41 | } | ||
| 42 | .syntaxhighlighter .gutter .line.highlighted { | ||
| 43 | background-color: #6ce26c !important; | ||
| 44 | color: white !important; | ||
| 45 | } | ||
| 46 | .syntaxhighlighter.printing .line .content { | ||
| 47 | border: none !important; | ||
| 48 | } | ||
| 49 | .syntaxhighlighter.collapsed { | ||
| 50 | overflow: visible !important; | ||
| 51 | } | ||
| 52 | .syntaxhighlighter.collapsed .toolbar { | ||
| 53 | color: blue !important; | ||
| 54 | background: white !important; | ||
| 55 | border: 1px solid #6ce26c !important; | ||
| 56 | } | ||
| 57 | .syntaxhighlighter.collapsed .toolbar a { | ||
| 58 | color: blue !important; | ||
| 59 | } | ||
| 60 | .syntaxhighlighter.collapsed .toolbar a:hover { | ||
| 61 | color: red !important; | ||
| 62 | } | ||
| 63 | .syntaxhighlighter .toolbar { | ||
| 64 | display: none; | ||
| 65 | color: white !important; | ||
| 66 | background: #6ce26c !important; | ||
| 67 | border: none !important; | ||
| 68 | } | ||
| 69 | .syntaxhighlighter .toolbar a { | ||
| 70 | color: white !important; | ||
| 71 | } | ||
| 72 | .syntaxhighlighter .toolbar a:hover { | ||
| 73 | color: black !important; | ||
| 74 | } | ||
| 75 | .syntaxhighlighter .plain, .syntaxhighlighter .plain a { | ||
| 76 | color: black !important; | ||
| 77 | } | ||
| 78 | .syntaxhighlighter .comments, .syntaxhighlighter .comments a { | ||
| 79 | color: #008200 !important; | ||
| 80 | } | ||
| 81 | .syntaxhighlighter .string, .syntaxhighlighter .string a { | ||
| 82 | color: blue !important; | ||
| 83 | } | ||
| 84 | .syntaxhighlighter .keyword { | ||
| 85 | color: #006699 !important; | ||
| 86 | } | ||
| 87 | .syntaxhighlighter .preprocessor { | ||
| 88 | color: gray !important; | ||
| 89 | } | ||
| 90 | .syntaxhighlighter .variable { | ||
| 91 | color: #aa7700 !important; | ||
| 92 | } | ||
| 93 | .syntaxhighlighter .value { | ||
| 94 | color: #009900 !important; | ||
| 95 | } | ||
| 96 | .syntaxhighlighter .functions { | ||
| 97 | color: #ff1493 !important; | ||
| 98 | } | ||
| 99 | .syntaxhighlighter .constants { | ||
| 100 | color: #0066cc !important; | ||
| 101 | } | ||
| 102 | .syntaxhighlighter .script { | ||
| 103 | font-weight: bold !important; | ||
| 104 | color: #006699 !important; | ||
| 105 | background-color: none !important; | ||
| 106 | } | ||
| 107 | .syntaxhighlighter .color1, .syntaxhighlighter .color1 a { | ||
| 108 | color: gray !important; | ||
| 109 | } | ||
| 110 | .syntaxhighlighter .color2, .syntaxhighlighter .color2 a { | ||
| 111 | color: #ff1493 !important; | ||
| 112 | } | ||
| 113 | .syntaxhighlighter .color3, .syntaxhighlighter .color3 a { | ||
| 114 | color: red !important; | ||
| 115 | } | ||
| 116 | |||
| 117 | .syntaxhighlighter .keyword { | ||
| 118 | font-weight: bold !important; | ||
| 119 | } |
css/site.css
0 → 100644
This diff is collapsed.
Click to expand it.
css/site.min.css
0 → 100644
This diff could not be displayed because it is too large.
documentation.html
0 → 100644
This diff could not be displayed because it is too large.
fonts/glyphicons-halflings-regular.eot
0 → 100644
No preview for this file type
fonts/glyphicons-halflings-regular.svg
0 → 100644
This diff is collapsed.
Click to expand it.
fonts/glyphicons-halflings-regular.ttf
0 → 100644
No preview for this file type
fonts/glyphicons-halflings-regular.woff
0 → 100644
No preview for this file type
getting-started.html
0 → 100644
This diff is collapsed.
Click to expand it.
img/Jumbotron.jpg
0 → 100644
50.6 KB
img/divider.png
0 → 100644
72.5 KB
img/feature-bootstrap.png
0 → 100644
3.59 KB
img/feature-css.png
0 → 100644
6.15 KB
img/feature-lightweight.png
0 → 100644
7.87 KB
img/feature-mobile.png
0 → 100644
3.64 KB
img/footer-logo.png
0 → 100644
2.18 KB
img/index.png
0 → 100644
167 KB
img/logo-index.png
0 → 100644
12 KB
img/logo.png
0 → 100644
6.71 KB
img/slider1.jpg
0 → 100644
24.9 KB
img/slider2.jpg
0 → 100644
38 KB
img/slider3.jpg
0 → 100644
43.3 KB
img/wild_flowers.png
0 → 100644
132 KB
index.html
0 → 100644
This diff is collapsed.
Click to expand it.
js/application.js
0 → 100644
| 1 | // NOTICE!! DO NOT USE ANY OF THIS JAVASCRIPT | ||
| 2 | // IT'S ALL JUST JUNK FOR OUR DOCS! | ||
| 3 | // ++++++++++++++++++++++++++++++++++++++++++ | ||
| 4 | |||
| 5 | !function ($) { | ||
| 6 | $(function(){ | ||
| 7 | |||
| 8 | Holder.add_theme("new", { background: "#AC92EC", foreground: "#fff", size: 12 }).run() | ||
| 9 | |||
| 10 | $('.tooltip-demo').tooltip({ | ||
| 11 | selector: "[data-toggle=tooltip]", | ||
| 12 | container: "body" | ||
| 13 | }) | ||
| 14 | |||
| 15 | $('.checkbox input').iCheck({ | ||
| 16 | checkboxClass: 'icheckbox_flat', | ||
| 17 | increaseArea: '20%' | ||
| 18 | }) | ||
| 19 | |||
| 20 | $('.radio input').iCheck({ | ||
| 21 | radioClass: 'iradio_flat', | ||
| 22 | increaseArea: '20%' | ||
| 23 | }) | ||
| 24 | |||
| 25 | $("#accordion1").collapse({ | ||
| 26 | accordion: true, | ||
| 27 | open: function() { | ||
| 28 | this.addClass("open"); | ||
| 29 | this.css({ height: this.children().outerHeight() }); | ||
| 30 | }, | ||
| 31 | close: function() { | ||
| 32 | this.css({ height: "0" }); | ||
| 33 | this.removeClass("open"); | ||
| 34 | } | ||
| 35 | }); | ||
| 36 | |||
| 37 | $("#accordion2").collapse({ | ||
| 38 | accordion: true, | ||
| 39 | open: function() { | ||
| 40 | this.addClass("open"); | ||
| 41 | this.css({ height: this.children().outerHeight() }); | ||
| 42 | }, | ||
| 43 | close: function() { | ||
| 44 | this.css({ height: "0" }); | ||
| 45 | this.removeClass("open"); | ||
| 46 | } | ||
| 47 | }); | ||
| 48 | |||
| 49 | }) | ||
| 50 | }(window.jQuery) | ||
| 51 |
js/bootstrap.min.js
0 → 100644
This diff is collapsed.
Click to expand it.
js/holder.js
0 → 100644
This diff is collapsed.
Click to expand it.
js/html5shiv.js
0 → 100644
| 1 | /* | ||
| 2 | HTML5 Shiv v3.6.2pre | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed | ||
| 3 | */ | ||
| 4 | (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(); | ||
| 5 | 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>"; | ||
| 6 | 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|| | ||
| 7 | "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(); | ||
| 8 | 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); |
js/jquery-1.10.1.min.js
0 → 100644
This diff is collapsed.
Click to expand it.
js/respond.min.js
0 → 100644
| 1 | /*! matchMedia() polyfill - Test a CSS media type/query in JS. Authors & copyright (c) 2012: Scott Jehl, Paul Irish, Nicholas Zakas. Dual MIT/BSD license */ | ||
| 2 | /*! NOTE: If you're already including a window.matchMedia polyfill via Modernizr or otherwise, you don't need this part */ | ||
| 3 | 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='­<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); | ||
| 4 | |||
| 5 | /*! Respond.js v1.1.0: min/max-width media query polyfill. (c) Scott Jehl. MIT/GPLv2 Lic. j.mp/respondjs */ | ||
| 6 | (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); |
js/site.min.js
0 → 100644
This diff could not be displayed because it is too large.
package.json
0 → 100644
| 1 | { | ||
| 2 | "name": "Bootflat", | ||
| 3 | "private": false, | ||
| 4 | "version": "2.0.0", | ||
| 5 | "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.", | ||
| 6 | "author":"Flathemes", | ||
| 7 | "license": "MIT", | ||
| 8 | "devDependencies": { | ||
| 9 | "grunt": "~0.4.1", | ||
| 10 | "grunt-contrib-cssmin": "~0.7.0", | ||
| 11 | "grunt-contrib-copy": "~0.4.1", | ||
| 12 | "grunt-contrib-concat": "~0.3.0", | ||
| 13 | "grunt-contrib-uglify": "~0.2.4", | ||
| 14 | "grunt-contrib-jshint": "~0.6.4", | ||
| 15 | "grunt-contrib-sass": "~0.5.0", | ||
| 16 | "load-grunt-tasks": "~0.2.0" | ||
| 17 | } | ||
| 18 | } | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
-
Please register or sign in to post a comment