rails_admin_material 0.1.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/MIT-LICENSE +20 -0
- data/README.md +25 -0
- data/Rakefile +24 -0
- data/lib/rails_admin_material.rb +4 -0
- data/lib/rails_admin_material/engine.rb +4 -0
- data/lib/rails_admin_material/version.rb +3 -0
- data/vendor/assets/javascripts/rails_admin/themes/material/bootstrap-material-design/material.js +352 -0
- data/vendor/assets/javascripts/rails_admin/themes/material/bootstrap-material-design/material.min.js +2 -0
- data/vendor/assets/javascripts/rails_admin/themes/material/bootstrap-material-design/material.min.js.map +1 -0
- data/vendor/assets/javascripts/rails_admin/themes/material/bootstrap-material-design/ripples.js +324 -0
- data/vendor/assets/javascripts/rails_admin/themes/material/bootstrap-material-design/ripples.min.js +2 -0
- data/vendor/assets/javascripts/rails_admin/themes/material/bootstrap-material-design/ripples.min.js.map +1 -0
- data/vendor/assets/javascripts/rails_admin/themes/material/ui.js +6 -0
- data/vendor/assets/stylesheets/bootstrap/variables.scss +874 -0
- data/vendor/assets/stylesheets/rails_admin/themes/material/bootstrap-material-design/_alerts.scss +19 -0
- data/vendor/assets/stylesheets/rails_admin/themes/material/bootstrap-material-design/_buttons.scss +246 -0
- data/vendor/assets/stylesheets/rails_admin/themes/material/bootstrap-material-design/_cards.scss +68 -0
- data/vendor/assets/stylesheets/rails_admin/themes/material/bootstrap-material-design/_checkboxes.scss +272 -0
- data/vendor/assets/stylesheets/rails_admin/themes/material/bootstrap-material-design/_colors-map.scss +311 -0
- data/vendor/assets/stylesheets/rails_admin/themes/material/bootstrap-material-design/_colors.scss +361 -0
- data/vendor/assets/stylesheets/rails_admin/themes/material/bootstrap-material-design/_core.scss +95 -0
- data/vendor/assets/stylesheets/rails_admin/themes/material/bootstrap-material-design/_dialogs.scss +54 -0
- data/vendor/assets/stylesheets/rails_admin/themes/material/bootstrap-material-design/_dividers.scss +73 -0
- data/vendor/assets/stylesheets/rails_admin/themes/material/bootstrap-material-design/_form.scss +42 -0
- data/vendor/assets/stylesheets/rails_admin/themes/material/bootstrap-material-design/_import-bs-less.scss +4 -0
- data/vendor/assets/stylesheets/rails_admin/themes/material/bootstrap-material-design/_import-bs-sass.scss +1 -0
- data/vendor/assets/stylesheets/rails_admin/themes/material/bootstrap-material-design/_inputs-size.scss +223 -0
- data/vendor/assets/stylesheets/rails_admin/themes/material/bootstrap-material-design/_inputs.scss +354 -0
- data/vendor/assets/stylesheets/rails_admin/themes/material/bootstrap-material-design/_labels.scss +6 -0
- data/vendor/assets/stylesheets/rails_admin/themes/material/bootstrap-material-design/_lists.scss +104 -0
- data/vendor/assets/stylesheets/rails_admin/themes/material/bootstrap-material-design/_mixins-utilities.scss +31 -0
- data/vendor/assets/stylesheets/rails_admin/themes/material/bootstrap-material-design/_mixins.scss +242 -0
- data/vendor/assets/stylesheets/rails_admin/themes/material/bootstrap-material-design/_navbar.scss +212 -0
- data/vendor/assets/stylesheets/rails_admin/themes/material/bootstrap-material-design/_panels.scss +23 -0
- data/vendor/assets/stylesheets/rails_admin/themes/material/bootstrap-material-design/_plugins.scss +7 -0
- data/vendor/assets/stylesheets/rails_admin/themes/material/bootstrap-material-design/_popups.scss +20 -0
- data/vendor/assets/stylesheets/rails_admin/themes/material/bootstrap-material-design/_progress.scss +12 -0
- data/vendor/assets/stylesheets/rails_admin/themes/material/bootstrap-material-design/_radios.scss +117 -0
- data/vendor/assets/stylesheets/rails_admin/themes/material/bootstrap-material-design/_shadows.scss +84 -0
- data/vendor/assets/stylesheets/rails_admin/themes/material/bootstrap-material-design/_tabs.scss +26 -0
- data/vendor/assets/stylesheets/rails_admin/themes/material/bootstrap-material-design/_themes.scss +8 -0
- data/vendor/assets/stylesheets/rails_admin/themes/material/bootstrap-material-design/_togglebutton.scss +85 -0
- data/vendor/assets/stylesheets/rails_admin/themes/material/bootstrap-material-design/_typography.scss +17 -0
- data/vendor/assets/stylesheets/rails_admin/themes/material/bootstrap-material-design/_variables.scss +174 -0
- data/vendor/assets/stylesheets/rails_admin/themes/material/bootstrap-material-design/_welljumbo.scss +28 -0
- data/vendor/assets/stylesheets/rails_admin/themes/material/bootstrap-material-design/bootstrap-material-design.scss +6 -0
- data/vendor/assets/stylesheets/rails_admin/themes/material/bootstrap-material-design/plugins/_plugin-dropdownjs.scss +17 -0
- data/vendor/assets/stylesheets/rails_admin/themes/material/bootstrap-material-design/plugins/_plugin-nouislider.scss +112 -0
- data/vendor/assets/stylesheets/rails_admin/themes/material/bootstrap-material-design/plugins/_plugin-selectize.scss +93 -0
- data/vendor/assets/stylesheets/rails_admin/themes/material/bootstrap-material-design/plugins/_plugin-snackbarjs.scss +34 -0
- data/vendor/assets/stylesheets/rails_admin/themes/material/bootstrap-material-design/ripples.scss +38 -0
- data/vendor/assets/stylesheets/rails_admin/themes/material/mixins.scss +5 -0
- data/vendor/assets/stylesheets/rails_admin/themes/material/theming.scss +124 -0
- data/vendor/assets/stylesheets/rails_admin/themes/material/variables.scss +32 -0
- metadata +98 -0
data/vendor/assets/javascripts/rails_admin/themes/material/bootstrap-material-design/material.min.js
ADDED
@@ -0,0 +1,2 @@
|
|
1
|
+
!function(a){function b(a){return"undefined"==typeof a.which?!0:"number"==typeof a.which&&a.which>0?!a.ctrlKey&&!a.metaKey&&!a.altKey&&8!=a.which&&9!=a.which&&13!=a.which&&16!=a.which&&17!=a.which&&20!=a.which&&27!=a.which:!1}function c(b){var c=a(b);c.prop("disabled")||c.closest(".form-group").addClass("is-focused")}function d(a,b){var c;return c=a.hasClass("checkbox-inline")||a.hasClass("radio-inline")?a:a.closest(".checkbox").length?a.closest(".checkbox"):a.closest(".radio"),c.toggleClass("disabled",b)}function e(b){var e=!1;(b.is(a.material.options.checkboxElements)||b.is(a.material.options.radioElements))&&(e=!0),b.closest("label").hover(function(){var b=a(this).find("input"),f=b.prop("disabled");e&&d(a(this),f),f||c(b)},function(){f(a(this).find("input"))})}function f(b){a(b).closest(".form-group").removeClass("is-focused")}a.expr[":"].notmdproc=function(b){return a(b).data("mdproc")?!1:!0},a.material={options:{validate:!0,input:!0,ripples:!0,checkbox:!0,togglebutton:!0,radio:!0,arrive:!0,autofill:!1,withRipples:[".btn:not(.btn-link)",".card-image",".navbar a:not(.withoutripple)",".dropdown-menu a",".nav-tabs a:not(.withoutripple)",".withripple",".pagination li:not(.active):not(.disabled) a:not(.withoutripple)"].join(","),inputElements:"input.form-control, textarea.form-control, select.form-control",checkboxElements:".checkbox > label > input[type=checkbox], label.checkbox-inline > input[type=checkbox]",togglebuttonElements:".togglebutton > label > input[type=checkbox]",radioElements:".radio > label > input[type=radio], label.radio-inline > input[type=radio]"},checkbox:function(b){var c=a(b?b:this.options.checkboxElements).filter(":notmdproc").data("mdproc",!0).after("<span class='checkbox-material'><span class='check'></span></span>");e(c)},togglebutton:function(b){var c=a(b?b:this.options.togglebuttonElements).filter(":notmdproc").data("mdproc",!0).after("<span class='toggle'></span>");e(c)},radio:function(b){var c=a(b?b:this.options.radioElements).filter(":notmdproc").data("mdproc",!0).after("<span class='circle'></span><span class='check'></span>");e(c)},input:function(b){a(b?b:this.options.inputElements).filter(":notmdproc").data("mdproc",!0).each(function(){var b=a(this),c=b.closest(".form-group");0!==c.length||"hidden"===b.attr("type")||b.attr("hidden")||(b.wrap("<div class='form-group'></div>"),c=b.closest(".form-group")),b.attr("data-hint")&&(b.after("<p class='help-block'>"+b.attr("data-hint")+"</p>"),b.removeAttr("data-hint"));var d={"input-lg":"form-group-lg","input-sm":"form-group-sm"};if(a.each(d,function(a,d){b.hasClass(a)&&(b.removeClass(a),c.addClass(d))}),b.hasClass("floating-label")){var e=b.attr("placeholder");b.attr("placeholder",null).removeClass("floating-label");var f=b.attr("id"),g="";f&&(g="for='"+f+"'"),c.addClass("label-floating"),b.after("<label "+g+"class='control-label'>"+e+"</label>")}(null===b.val()||"undefined"==b.val()||""===b.val())&&c.addClass("is-empty"),c.find("input[type=file]").length>0&&c.addClass("is-fileinput")})},attachInputEventHandlers:function(){var d=this.options.validate;a(document).on("keydown paste",".form-control",function(c){b(c)&&a(this).closest(".form-group").removeClass("is-empty")}).on("keyup change",".form-control",function(){var b=a(this),c=b.closest(".form-group"),e="undefined"==typeof b[0].checkValidity||b[0].checkValidity();""===b.val()?c.addClass("is-empty"):c.removeClass("is-empty"),d&&(e?c.removeClass("has-error"):c.addClass("has-error"))}).on("focus",".form-control, .form-group.is-fileinput",function(){c(this)}).on("blur",".form-control, .form-group.is-fileinput",function(){f(this)}).on("change",".form-group input",function(){var b=a(this);if("file"!=b.attr("type")){var c=b.closest(".form-group"),d=b.val();d?c.removeClass("is-empty"):c.addClass("is-empty")}}).on("change",".form-group.is-fileinput input[type='file']",function(){var b=a(this),c=b.closest(".form-group"),d="";a.each(this.files,function(a,b){d+=b.name+", "}),d=d.substring(0,d.length-2),d?c.removeClass("is-empty"):c.addClass("is-empty"),c.find("input.form-control[readonly]").val(d)})},ripples:function(b){a(b?b:this.options.withRipples).ripples()},autofill:function(){var b=setInterval(function(){a("input[type!=checkbox]").each(function(){var b=a(this);b.val()&&b.val()!==b.attr("value")&&b.trigger("change")})},100);setTimeout(function(){clearInterval(b)},1e4)},attachAutofillEventHandlers:function(){var b;a(document).on("focus","input",function(){var c=a(this).parents("form").find("input").not("[type=file]");b=setInterval(function(){c.each(function(){var b=a(this);b.val()!==b.attr("value")&&b.trigger("change")})},100)}).on("blur",".form-group input",function(){clearInterval(b)})},init:function(b){this.options=a.extend({},this.options,b);var c=a(document);a.fn.ripples&&this.options.ripples&&this.ripples(),this.options.input&&(this.input(),this.attachInputEventHandlers()),this.options.checkbox&&this.checkbox(),this.options.togglebutton&&this.togglebutton(),this.options.radio&&this.radio(),this.options.autofill&&(this.autofill(),this.attachAutofillEventHandlers()),document.arrive&&this.options.arrive&&(a.fn.ripples&&this.options.ripples&&c.arrive(this.options.withRipples,function(){a.material.ripples(a(this))}),this.options.input&&c.arrive(this.options.inputElements,function(){a.material.input(a(this))}),this.options.checkbox&&c.arrive(this.options.checkboxElements,function(){a.material.checkbox(a(this))}),this.options.radio&&c.arrive(this.options.radioElements,function(){a.material.radio(a(this))}),this.options.togglebutton&&c.arrive(this.options.togglebuttonElements,function(){a.material.togglebutton(a(this))}))}}}(jQuery);
|
2
|
+
//# sourceMappingURL=material.min.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["material.js"],"names":["$","_isChar","evt","which","ctrlKey","metaKey","altKey","_addFormGroupFocus","element","$element","prop","closest","addClass","_toggleDisabledState","state","$target","hasClass","length","toggleClass","_toggleTypeFocus","$input","disabledToggleType","is","material","options","checkboxElements","radioElements","hover","$i","this","find","isDisabled","_removeFormGroupFocus","removeClass","expr","notmdproc","obj","data","validate","input","ripples","checkbox","togglebutton","radio","arrive","autofill","withRipples","join","inputElements","togglebuttonElements","selector","filter","after","each","$formGroup","attr","wrap","removeAttr","legacySizes","input-lg","input-sm","legacySize","standardSize","placeholder","id","forAttribute","val","attachInputEventHandlers","document","on","e","isValid","checkValidity","value","files","i","file","name","substring","loading","setInterval","$this","trigger","setTimeout","clearInterval","attachAutofillEventHandlers","focused","$inputs","parents","not","init","extend","$document","fn","jQuery"],"mappings":"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","file":"material.min.js"}
|
data/vendor/assets/javascripts/rails_admin/themes/material/bootstrap-material-design/ripples.js
ADDED
@@ -0,0 +1,324 @@
|
|
1
|
+
/* Copyright 2014+, Federico Zivolo, LICENSE at https://github.com/FezVrasta/bootstrap-material-design/blob/master/LICENSE.md */
|
2
|
+
/* globals jQuery, navigator */
|
3
|
+
|
4
|
+
(function($, window, document, undefined) {
|
5
|
+
|
6
|
+
"use strict";
|
7
|
+
|
8
|
+
/**
|
9
|
+
* Define the name of the plugin
|
10
|
+
*/
|
11
|
+
var ripples = "ripples";
|
12
|
+
|
13
|
+
|
14
|
+
/**
|
15
|
+
* Get an instance of the plugin
|
16
|
+
*/
|
17
|
+
var self = null;
|
18
|
+
|
19
|
+
|
20
|
+
/**
|
21
|
+
* Define the defaults of the plugin
|
22
|
+
*/
|
23
|
+
var defaults = {};
|
24
|
+
|
25
|
+
|
26
|
+
/**
|
27
|
+
* Create the main plugin function
|
28
|
+
*/
|
29
|
+
function Ripples(element, options) {
|
30
|
+
self = this;
|
31
|
+
|
32
|
+
this.element = $(element);
|
33
|
+
|
34
|
+
this.options = $.extend({}, defaults, options);
|
35
|
+
|
36
|
+
this._defaults = defaults;
|
37
|
+
this._name = ripples;
|
38
|
+
|
39
|
+
this.init();
|
40
|
+
}
|
41
|
+
|
42
|
+
|
43
|
+
/**
|
44
|
+
* Initialize the plugin
|
45
|
+
*/
|
46
|
+
Ripples.prototype.init = function() {
|
47
|
+
var $element = this.element;
|
48
|
+
|
49
|
+
$element.on("mousedown touchstart", function(event) {
|
50
|
+
/**
|
51
|
+
* Verify if the user is just touching on a device and return if so
|
52
|
+
*/
|
53
|
+
if(self.isTouch() && event.type === "mousedown") {
|
54
|
+
return;
|
55
|
+
}
|
56
|
+
|
57
|
+
|
58
|
+
/**
|
59
|
+
* Verify if the current element already has a ripple wrapper element and
|
60
|
+
* creates if it doesn't
|
61
|
+
*/
|
62
|
+
if(!($element.find(".ripple-container").length)) {
|
63
|
+
$element.append("<div class=\"ripple-container\"></div>");
|
64
|
+
}
|
65
|
+
|
66
|
+
|
67
|
+
/**
|
68
|
+
* Find the ripple wrapper
|
69
|
+
*/
|
70
|
+
var $wrapper = $element.children(".ripple-container");
|
71
|
+
|
72
|
+
|
73
|
+
/**
|
74
|
+
* Get relY and relX positions
|
75
|
+
*/
|
76
|
+
var relY = self.getRelY($wrapper, event);
|
77
|
+
var relX = self.getRelX($wrapper, event);
|
78
|
+
|
79
|
+
|
80
|
+
/**
|
81
|
+
* If relY and/or relX are false, return the event
|
82
|
+
*/
|
83
|
+
if(!relY && !relX) {
|
84
|
+
return;
|
85
|
+
}
|
86
|
+
|
87
|
+
|
88
|
+
/**
|
89
|
+
* Get the ripple color
|
90
|
+
*/
|
91
|
+
var rippleColor = self.getRipplesColor($element);
|
92
|
+
|
93
|
+
|
94
|
+
/**
|
95
|
+
* Create the ripple element
|
96
|
+
*/
|
97
|
+
var $ripple = $("<div></div>");
|
98
|
+
|
99
|
+
$ripple
|
100
|
+
.addClass("ripple")
|
101
|
+
.css({
|
102
|
+
"left": relX,
|
103
|
+
"top": relY,
|
104
|
+
"background-color": rippleColor
|
105
|
+
});
|
106
|
+
|
107
|
+
|
108
|
+
/**
|
109
|
+
* Append the ripple to the wrapper
|
110
|
+
*/
|
111
|
+
$wrapper.append($ripple);
|
112
|
+
|
113
|
+
|
114
|
+
/**
|
115
|
+
* Make sure the ripple has the styles applied (ugly hack but it works)
|
116
|
+
*/
|
117
|
+
(function() { return window.getComputedStyle($ripple[0]).opacity; })();
|
118
|
+
|
119
|
+
|
120
|
+
/**
|
121
|
+
* Turn on the ripple animation
|
122
|
+
*/
|
123
|
+
self.rippleOn($element, $ripple);
|
124
|
+
|
125
|
+
|
126
|
+
/**
|
127
|
+
* Call the rippleEnd function when the transition "on" ends
|
128
|
+
*/
|
129
|
+
setTimeout(function() {
|
130
|
+
self.rippleEnd($ripple);
|
131
|
+
}, 500);
|
132
|
+
|
133
|
+
|
134
|
+
/**
|
135
|
+
* Detect when the user leaves the element
|
136
|
+
*/
|
137
|
+
$element.on("mouseup mouseleave touchend", function() {
|
138
|
+
$ripple.data("mousedown", "off");
|
139
|
+
|
140
|
+
if($ripple.data("animating") === "off") {
|
141
|
+
self.rippleOut($ripple);
|
142
|
+
}
|
143
|
+
});
|
144
|
+
|
145
|
+
});
|
146
|
+
};
|
147
|
+
|
148
|
+
|
149
|
+
/**
|
150
|
+
* Get the new size based on the element height/width and the ripple width
|
151
|
+
*/
|
152
|
+
Ripples.prototype.getNewSize = function($element, $ripple) {
|
153
|
+
|
154
|
+
return (Math.max($element.outerWidth(), $element.outerHeight()) / $ripple.outerWidth()) * 2.5;
|
155
|
+
};
|
156
|
+
|
157
|
+
|
158
|
+
/**
|
159
|
+
* Get the relX
|
160
|
+
*/
|
161
|
+
Ripples.prototype.getRelX = function($wrapper, event) {
|
162
|
+
var wrapperOffset = $wrapper.offset();
|
163
|
+
|
164
|
+
if(!self.isTouch()) {
|
165
|
+
/**
|
166
|
+
* Get the mouse position relative to the ripple wrapper
|
167
|
+
*/
|
168
|
+
return event.pageX - wrapperOffset.left;
|
169
|
+
} else {
|
170
|
+
/**
|
171
|
+
* Make sure the user is using only one finger and then get the touch
|
172
|
+
* position relative to the ripple wrapper
|
173
|
+
*/
|
174
|
+
event = event.originalEvent;
|
175
|
+
|
176
|
+
if(event.touches.length === 1) {
|
177
|
+
return event.touches[0].pageX - wrapperOffset.left;
|
178
|
+
}
|
179
|
+
|
180
|
+
return false;
|
181
|
+
}
|
182
|
+
};
|
183
|
+
|
184
|
+
|
185
|
+
/**
|
186
|
+
* Get the relY
|
187
|
+
*/
|
188
|
+
Ripples.prototype.getRelY = function($wrapper, event) {
|
189
|
+
var wrapperOffset = $wrapper.offset();
|
190
|
+
|
191
|
+
if(!self.isTouch()) {
|
192
|
+
/**
|
193
|
+
* Get the mouse position relative to the ripple wrapper
|
194
|
+
*/
|
195
|
+
return event.pageY - wrapperOffset.top;
|
196
|
+
} else {
|
197
|
+
/**
|
198
|
+
* Make sure the user is using only one finger and then get the touch
|
199
|
+
* position relative to the ripple wrapper
|
200
|
+
*/
|
201
|
+
event = event.originalEvent;
|
202
|
+
|
203
|
+
if(event.touches.length === 1) {
|
204
|
+
return event.touches[0].pageY - wrapperOffset.top;
|
205
|
+
}
|
206
|
+
|
207
|
+
return false;
|
208
|
+
}
|
209
|
+
};
|
210
|
+
|
211
|
+
|
212
|
+
/**
|
213
|
+
* Get the ripple color
|
214
|
+
*/
|
215
|
+
Ripples.prototype.getRipplesColor = function($element) {
|
216
|
+
|
217
|
+
var color = $element.data("ripple-color") ? $element.data("ripple-color") : window.getComputedStyle($element[0]).color;
|
218
|
+
|
219
|
+
return color;
|
220
|
+
};
|
221
|
+
|
222
|
+
|
223
|
+
/**
|
224
|
+
* Verify if the client browser has transistion support
|
225
|
+
*/
|
226
|
+
Ripples.prototype.hasTransitionSupport = function() {
|
227
|
+
var thisBody = document.body || document.documentElement;
|
228
|
+
var thisStyle = thisBody.style;
|
229
|
+
|
230
|
+
var support = (
|
231
|
+
thisStyle.transition !== undefined ||
|
232
|
+
thisStyle.WebkitTransition !== undefined ||
|
233
|
+
thisStyle.MozTransition !== undefined ||
|
234
|
+
thisStyle.MsTransition !== undefined ||
|
235
|
+
thisStyle.OTransition !== undefined
|
236
|
+
);
|
237
|
+
|
238
|
+
return support;
|
239
|
+
};
|
240
|
+
|
241
|
+
|
242
|
+
/**
|
243
|
+
* Verify if the client is using a mobile device
|
244
|
+
*/
|
245
|
+
Ripples.prototype.isTouch = function() {
|
246
|
+
return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
|
247
|
+
};
|
248
|
+
|
249
|
+
|
250
|
+
/**
|
251
|
+
* End the animation of the ripple
|
252
|
+
*/
|
253
|
+
Ripples.prototype.rippleEnd = function($ripple) {
|
254
|
+
$ripple.data("animating", "off");
|
255
|
+
|
256
|
+
if($ripple.data("mousedown") === "off") {
|
257
|
+
self.rippleOut($ripple);
|
258
|
+
}
|
259
|
+
};
|
260
|
+
|
261
|
+
|
262
|
+
/**
|
263
|
+
* Turn off the ripple effect
|
264
|
+
*/
|
265
|
+
Ripples.prototype.rippleOut = function($ripple) {
|
266
|
+
$ripple.off();
|
267
|
+
|
268
|
+
if(self.hasTransitionSupport()) {
|
269
|
+
$ripple.addClass("ripple-out");
|
270
|
+
} else {
|
271
|
+
$ripple.animate({"opacity": 0}, 100, function() {
|
272
|
+
$ripple.trigger("transitionend");
|
273
|
+
});
|
274
|
+
}
|
275
|
+
|
276
|
+
$ripple.on("transitionend webkitTransitionEnd oTransitionEnd MSTransitionEnd", function() {
|
277
|
+
$ripple.remove();
|
278
|
+
});
|
279
|
+
};
|
280
|
+
|
281
|
+
|
282
|
+
/**
|
283
|
+
* Turn on the ripple effect
|
284
|
+
*/
|
285
|
+
Ripples.prototype.rippleOn = function($element, $ripple) {
|
286
|
+
var size = self.getNewSize($element, $ripple);
|
287
|
+
|
288
|
+
if(self.hasTransitionSupport()) {
|
289
|
+
$ripple
|
290
|
+
.css({
|
291
|
+
"-ms-transform": "scale(" + size + ")",
|
292
|
+
"-moz-transform": "scale(" + size + ")",
|
293
|
+
"-webkit-transform": "scale(" + size + ")",
|
294
|
+
"transform": "scale(" + size + ")"
|
295
|
+
})
|
296
|
+
.addClass("ripple-on")
|
297
|
+
.data("animating", "on")
|
298
|
+
.data("mousedown", "on");
|
299
|
+
} else {
|
300
|
+
$ripple.animate({
|
301
|
+
"width": Math.max($element.outerWidth(), $element.outerHeight()) * 2,
|
302
|
+
"height": Math.max($element.outerWidth(), $element.outerHeight()) * 2,
|
303
|
+
"margin-left": Math.max($element.outerWidth(), $element.outerHeight()) * (-1),
|
304
|
+
"margin-top": Math.max($element.outerWidth(), $element.outerHeight()) * (-1),
|
305
|
+
"opacity": 0.2
|
306
|
+
}, 500, function() {
|
307
|
+
$ripple.trigger("transitionend");
|
308
|
+
});
|
309
|
+
}
|
310
|
+
};
|
311
|
+
|
312
|
+
|
313
|
+
/**
|
314
|
+
* Create the jquery plugin function
|
315
|
+
*/
|
316
|
+
$.fn.ripples = function(options) {
|
317
|
+
return this.each(function() {
|
318
|
+
if(!$.data(this, "plugin_" + ripples)) {
|
319
|
+
$.data(this, "plugin_" + ripples, new Ripples(this, options));
|
320
|
+
}
|
321
|
+
});
|
322
|
+
};
|
323
|
+
|
324
|
+
})(jQuery, window, document);
|
data/vendor/assets/javascripts/rails_admin/themes/material/bootstrap-material-design/ripples.min.js
ADDED
@@ -0,0 +1,2 @@
|
|
1
|
+
!function(a,b,c,d){"use strict";function e(b,c){g=this,this.element=a(b),this.options=a.extend({},h,c),this._defaults=h,this._name=f,this.init()}var f="ripples",g=null,h={};e.prototype.init=function(){var c=this.element;c.on("mousedown touchstart",function(d){if(!g.isTouch()||"mousedown"!==d.type){c.find(".ripple-container").length||c.append('<div class="ripple-container"></div>');var e=c.children(".ripple-container"),f=g.getRelY(e,d),h=g.getRelX(e,d);if(f||h){var i=g.getRipplesColor(c),j=a("<div></div>");j.addClass("ripple").css({left:h,top:f,"background-color":i}),e.append(j),function(){return b.getComputedStyle(j[0]).opacity}(),g.rippleOn(c,j),setTimeout(function(){g.rippleEnd(j)},500),c.on("mouseup mouseleave touchend",function(){j.data("mousedown","off"),"off"===j.data("animating")&&g.rippleOut(j)})}}})},e.prototype.getNewSize=function(a,b){return Math.max(a.outerWidth(),a.outerHeight())/b.outerWidth()*2.5},e.prototype.getRelX=function(a,b){var c=a.offset();return g.isTouch()?(b=b.originalEvent,1===b.touches.length?b.touches[0].pageX-c.left:!1):b.pageX-c.left},e.prototype.getRelY=function(a,b){var c=a.offset();return g.isTouch()?(b=b.originalEvent,1===b.touches.length?b.touches[0].pageY-c.top:!1):b.pageY-c.top},e.prototype.getRipplesColor=function(a){var c=a.data("ripple-color")?a.data("ripple-color"):b.getComputedStyle(a[0]).color;return c},e.prototype.hasTransitionSupport=function(){var a=c.body||c.documentElement,b=a.style,e=b.transition!==d||b.WebkitTransition!==d||b.MozTransition!==d||b.MsTransition!==d||b.OTransition!==d;return e},e.prototype.isTouch=function(){return/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)},e.prototype.rippleEnd=function(a){a.data("animating","off"),"off"===a.data("mousedown")&&g.rippleOut(a)},e.prototype.rippleOut=function(a){a.off(),g.hasTransitionSupport()?a.addClass("ripple-out"):a.animate({opacity:0},100,function(){a.trigger("transitionend")}),a.on("transitionend webkitTransitionEnd oTransitionEnd MSTransitionEnd",function(){a.remove()})},e.prototype.rippleOn=function(a,b){var c=g.getNewSize(a,b);g.hasTransitionSupport()?b.css({"-ms-transform":"scale("+c+")","-moz-transform":"scale("+c+")","-webkit-transform":"scale("+c+")",transform:"scale("+c+")"}).addClass("ripple-on").data("animating","on").data("mousedown","on"):b.animate({width:2*Math.max(a.outerWidth(),a.outerHeight()),height:2*Math.max(a.outerWidth(),a.outerHeight()),"margin-left":-1*Math.max(a.outerWidth(),a.outerHeight()),"margin-top":-1*Math.max(a.outerWidth(),a.outerHeight()),opacity:.2},500,function(){b.trigger("transitionend")})},a.fn.ripples=function(b){return this.each(function(){a.data(this,"plugin_"+f)||a.data(this,"plugin_"+f,new e(this,b))})}}(jQuery,window,document);
|
2
|
+
//# sourceMappingURL=ripples.min.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["ripples.js"],"names":["$","window","document","undefined","Ripples","element","options","self","this","extend","defaults","_defaults","_name","ripples","init","prototype","$element","on","event","isTouch","type","find","append","$wrapper","children","relY","getRelY","relX","getRelX","rippleColor","getRipplesColor","$ripple","addClass","css","left","top","background-color","getComputedStyle","opacity","rippleOn","setTimeout","rippleEnd","data","rippleOut","getNewSize","Math","max","outerWidth","outerHeight","wrapperOffset","offset","originalEvent","touches","length","pageX","pageY","color","hasTransitionSupport","thisBody","body","documentElement","thisStyle","style","support","transition","WebkitTransition","MozTransition","MsTransition","OTransition","test","navigator","userAgent","off","animate","trigger","remove","size","-ms-transform","-moz-transform","-webkit-transform","transform","width","height","margin-left","margin-top","fn","each","jQuery"],"mappings":"CAGA,SAAUA,EAAGC,EAAQC,EAAUC,GAE7B,YAuBA,SAASC,GAAQC,EAASC,GACxBC,EAAOC,KAEPA,KAAKH,QAAUL,EAAEK,GAEjBG,KAAKF,QAAUN,EAAES,UAAWC,EAAUJ,GAEtCE,KAAKG,UAAYD,EACjBF,KAAKI,MAAQC,EAEbL,KAAKM,OA5BP,GAAID,GAAU,UAMVN,EAAO,KAMPG,IAuBJN,GAAQW,UAAUD,KAAO,WACvB,GAAIE,GAAYR,KAAKH,OAErBW,GAASC,GAAG,uBAAwB,SAASC,GAI3C,IAAGX,EAAKY,WAA4B,cAAfD,EAAME,KAA3B,CASKJ,EAASK,KAAK,qBAA2B,QAC5CL,EAASM,OAAO,uCAOlB,IAAIC,GAAWP,EAASQ,SAAS,qBAM7BC,EAAOlB,EAAKmB,QAAQH,EAAUL,GAC9BS,EAAOpB,EAAKqB,QAAQL,EAAUL,EAMlC,IAAIO,GAASE,EAAb,CAQA,GAAIE,GAActB,EAAKuB,gBAAgBd,GAMnCe,EAAU/B,EAAE,cAEhB+B,GACCC,SAAS,UACTC,KACCC,KAAQP,EACRQ,IAAOV,EACPW,mBAAoBP,IAOtBN,EAASD,OAAOS,GAMhB,WAAc,MAAO9B,GAAOoC,iBAAiBN,EAAQ,IAAIO,WAMzD/B,EAAKgC,SAASvB,EAAUe,GAMxBS,WAAW,WACTjC,EAAKkC,UAAUV,IACd,KAMHf,EAASC,GAAG,8BAA+B,WACzCc,EAAQW,KAAK,YAAa,OAEO,QAA9BX,EAAQW,KAAK,cACdnC,EAAKoC,UAAUZ,UAWvB3B,EAAQW,UAAU6B,WAAa,SAAS5B,EAAUe,GAEhD,MAAQc,MAAKC,IAAI9B,EAAS+B,aAAc/B,EAASgC,eAAiBjB,EAAQgB,aAAgB,KAO5F3C,EAAQW,UAAUa,QAAU,SAASL,EAAWL,GAC9C,GAAI+B,GAAgB1B,EAAS2B,QAE7B,OAAI3C,GAAKY,WAUPD,EAAQA,EAAMiC,cAEc,IAAzBjC,EAAMkC,QAAQC,OACRnC,EAAMkC,QAAQ,GAAGE,MAAQL,EAAcf,MAGzC,GAZAhB,EAAMoC,MAAQL,EAAcf,MAoBvC9B,EAAQW,UAAUW,QAAU,SAASH,EAAUL,GAC7C,GAAI+B,GAAgB1B,EAAS2B,QAE7B,OAAI3C,GAAKY,WAUPD,EAAQA,EAAMiC,cAEc,IAAzBjC,EAAMkC,QAAQC,OACRnC,EAAMkC,QAAQ,GAAGG,MAAQN,EAAcd,KAGzC,GAZAjB,EAAMqC,MAAQN,EAAcd,KAoBvC/B,EAAQW,UAAUe,gBAAkB,SAASd,GAE3C,GAAIwC,GAAQxC,EAAS0B,KAAK,gBAAkB1B,EAAS0B,KAAK,gBAAkBzC,EAAOoC,iBAAiBrB,EAAS,IAAIwC,KAEjH,OAAOA,IAOTpD,EAAQW,UAAU0C,qBAAuB,WACvC,GAAIC,GAAYxD,EAASyD,MAAQzD,EAAS0D,gBACtCC,EAAYH,EAASI,MAErBC,EACFF,EAAUG,aAAe7D,GACzB0D,EAAUI,mBAAqB9D,GAC/B0D,EAAUK,gBAAkB/D,GAC5B0D,EAAUM,eAAiBhE,GAC3B0D,EAAUO,cAAgBjE,CAG5B,OAAO4D,IAOT3D,EAAQW,UAAUI,QAAU,WAC1B,MAAO,iEAAiEkD,KAAKC,UAAUC,YAOzFnE,EAAQW,UAAU0B,UAAY,SAASV,GACrCA,EAAQW,KAAK,YAAa,OAEO,QAA9BX,EAAQW,KAAK,cACdnC,EAAKoC,UAAUZ,IAQnB3B,EAAQW,UAAU4B,UAAY,SAASZ,GACrCA,EAAQyC,MAELjE,EAAKkD,uBACN1B,EAAQC,SAAS,cAEjBD,EAAQ0C,SAASnC,QAAW,GAAI,IAAK,WACnCP,EAAQ2C,QAAQ,mBAIpB3C,EAAQd,GAAG,mEAAoE,WAC7Ec,EAAQ4C,YAQZvE,EAAQW,UAAUwB,SAAW,SAASvB,EAAUe,GAC9C,GAAI6C,GAAOrE,EAAKqC,WAAW5B,EAAUe,EAElCxB,GAAKkD,uBACN1B,EACCE,KACC4C,gBAAiB,SAAWD,EAAO,IACnCE,iBAAkB,SAAWF,EAAO,IACpCG,oBAAqB,SAAWH,EAAO,IACvCI,UAAa,SAAWJ,EAAO,MAEhC5C,SAAS,aACTU,KAAK,YAAa,MAClBA,KAAK,YAAa,MAEnBX,EAAQ0C,SACNQ,MAAmE,EAA1DpC,KAAKC,IAAI9B,EAAS+B,aAAc/B,EAASgC,eAClDkC,OAAoE,EAA1DrC,KAAKC,IAAI9B,EAAS+B,aAAc/B,EAASgC,eACnDmC,cAAyE,GAA1DtC,KAAKC,IAAI9B,EAAS+B,aAAc/B,EAASgC,eACxDoC,aAAwE,GAA1DvC,KAAKC,IAAI9B,EAAS+B,aAAc/B,EAASgC,eACvDV,QAAW,IACV,IAAK,WACNP,EAAQ2C,QAAQ,oBAStB1E,EAAEqF,GAAGxE,QAAU,SAASP,GACtB,MAAOE,MAAK8E,KAAK,WACXtF,EAAE0C,KAAKlC,KAAM,UAAYK,IAC3Bb,EAAE0C,KAAKlC,KAAM,UAAYK,EAAS,GAAIT,GAAQI,KAAMF,QAKzDiF,OAAQtF,OAAQC","file":"ripples.min.js"}
|
@@ -0,0 +1,874 @@
|
|
1
|
+
$bootstrap-sass-asset-helper: false !default;
|
2
|
+
//
|
3
|
+
// Variables
|
4
|
+
// --------------------------------------------------
|
5
|
+
|
6
|
+
|
7
|
+
//== Colors
|
8
|
+
//
|
9
|
+
//## Gray and brand colors for use across Bootstrap.
|
10
|
+
|
11
|
+
$gray-base: #000 !default;
|
12
|
+
$gray-darker: lighten($gray-base, 13.5%) !default; // #222
|
13
|
+
$gray-dark: lighten($gray-base, 20%) !default; // #333
|
14
|
+
$gray: lighten($gray-base, 33.5%) !default; // #555
|
15
|
+
$gray-light: lighten($gray-base, 46.7%) !default; // #777
|
16
|
+
$gray-lighter: lighten($gray-base, 93.5%) !default; // #eee
|
17
|
+
|
18
|
+
$brand-primary: darken(#428bca, 6.5%) !default; // #337ab7
|
19
|
+
$brand-success: #5cb85c !default;
|
20
|
+
$brand-info: #5bc0de !default;
|
21
|
+
$brand-warning: #f0ad4e !default;
|
22
|
+
$brand-danger: #d9534f !default;
|
23
|
+
|
24
|
+
|
25
|
+
//== Scaffolding
|
26
|
+
//
|
27
|
+
//## Settings for some of the most global styles.
|
28
|
+
|
29
|
+
//** Background color for `<body>`.
|
30
|
+
$body-bg: #fff !default;
|
31
|
+
//** Global text color on `<body>`.
|
32
|
+
$text-color: $gray-dark !default;
|
33
|
+
|
34
|
+
//** Global textual link color.
|
35
|
+
$link-color: $brand-primary !default;
|
36
|
+
//** Link hover color set via `darken()` function.
|
37
|
+
$link-hover-color: darken($link-color, 15%) !default;
|
38
|
+
//** Link hover decoration.
|
39
|
+
$link-hover-decoration: underline !default;
|
40
|
+
|
41
|
+
|
42
|
+
//== Typography
|
43
|
+
//
|
44
|
+
//## Font, line-height, and color for body text, headings, and more.
|
45
|
+
|
46
|
+
$font-family-sans-serif: "Helvetica Neue", Helvetica, Arial, sans-serif !default;
|
47
|
+
$font-family-serif: Georgia, "Times New Roman", Times, serif !default;
|
48
|
+
//** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`.
|
49
|
+
$font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace !default;
|
50
|
+
$font-family-base: $font-family-sans-serif !default;
|
51
|
+
|
52
|
+
$font-size-base: 14px !default;
|
53
|
+
$font-size-large: ceil(($font-size-base * 1.25)) !default; // ~18px
|
54
|
+
$font-size-small: ceil(($font-size-base * 0.85)) !default; // ~12px
|
55
|
+
|
56
|
+
$font-size-h1: floor(($font-size-base * 2.6)) !default; // ~36px
|
57
|
+
$font-size-h2: floor(($font-size-base * 2.15)) !default; // ~30px
|
58
|
+
$font-size-h3: ceil(($font-size-base * 1.7)) !default; // ~24px
|
59
|
+
$font-size-h4: ceil(($font-size-base * 1.25)) !default; // ~18px
|
60
|
+
$font-size-h5: $font-size-base !default;
|
61
|
+
$font-size-h6: ceil(($font-size-base * 0.85)) !default; // ~12px
|
62
|
+
|
63
|
+
//** Unit-less `line-height` for use in components like buttons.
|
64
|
+
$line-height-base: 1.428571429 !default; // 20/14
|
65
|
+
//** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.
|
66
|
+
$line-height-computed: floor(($font-size-base * $line-height-base)) !default; // ~20px
|
67
|
+
|
68
|
+
//** By default, this inherits from the `<body>`.
|
69
|
+
$headings-font-family: inherit !default;
|
70
|
+
$headings-font-weight: 500 !default;
|
71
|
+
$headings-line-height: 1.1 !default;
|
72
|
+
$headings-color: inherit !default;
|
73
|
+
|
74
|
+
|
75
|
+
//== Iconography
|
76
|
+
//
|
77
|
+
//## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower.
|
78
|
+
|
79
|
+
//** Load fonts from this directory.
|
80
|
+
|
81
|
+
// [converter] If $bootstrap-sass-asset-helper if used, provide path relative to the assets load path.
|
82
|
+
// [converter] This is because some asset helpers, such as Sprockets, do not work with file-relative paths.
|
83
|
+
$icon-font-path: if($bootstrap-sass-asset-helper, "bootstrap/", "../fonts/bootstrap/") !default;
|
84
|
+
|
85
|
+
//** File name for all font files.
|
86
|
+
$icon-font-name: "glyphicons-halflings-regular" !default;
|
87
|
+
//** Element ID within SVG icon file.
|
88
|
+
$icon-font-svg-id: "glyphicons_halflingsregular" !default;
|
89
|
+
|
90
|
+
|
91
|
+
//== Components
|
92
|
+
//
|
93
|
+
//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
|
94
|
+
|
95
|
+
$padding-base-vertical: 6px !default;
|
96
|
+
$padding-base-horizontal: 12px !default;
|
97
|
+
|
98
|
+
$padding-large-vertical: 10px !default;
|
99
|
+
$padding-large-horizontal: 16px !default;
|
100
|
+
|
101
|
+
$padding-small-vertical: 5px !default;
|
102
|
+
$padding-small-horizontal: 10px !default;
|
103
|
+
|
104
|
+
$padding-xs-vertical: 1px !default;
|
105
|
+
$padding-xs-horizontal: 5px !default;
|
106
|
+
|
107
|
+
$line-height-large: 1.3333333 !default; // extra decimals for Win 8.1 Chrome
|
108
|
+
$line-height-small: 1.5 !default;
|
109
|
+
|
110
|
+
$border-radius-base: 4px !default;
|
111
|
+
$border-radius-large: 6px !default;
|
112
|
+
$border-radius-small: 3px !default;
|
113
|
+
|
114
|
+
//** Global color for active items (e.g., navs or dropdowns).
|
115
|
+
$component-active-color: #fff !default;
|
116
|
+
//** Global background color for active items (e.g., navs or dropdowns).
|
117
|
+
$component-active-bg: $brand-primary !default;
|
118
|
+
|
119
|
+
//** Width of the `border` for generating carets that indicate dropdowns.
|
120
|
+
$caret-width-base: 4px !default;
|
121
|
+
//** Carets increase slightly in size for larger components.
|
122
|
+
$caret-width-large: 5px !default;
|
123
|
+
|
124
|
+
|
125
|
+
//== Tables
|
126
|
+
//
|
127
|
+
//## Customizes the `.table` component with basic values, each used across all table variations.
|
128
|
+
|
129
|
+
//** Padding for `<th>`s and `<td>`s.
|
130
|
+
$table-cell-padding: 8px !default;
|
131
|
+
//** Padding for cells in `.table-condensed`.
|
132
|
+
$table-condensed-cell-padding: 5px !default;
|
133
|
+
|
134
|
+
//** Default background color used for all tables.
|
135
|
+
$table-bg: transparent !default;
|
136
|
+
//** Background color used for `.table-striped`.
|
137
|
+
$table-bg-accent: #f9f9f9 !default;
|
138
|
+
//** Background color used for `.table-hover`.
|
139
|
+
$table-bg-hover: #f5f5f5 !default;
|
140
|
+
$table-bg-active: $table-bg-hover !default;
|
141
|
+
|
142
|
+
//** Border color for table and cell borders.
|
143
|
+
$table-border-color: #ddd !default;
|
144
|
+
|
145
|
+
|
146
|
+
//== Buttons
|
147
|
+
//
|
148
|
+
//## For each of Bootstrap's buttons, define text, background and border color.
|
149
|
+
|
150
|
+
$btn-font-weight: normal !default;
|
151
|
+
|
152
|
+
$btn-default-color: #333 !default;
|
153
|
+
$btn-default-bg: #fff !default;
|
154
|
+
$btn-default-border: #ccc !default;
|
155
|
+
|
156
|
+
$btn-primary-color: #fff !default;
|
157
|
+
$btn-primary-bg: $brand-primary !default;
|
158
|
+
$btn-primary-border: darken($btn-primary-bg, 5%) !default;
|
159
|
+
|
160
|
+
$btn-success-color: #fff !default;
|
161
|
+
$btn-success-bg: $brand-success !default;
|
162
|
+
$btn-success-border: darken($btn-success-bg, 5%) !default;
|
163
|
+
|
164
|
+
$btn-info-color: #fff !default;
|
165
|
+
$btn-info-bg: $brand-info !default;
|
166
|
+
$btn-info-border: darken($btn-info-bg, 5%) !default;
|
167
|
+
|
168
|
+
$btn-warning-color: #fff !default;
|
169
|
+
$btn-warning-bg: $brand-warning !default;
|
170
|
+
$btn-warning-border: darken($btn-warning-bg, 5%) !default;
|
171
|
+
|
172
|
+
$btn-danger-color: #fff !default;
|
173
|
+
$btn-danger-bg: $brand-danger !default;
|
174
|
+
$btn-danger-border: darken($btn-danger-bg, 5%) !default;
|
175
|
+
|
176
|
+
$btn-link-disabled-color: $gray-light !default;
|
177
|
+
|
178
|
+
// Allows for customizing button radius independently from global border radius
|
179
|
+
$btn-border-radius-base: $border-radius-base !default;
|
180
|
+
$btn-border-radius-large: $border-radius-large !default;
|
181
|
+
$btn-border-radius-small: $border-radius-small !default;
|
182
|
+
|
183
|
+
|
184
|
+
//== Forms
|
185
|
+
//
|
186
|
+
//##
|
187
|
+
|
188
|
+
//** `<input>` background color
|
189
|
+
$input-bg: #fff !default;
|
190
|
+
//** `<input disabled>` background color
|
191
|
+
$input-bg-disabled: $gray-lighter !default;
|
192
|
+
|
193
|
+
//** Text color for `<input>`s
|
194
|
+
$input-color: $gray !default;
|
195
|
+
//** `<input>` border color
|
196
|
+
$input-border: #ccc !default;
|
197
|
+
|
198
|
+
// TODO: Rename `$input-border-radius` to `$input-border-radius-base` in v4
|
199
|
+
//** Default `.form-control` border radius
|
200
|
+
// This has no effect on `<select>`s in some browsers, due to the limited stylability of `<select>`s in CSS.
|
201
|
+
$input-border-radius: $border-radius-base !default;
|
202
|
+
//** Large `.form-control` border radius
|
203
|
+
$input-border-radius-large: $border-radius-large !default;
|
204
|
+
//** Small `.form-control` border radius
|
205
|
+
$input-border-radius-small: $border-radius-small !default;
|
206
|
+
|
207
|
+
//** Border color for inputs on focus
|
208
|
+
$input-border-focus: #66afe9 !default;
|
209
|
+
|
210
|
+
//** Placeholder text color
|
211
|
+
$input-color-placeholder: #999 !default;
|
212
|
+
|
213
|
+
//** Default `.form-control` height
|
214
|
+
$input-height-base: ($line-height-computed + ($padding-base-vertical * 2) + 2) !default;
|
215
|
+
//** Large `.form-control` height
|
216
|
+
$input-height-large: (ceil($font-size-large * $line-height-large) + ($padding-large-vertical * 2) + 2) !default;
|
217
|
+
//** Small `.form-control` height
|
218
|
+
$input-height-small: (floor($font-size-small * $line-height-small) + ($padding-small-vertical * 2) + 2) !default;
|
219
|
+
|
220
|
+
//** `.form-group` margin
|
221
|
+
$form-group-margin-bottom: 15px !default;
|
222
|
+
|
223
|
+
$legend-color: $gray-dark !default;
|
224
|
+
$legend-border-color: #e5e5e5 !default;
|
225
|
+
|
226
|
+
//** Background color for textual input addons
|
227
|
+
$input-group-addon-bg: $gray-lighter !default;
|
228
|
+
//** Border color for textual input addons
|
229
|
+
$input-group-addon-border-color: $input-border !default;
|
230
|
+
|
231
|
+
//** Disabled cursor for form controls and buttons.
|
232
|
+
$cursor-disabled: not-allowed !default;
|
233
|
+
|
234
|
+
|
235
|
+
//== Dropdowns
|
236
|
+
//
|
237
|
+
//## Dropdown menu container and contents.
|
238
|
+
|
239
|
+
//** Background for the dropdown menu.
|
240
|
+
$dropdown-bg: #fff !default;
|
241
|
+
//** Dropdown menu `border-color`.
|
242
|
+
$dropdown-border: rgba(0,0,0,.15) !default;
|
243
|
+
//** Dropdown menu `border-color` **for IE8**.
|
244
|
+
$dropdown-fallback-border: #ccc !default;
|
245
|
+
//** Divider color for between dropdown items.
|
246
|
+
$dropdown-divider-bg: #e5e5e5 !default;
|
247
|
+
|
248
|
+
//** Dropdown link text color.
|
249
|
+
$dropdown-link-color: $gray-dark !default;
|
250
|
+
//** Hover color for dropdown links.
|
251
|
+
$dropdown-link-hover-color: darken($gray-dark, 5%) !default;
|
252
|
+
//** Hover background for dropdown links.
|
253
|
+
$dropdown-link-hover-bg: #f5f5f5 !default;
|
254
|
+
|
255
|
+
//** Active dropdown menu item text color.
|
256
|
+
$dropdown-link-active-color: $component-active-color !default;
|
257
|
+
//** Active dropdown menu item background color.
|
258
|
+
$dropdown-link-active-bg: $component-active-bg !default;
|
259
|
+
|
260
|
+
//** Disabled dropdown menu item background color.
|
261
|
+
$dropdown-link-disabled-color: $gray-light !default;
|
262
|
+
|
263
|
+
//** Text color for headers within dropdown menus.
|
264
|
+
$dropdown-header-color: $gray-light !default;
|
265
|
+
|
266
|
+
//** Deprecated `$dropdown-caret-color` as of v3.1.0
|
267
|
+
$dropdown-caret-color: #000 !default;
|
268
|
+
|
269
|
+
|
270
|
+
//-- Z-index master list
|
271
|
+
//
|
272
|
+
// Warning: Avoid customizing these values. They're used for a bird's eye view
|
273
|
+
// of components dependent on the z-axis and are designed to all work together.
|
274
|
+
//
|
275
|
+
// Note: These variables are not generated into the Customizer.
|
276
|
+
|
277
|
+
$zindex-navbar: 1000 !default;
|
278
|
+
$zindex-dropdown: 1000 !default;
|
279
|
+
$zindex-popover: 1060 !default;
|
280
|
+
$zindex-tooltip: 1070 !default;
|
281
|
+
$zindex-navbar-fixed: 1030 !default;
|
282
|
+
$zindex-modal-background: 1040 !default;
|
283
|
+
$zindex-modal: 1050 !default;
|
284
|
+
|
285
|
+
|
286
|
+
//== Media queries breakpoints
|
287
|
+
//
|
288
|
+
//## Define the breakpoints at which your layout will change, adapting to different screen sizes.
|
289
|
+
|
290
|
+
// Extra small screen / phone
|
291
|
+
//** Deprecated `$screen-xs` as of v3.0.1
|
292
|
+
$screen-xs: 480px !default;
|
293
|
+
//** Deprecated `$screen-xs-min` as of v3.2.0
|
294
|
+
$screen-xs-min: $screen-xs !default;
|
295
|
+
//** Deprecated `$screen-phone` as of v3.0.1
|
296
|
+
$screen-phone: $screen-xs-min !default;
|
297
|
+
|
298
|
+
// Small screen / tablet
|
299
|
+
//** Deprecated `$screen-sm` as of v3.0.1
|
300
|
+
$screen-sm: 768px !default;
|
301
|
+
$screen-sm-min: $screen-sm !default;
|
302
|
+
//** Deprecated `$screen-tablet` as of v3.0.1
|
303
|
+
$screen-tablet: $screen-sm-min !default;
|
304
|
+
|
305
|
+
// Medium screen / desktop
|
306
|
+
//** Deprecated `$screen-md` as of v3.0.1
|
307
|
+
$screen-md: 992px !default;
|
308
|
+
$screen-md-min: $screen-md !default;
|
309
|
+
//** Deprecated `$screen-desktop` as of v3.0.1
|
310
|
+
$screen-desktop: $screen-md-min !default;
|
311
|
+
|
312
|
+
// Large screen / wide desktop
|
313
|
+
//** Deprecated `$screen-lg` as of v3.0.1
|
314
|
+
$screen-lg: 1200px !default;
|
315
|
+
$screen-lg-min: $screen-lg !default;
|
316
|
+
//** Deprecated `$screen-lg-desktop` as of v3.0.1
|
317
|
+
$screen-lg-desktop: $screen-lg-min !default;
|
318
|
+
|
319
|
+
// So media queries don't overlap when required, provide a maximum
|
320
|
+
$screen-xs-max: ($screen-sm-min - 1) !default;
|
321
|
+
$screen-sm-max: ($screen-md-min - 1) !default;
|
322
|
+
$screen-md-max: ($screen-lg-min - 1) !default;
|
323
|
+
|
324
|
+
|
325
|
+
//== Grid system
|
326
|
+
//
|
327
|
+
//## Define your custom responsive grid.
|
328
|
+
|
329
|
+
//** Number of columns in the grid.
|
330
|
+
$grid-columns: 12 !default;
|
331
|
+
//** Padding between columns. Gets divided in half for the left and right.
|
332
|
+
$grid-gutter-width: 30px !default;
|
333
|
+
// Navbar collapse
|
334
|
+
//** Point at which the navbar becomes uncollapsed.
|
335
|
+
$grid-float-breakpoint: $screen-sm-min !default;
|
336
|
+
//** Point at which the navbar begins collapsing.
|
337
|
+
$grid-float-breakpoint-max: ($grid-float-breakpoint - 1) !default;
|
338
|
+
|
339
|
+
|
340
|
+
//== Container sizes
|
341
|
+
//
|
342
|
+
//## Define the maximum width of `.container` for different screen sizes.
|
343
|
+
|
344
|
+
// Small screen / tablet
|
345
|
+
$container-tablet: (720px + $grid-gutter-width) !default;
|
346
|
+
//** For `$screen-sm-min` and up.
|
347
|
+
$container-sm: $container-tablet !default;
|
348
|
+
|
349
|
+
// Medium screen / desktop
|
350
|
+
$container-desktop: (940px + $grid-gutter-width) !default;
|
351
|
+
//** For `$screen-md-min` and up.
|
352
|
+
$container-md: $container-desktop !default;
|
353
|
+
|
354
|
+
// Large screen / wide desktop
|
355
|
+
$container-large-desktop: (1140px + $grid-gutter-width) !default;
|
356
|
+
//** For `$screen-lg-min` and up.
|
357
|
+
$container-lg: $container-large-desktop !default;
|
358
|
+
|
359
|
+
|
360
|
+
//== Navbar
|
361
|
+
//
|
362
|
+
//##
|
363
|
+
|
364
|
+
// Basics of a navbar
|
365
|
+
$navbar-height: 50px !default;
|
366
|
+
$navbar-margin-bottom: $line-height-computed !default;
|
367
|
+
$navbar-border-radius: $border-radius-base !default;
|
368
|
+
$navbar-padding-horizontal: floor(($grid-gutter-width / 2)) !default;
|
369
|
+
$navbar-padding-vertical: (($navbar-height - $line-height-computed) / 2) !default;
|
370
|
+
$navbar-collapse-max-height: 340px !default;
|
371
|
+
|
372
|
+
$navbar-default-color: #777 !default;
|
373
|
+
$navbar-default-bg: #f8f8f8 !default;
|
374
|
+
$navbar-default-border: darken($navbar-default-bg, 6.5%) !default;
|
375
|
+
|
376
|
+
// Navbar links
|
377
|
+
$navbar-default-link-color: #777 !default;
|
378
|
+
$navbar-default-link-hover-color: #333 !default;
|
379
|
+
$navbar-default-link-hover-bg: transparent !default;
|
380
|
+
$navbar-default-link-active-color: #555 !default;
|
381
|
+
$navbar-default-link-active-bg: darken($navbar-default-bg, 6.5%) !default;
|
382
|
+
$navbar-default-link-disabled-color: #ccc !default;
|
383
|
+
$navbar-default-link-disabled-bg: transparent !default;
|
384
|
+
|
385
|
+
// Navbar brand label
|
386
|
+
$navbar-default-brand-color: $navbar-default-link-color !default;
|
387
|
+
$navbar-default-brand-hover-color: darken($navbar-default-brand-color, 10%) !default;
|
388
|
+
$navbar-default-brand-hover-bg: transparent !default;
|
389
|
+
|
390
|
+
// Navbar toggle
|
391
|
+
$navbar-default-toggle-hover-bg: #ddd !default;
|
392
|
+
$navbar-default-toggle-icon-bar-bg: #888 !default;
|
393
|
+
$navbar-default-toggle-border-color: #ddd !default;
|
394
|
+
|
395
|
+
|
396
|
+
//=== Inverted navbar
|
397
|
+
// Reset inverted navbar basics
|
398
|
+
$navbar-inverse-color: lighten($gray-light, 15%) !default;
|
399
|
+
$navbar-inverse-bg: #222 !default;
|
400
|
+
$navbar-inverse-border: darken($navbar-inverse-bg, 10%) !default;
|
401
|
+
|
402
|
+
// Inverted navbar links
|
403
|
+
$navbar-inverse-link-color: lighten($gray-light, 15%) !default;
|
404
|
+
$navbar-inverse-link-hover-color: #fff !default;
|
405
|
+
$navbar-inverse-link-hover-bg: transparent !default;
|
406
|
+
$navbar-inverse-link-active-color: $navbar-inverse-link-hover-color !default;
|
407
|
+
$navbar-inverse-link-active-bg: darken($navbar-inverse-bg, 10%) !default;
|
408
|
+
$navbar-inverse-link-disabled-color: #444 !default;
|
409
|
+
$navbar-inverse-link-disabled-bg: transparent !default;
|
410
|
+
|
411
|
+
// Inverted navbar brand label
|
412
|
+
$navbar-inverse-brand-color: $navbar-inverse-link-color !default;
|
413
|
+
$navbar-inverse-brand-hover-color: #fff !default;
|
414
|
+
$navbar-inverse-brand-hover-bg: transparent !default;
|
415
|
+
|
416
|
+
// Inverted navbar toggle
|
417
|
+
$navbar-inverse-toggle-hover-bg: #333 !default;
|
418
|
+
$navbar-inverse-toggle-icon-bar-bg: #fff !default;
|
419
|
+
$navbar-inverse-toggle-border-color: #333 !default;
|
420
|
+
|
421
|
+
|
422
|
+
//== Navs
|
423
|
+
//
|
424
|
+
//##
|
425
|
+
|
426
|
+
//=== Shared nav styles
|
427
|
+
$nav-link-padding: 10px 15px !default;
|
428
|
+
$nav-link-hover-bg: $gray-lighter !default;
|
429
|
+
|
430
|
+
$nav-disabled-link-color: $gray-light !default;
|
431
|
+
$nav-disabled-link-hover-color: $gray-light !default;
|
432
|
+
|
433
|
+
//== Tabs
|
434
|
+
$nav-tabs-border-color: #ddd !default;
|
435
|
+
|
436
|
+
$nav-tabs-link-hover-border-color: $gray-lighter !default;
|
437
|
+
|
438
|
+
$nav-tabs-active-link-hover-bg: $body-bg !default;
|
439
|
+
$nav-tabs-active-link-hover-color: $gray !default;
|
440
|
+
$nav-tabs-active-link-hover-border-color: #ddd !default;
|
441
|
+
|
442
|
+
$nav-tabs-justified-link-border-color: #ddd !default;
|
443
|
+
$nav-tabs-justified-active-link-border-color: $body-bg !default;
|
444
|
+
|
445
|
+
//== Pills
|
446
|
+
$nav-pills-border-radius: $border-radius-base !default;
|
447
|
+
$nav-pills-active-link-hover-bg: $component-active-bg !default;
|
448
|
+
$nav-pills-active-link-hover-color: $component-active-color !default;
|
449
|
+
|
450
|
+
|
451
|
+
//== Pagination
|
452
|
+
//
|
453
|
+
//##
|
454
|
+
|
455
|
+
$pagination-color: $link-color !default;
|
456
|
+
$pagination-bg: #fff !default;
|
457
|
+
$pagination-border: #ddd !default;
|
458
|
+
|
459
|
+
$pagination-hover-color: $link-hover-color !default;
|
460
|
+
$pagination-hover-bg: $gray-lighter !default;
|
461
|
+
$pagination-hover-border: #ddd !default;
|
462
|
+
|
463
|
+
$pagination-active-color: #fff !default;
|
464
|
+
$pagination-active-bg: $brand-primary !default;
|
465
|
+
$pagination-active-border: $brand-primary !default;
|
466
|
+
|
467
|
+
$pagination-disabled-color: $gray-light !default;
|
468
|
+
$pagination-disabled-bg: #fff !default;
|
469
|
+
$pagination-disabled-border: #ddd !default;
|
470
|
+
|
471
|
+
|
472
|
+
//== Pager
|
473
|
+
//
|
474
|
+
//##
|
475
|
+
|
476
|
+
$pager-bg: $pagination-bg !default;
|
477
|
+
$pager-border: $pagination-border !default;
|
478
|
+
$pager-border-radius: 15px !default;
|
479
|
+
|
480
|
+
$pager-hover-bg: $pagination-hover-bg !default;
|
481
|
+
|
482
|
+
$pager-active-bg: $pagination-active-bg !default;
|
483
|
+
$pager-active-color: $pagination-active-color !default;
|
484
|
+
|
485
|
+
$pager-disabled-color: $pagination-disabled-color !default;
|
486
|
+
|
487
|
+
|
488
|
+
//== Jumbotron
|
489
|
+
//
|
490
|
+
//##
|
491
|
+
|
492
|
+
$jumbotron-padding: 30px !default;
|
493
|
+
$jumbotron-color: inherit !default;
|
494
|
+
$jumbotron-bg: $gray-lighter !default;
|
495
|
+
$jumbotron-heading-color: inherit !default;
|
496
|
+
$jumbotron-font-size: ceil(($font-size-base * 1.5)) !default;
|
497
|
+
$jumbotron-heading-font-size: ceil(($font-size-base * 4.5)) !default;
|
498
|
+
|
499
|
+
|
500
|
+
//== Form states and alerts
|
501
|
+
//
|
502
|
+
//## Define colors for form feedback states and, by default, alerts.
|
503
|
+
|
504
|
+
$state-success-text: #3c763d !default;
|
505
|
+
$state-success-bg: #dff0d8 !default;
|
506
|
+
$state-success-border: darken(adjust-hue($state-success-bg, -10), 5%) !default;
|
507
|
+
|
508
|
+
$state-info-text: #31708f !default;
|
509
|
+
$state-info-bg: #d9edf7 !default;
|
510
|
+
$state-info-border: darken(adjust-hue($state-info-bg, -10), 7%) !default;
|
511
|
+
|
512
|
+
$state-warning-text: #8a6d3b !default;
|
513
|
+
$state-warning-bg: #fcf8e3 !default;
|
514
|
+
$state-warning-border: darken(adjust-hue($state-warning-bg, -10), 5%) !default;
|
515
|
+
|
516
|
+
$state-danger-text: #a94442 !default;
|
517
|
+
$state-danger-bg: #f2dede !default;
|
518
|
+
$state-danger-border: darken(adjust-hue($state-danger-bg, -10), 5%) !default;
|
519
|
+
|
520
|
+
|
521
|
+
//== Tooltips
|
522
|
+
//
|
523
|
+
//##
|
524
|
+
|
525
|
+
//** Tooltip max width
|
526
|
+
$tooltip-max-width: 200px !default;
|
527
|
+
//** Tooltip text color
|
528
|
+
$tooltip-color: #fff !default;
|
529
|
+
//** Tooltip background color
|
530
|
+
$tooltip-bg: #000 !default;
|
531
|
+
$tooltip-opacity: .9 !default;
|
532
|
+
|
533
|
+
//** Tooltip arrow width
|
534
|
+
$tooltip-arrow-width: 5px !default;
|
535
|
+
//** Tooltip arrow color
|
536
|
+
$tooltip-arrow-color: $tooltip-bg !default;
|
537
|
+
|
538
|
+
|
539
|
+
//== Popovers
|
540
|
+
//
|
541
|
+
//##
|
542
|
+
|
543
|
+
//** Popover body background color
|
544
|
+
$popover-bg: #fff !default;
|
545
|
+
//** Popover maximum width
|
546
|
+
$popover-max-width: 276px !default;
|
547
|
+
//** Popover border color
|
548
|
+
$popover-border-color: rgba(0,0,0,.2) !default;
|
549
|
+
//** Popover fallback border color
|
550
|
+
$popover-fallback-border-color: #ccc !default;
|
551
|
+
|
552
|
+
//** Popover title background color
|
553
|
+
$popover-title-bg: darken($popover-bg, 3%) !default;
|
554
|
+
|
555
|
+
//** Popover arrow width
|
556
|
+
$popover-arrow-width: 10px !default;
|
557
|
+
//** Popover arrow color
|
558
|
+
$popover-arrow-color: $popover-bg !default;
|
559
|
+
|
560
|
+
//** Popover outer arrow width
|
561
|
+
$popover-arrow-outer-width: ($popover-arrow-width + 1) !default;
|
562
|
+
//** Popover outer arrow color
|
563
|
+
$popover-arrow-outer-color: fade_in($popover-border-color, 0.05) !default;
|
564
|
+
//** Popover outer arrow fallback color
|
565
|
+
$popover-arrow-outer-fallback-color: darken($popover-fallback-border-color, 20%) !default;
|
566
|
+
|
567
|
+
|
568
|
+
//== Labels
|
569
|
+
//
|
570
|
+
//##
|
571
|
+
|
572
|
+
//** Default label background color
|
573
|
+
$label-default-bg: $gray-light !default;
|
574
|
+
//** Primary label background color
|
575
|
+
$label-primary-bg: $brand-primary !default;
|
576
|
+
//** Success label background color
|
577
|
+
$label-success-bg: $brand-success !default;
|
578
|
+
//** Info label background color
|
579
|
+
$label-info-bg: $brand-info !default;
|
580
|
+
//** Warning label background color
|
581
|
+
$label-warning-bg: $brand-warning !default;
|
582
|
+
//** Danger label background color
|
583
|
+
$label-danger-bg: $brand-danger !default;
|
584
|
+
|
585
|
+
//** Default label text color
|
586
|
+
$label-color: #fff !default;
|
587
|
+
//** Default text color of a linked label
|
588
|
+
$label-link-hover-color: #fff !default;
|
589
|
+
|
590
|
+
|
591
|
+
//== Modals
|
592
|
+
//
|
593
|
+
//##
|
594
|
+
|
595
|
+
//** Padding applied to the modal body
|
596
|
+
$modal-inner-padding: 15px !default;
|
597
|
+
|
598
|
+
//** Padding applied to the modal title
|
599
|
+
$modal-title-padding: 15px !default;
|
600
|
+
//** Modal title line-height
|
601
|
+
$modal-title-line-height: $line-height-base !default;
|
602
|
+
|
603
|
+
//** Background color of modal content area
|
604
|
+
$modal-content-bg: #fff !default;
|
605
|
+
//** Modal content border color
|
606
|
+
$modal-content-border-color: rgba(0,0,0,.2) !default;
|
607
|
+
//** Modal content border color **for IE8**
|
608
|
+
$modal-content-fallback-border-color: #999 !default;
|
609
|
+
|
610
|
+
//** Modal backdrop background color
|
611
|
+
$modal-backdrop-bg: #000 !default;
|
612
|
+
//** Modal backdrop opacity
|
613
|
+
$modal-backdrop-opacity: .5 !default;
|
614
|
+
//** Modal header border color
|
615
|
+
$modal-header-border-color: #e5e5e5 !default;
|
616
|
+
//** Modal footer border color
|
617
|
+
$modal-footer-border-color: $modal-header-border-color !default;
|
618
|
+
|
619
|
+
$modal-lg: 900px !default;
|
620
|
+
$modal-md: 600px !default;
|
621
|
+
$modal-sm: 300px !default;
|
622
|
+
|
623
|
+
|
624
|
+
//== Alerts
|
625
|
+
//
|
626
|
+
//## Define alert colors, border radius, and padding.
|
627
|
+
|
628
|
+
$alert-padding: 15px !default;
|
629
|
+
$alert-border-radius: $border-radius-base !default;
|
630
|
+
$alert-link-font-weight: bold !default;
|
631
|
+
|
632
|
+
$alert-success-bg: $state-success-bg !default;
|
633
|
+
$alert-success-text: $state-success-text !default;
|
634
|
+
$alert-success-border: $state-success-border !default;
|
635
|
+
|
636
|
+
$alert-info-bg: $state-info-bg !default;
|
637
|
+
$alert-info-text: $state-info-text !default;
|
638
|
+
$alert-info-border: $state-info-border !default;
|
639
|
+
|
640
|
+
$alert-warning-bg: $state-warning-bg !default;
|
641
|
+
$alert-warning-text: $state-warning-text !default;
|
642
|
+
$alert-warning-border: $state-warning-border !default;
|
643
|
+
|
644
|
+
$alert-danger-bg: $state-danger-bg !default;
|
645
|
+
$alert-danger-text: $state-danger-text !default;
|
646
|
+
$alert-danger-border: $state-danger-border !default;
|
647
|
+
|
648
|
+
|
649
|
+
//== Progress bars
|
650
|
+
//
|
651
|
+
//##
|
652
|
+
|
653
|
+
//** Background color of the whole progress component
|
654
|
+
$progress-bg: #f5f5f5 !default;
|
655
|
+
//** Progress bar text color
|
656
|
+
$progress-bar-color: #fff !default;
|
657
|
+
//** Variable for setting rounded corners on progress bar.
|
658
|
+
$progress-border-radius: $border-radius-base !default;
|
659
|
+
|
660
|
+
//** Default progress bar color
|
661
|
+
$progress-bar-bg: $brand-primary !default;
|
662
|
+
//** Success progress bar color
|
663
|
+
$progress-bar-success-bg: $brand-success !default;
|
664
|
+
//** Warning progress bar color
|
665
|
+
$progress-bar-warning-bg: $brand-warning !default;
|
666
|
+
//** Danger progress bar color
|
667
|
+
$progress-bar-danger-bg: $brand-danger !default;
|
668
|
+
//** Info progress bar color
|
669
|
+
$progress-bar-info-bg: $brand-info !default;
|
670
|
+
|
671
|
+
|
672
|
+
//== List group
|
673
|
+
//
|
674
|
+
//##
|
675
|
+
|
676
|
+
//** Background color on `.list-group-item`
|
677
|
+
$list-group-bg: #fff !default;
|
678
|
+
//** `.list-group-item` border color
|
679
|
+
$list-group-border: #ddd !default;
|
680
|
+
//** List group border radius
|
681
|
+
$list-group-border-radius: $border-radius-base !default;
|
682
|
+
|
683
|
+
//** Background color of single list items on hover
|
684
|
+
$list-group-hover-bg: #f5f5f5 !default;
|
685
|
+
//** Text color of active list items
|
686
|
+
$list-group-active-color: $component-active-color !default;
|
687
|
+
//** Background color of active list items
|
688
|
+
$list-group-active-bg: $component-active-bg !default;
|
689
|
+
//** Border color of active list elements
|
690
|
+
$list-group-active-border: $list-group-active-bg !default;
|
691
|
+
//** Text color for content within active list items
|
692
|
+
$list-group-active-text-color: lighten($list-group-active-bg, 40%) !default;
|
693
|
+
|
694
|
+
//** Text color of disabled list items
|
695
|
+
$list-group-disabled-color: $gray-light !default;
|
696
|
+
//** Background color of disabled list items
|
697
|
+
$list-group-disabled-bg: $gray-lighter !default;
|
698
|
+
//** Text color for content within disabled list items
|
699
|
+
$list-group-disabled-text-color: $list-group-disabled-color !default;
|
700
|
+
|
701
|
+
$list-group-link-color: #555 !default;
|
702
|
+
$list-group-link-hover-color: $list-group-link-color !default;
|
703
|
+
$list-group-link-heading-color: #333 !default;
|
704
|
+
|
705
|
+
|
706
|
+
//== Panels
|
707
|
+
//
|
708
|
+
//##
|
709
|
+
|
710
|
+
$panel-bg: #fff !default;
|
711
|
+
$panel-body-padding: 15px !default;
|
712
|
+
$panel-heading-padding: 10px 15px !default;
|
713
|
+
$panel-footer-padding: $panel-heading-padding !default;
|
714
|
+
$panel-border-radius: $border-radius-base !default;
|
715
|
+
|
716
|
+
//** Border color for elements within panels
|
717
|
+
$panel-inner-border: #ddd !default;
|
718
|
+
$panel-footer-bg: #f5f5f5 !default;
|
719
|
+
|
720
|
+
$panel-default-text: $gray-dark !default;
|
721
|
+
$panel-default-border: #ddd !default;
|
722
|
+
$panel-default-heading-bg: #f5f5f5 !default;
|
723
|
+
|
724
|
+
$panel-primary-text: #fff !default;
|
725
|
+
$panel-primary-border: $brand-primary !default;
|
726
|
+
$panel-primary-heading-bg: $brand-primary !default;
|
727
|
+
|
728
|
+
$panel-success-text: $state-success-text !default;
|
729
|
+
$panel-success-border: $state-success-border !default;
|
730
|
+
$panel-success-heading-bg: $state-success-bg !default;
|
731
|
+
|
732
|
+
$panel-info-text: $state-info-text !default;
|
733
|
+
$panel-info-border: $state-info-border !default;
|
734
|
+
$panel-info-heading-bg: $state-info-bg !default;
|
735
|
+
|
736
|
+
$panel-warning-text: $state-warning-text !default;
|
737
|
+
$panel-warning-border: $state-warning-border !default;
|
738
|
+
$panel-warning-heading-bg: $state-warning-bg !default;
|
739
|
+
|
740
|
+
$panel-danger-text: $state-danger-text !default;
|
741
|
+
$panel-danger-border: $state-danger-border !default;
|
742
|
+
$panel-danger-heading-bg: $state-danger-bg !default;
|
743
|
+
|
744
|
+
|
745
|
+
//== Thumbnails
|
746
|
+
//
|
747
|
+
//##
|
748
|
+
|
749
|
+
//** Padding around the thumbnail image
|
750
|
+
$thumbnail-padding: 4px !default;
|
751
|
+
//** Thumbnail background color
|
752
|
+
$thumbnail-bg: $body-bg !default;
|
753
|
+
//** Thumbnail border color
|
754
|
+
$thumbnail-border: #ddd !default;
|
755
|
+
//** Thumbnail border radius
|
756
|
+
$thumbnail-border-radius: $border-radius-base !default;
|
757
|
+
|
758
|
+
//** Custom text color for thumbnail captions
|
759
|
+
$thumbnail-caption-color: $text-color !default;
|
760
|
+
//** Padding around the thumbnail caption
|
761
|
+
$thumbnail-caption-padding: 9px !default;
|
762
|
+
|
763
|
+
|
764
|
+
//== Wells
|
765
|
+
//
|
766
|
+
//##
|
767
|
+
|
768
|
+
$well-bg: #f5f5f5 !default;
|
769
|
+
$well-border: darken($well-bg, 7%) !default;
|
770
|
+
|
771
|
+
|
772
|
+
//== Badges
|
773
|
+
//
|
774
|
+
//##
|
775
|
+
|
776
|
+
$badge-color: #fff !default;
|
777
|
+
//** Linked badge text color on hover
|
778
|
+
$badge-link-hover-color: #fff !default;
|
779
|
+
$badge-bg: $gray-light !default;
|
780
|
+
|
781
|
+
//** Badge text color in active nav link
|
782
|
+
$badge-active-color: $link-color !default;
|
783
|
+
//** Badge background color in active nav link
|
784
|
+
$badge-active-bg: #fff !default;
|
785
|
+
|
786
|
+
$badge-font-weight: bold !default;
|
787
|
+
$badge-line-height: 1 !default;
|
788
|
+
$badge-border-radius: 10px !default;
|
789
|
+
|
790
|
+
|
791
|
+
//== Breadcrumbs
|
792
|
+
//
|
793
|
+
//##
|
794
|
+
|
795
|
+
$breadcrumb-padding-vertical: 8px !default;
|
796
|
+
$breadcrumb-padding-horizontal: 15px !default;
|
797
|
+
//** Breadcrumb background color
|
798
|
+
$breadcrumb-bg: #f5f5f5 !default;
|
799
|
+
//** Breadcrumb text color
|
800
|
+
$breadcrumb-color: #ccc !default;
|
801
|
+
//** Text color of current page in the breadcrumb
|
802
|
+
$breadcrumb-active-color: $gray-light !default;
|
803
|
+
//** Textual separator for between breadcrumb elements
|
804
|
+
$breadcrumb-separator: "/" !default;
|
805
|
+
|
806
|
+
|
807
|
+
//== Carousel
|
808
|
+
//
|
809
|
+
//##
|
810
|
+
|
811
|
+
$carousel-text-shadow: 0 1px 2px rgba(0,0,0,.6) !default;
|
812
|
+
|
813
|
+
$carousel-control-color: #fff !default;
|
814
|
+
$carousel-control-width: 15% !default;
|
815
|
+
$carousel-control-opacity: .5 !default;
|
816
|
+
$carousel-control-font-size: 20px !default;
|
817
|
+
|
818
|
+
$carousel-indicator-active-bg: #fff !default;
|
819
|
+
$carousel-indicator-border-color: #fff !default;
|
820
|
+
|
821
|
+
$carousel-caption-color: #fff !default;
|
822
|
+
|
823
|
+
|
824
|
+
//== Close
|
825
|
+
//
|
826
|
+
//##
|
827
|
+
|
828
|
+
$close-font-weight: bold !default;
|
829
|
+
$close-color: #000 !default;
|
830
|
+
$close-text-shadow: 0 1px 0 #fff !default;
|
831
|
+
|
832
|
+
|
833
|
+
//== Code
|
834
|
+
//
|
835
|
+
//##
|
836
|
+
|
837
|
+
$code-color: #c7254e !default;
|
838
|
+
$code-bg: #f9f2f4 !default;
|
839
|
+
|
840
|
+
$kbd-color: #fff !default;
|
841
|
+
$kbd-bg: #333 !default;
|
842
|
+
|
843
|
+
$pre-bg: #f5f5f5 !default;
|
844
|
+
$pre-color: $gray-dark !default;
|
845
|
+
$pre-border-color: #ccc !default;
|
846
|
+
$pre-scrollable-max-height: 340px !default;
|
847
|
+
|
848
|
+
|
849
|
+
//== Type
|
850
|
+
//
|
851
|
+
//##
|
852
|
+
|
853
|
+
//** Horizontal offset for forms and lists.
|
854
|
+
$component-offset-horizontal: 180px !default;
|
855
|
+
//** Text muted color
|
856
|
+
$text-muted: $gray-light !default;
|
857
|
+
//** Abbreviations and acronyms border color
|
858
|
+
$abbr-border-color: $gray-light !default;
|
859
|
+
//** Headings small color
|
860
|
+
$headings-small-color: $gray-light !default;
|
861
|
+
//** Blockquote small color
|
862
|
+
$blockquote-small-color: $gray-light !default;
|
863
|
+
//** Blockquote font size
|
864
|
+
$blockquote-font-size: ($font-size-base * 1.25) !default;
|
865
|
+
//** Blockquote border color
|
866
|
+
$blockquote-border-color: $gray-lighter !default;
|
867
|
+
//** Page header border color
|
868
|
+
$page-header-border-color: $gray-lighter !default;
|
869
|
+
//** Width of horizontal description list titles
|
870
|
+
$dl-horizontal-offset: $component-offset-horizontal !default;
|
871
|
+
//** Point at which .dl-horizontal becomes horizontal
|
872
|
+
$dl-horizontal-breakpoint: $grid-float-breakpoint !default;
|
873
|
+
//** Horizontal line color.
|
874
|
+
$hr-border: $gray-lighter !default;
|