compass_twitter_bootstrap 0.1.7 → 0.1.8
Sign up to get free protection for your applications and to get access to all the features.
- data/CHANGELOG.md +11 -1
- data/README.md +25 -3
- data/Rakefile +5 -0
- data/{lib → build}/convert.rb +55 -4
- data/init.rb +1 -0
- data/lib/compass_twitter_bootstrap.rb +5 -0
- data/lib/compass_twitter_bootstrap/engine.rb +4 -0
- data/lib/compass_twitter_bootstrap/version.rb +1 -1
- data/stylesheets/compass_twitter_bootstrap/_forms.scss +49 -35
- data/stylesheets/compass_twitter_bootstrap/_mixins.scss +5 -2
- data/stylesheets/compass_twitter_bootstrap/_patterns.scss +100 -45
- data/stylesheets/compass_twitter_bootstrap/_reset.scss +1 -1
- data/stylesheets/compass_twitter_bootstrap/_scaffolding.scss +24 -20
- data/stylesheets/compass_twitter_bootstrap/_tables.scss +68 -15
- data/stylesheets_sass/_compass_twitter_bootstrap.sass +27 -0
- data/stylesheets_sass/compass_twitter_bootstrap/_forms.sass +451 -0
- data/stylesheets_sass/compass_twitter_bootstrap/_mixins.sass +159 -0
- data/stylesheets_sass/compass_twitter_bootstrap/_patterns.sass +923 -0
- data/stylesheets_sass/compass_twitter_bootstrap/_reset.sass +164 -0
- data/stylesheets_sass/compass_twitter_bootstrap/_scaffolding.sass +187 -0
- data/stylesheets_sass/compass_twitter_bootstrap/_tables.sass +198 -0
- data/stylesheets_sass/compass_twitter_bootstrap/_type.sass +162 -0
- data/stylesheets_sass/compass_twitter_bootstrap/_variables.sass +71 -0
- data/vendor/assets/javascripts/bootstrap-alerts.js +124 -0
- data/vendor/assets/javascripts/bootstrap-buttons.js +64 -0
- data/vendor/assets/javascripts/bootstrap-dropdown.js +55 -0
- data/vendor/assets/javascripts/bootstrap-modal.js +260 -0
- data/vendor/assets/javascripts/bootstrap-popover.js +90 -0
- data/vendor/assets/javascripts/bootstrap-scrollspy.js +107 -0
- data/vendor/assets/javascripts/bootstrap-tabs.js +80 -0
- data/vendor/assets/javascripts/bootstrap-twipsy.js +321 -0
- metadata +27 -8
@@ -0,0 +1,162 @@
|
|
1
|
+
/* Typography.less
|
2
|
+
* Headings, body text, lists, code, and more for a versatile and durable typography system
|
3
|
+
* ----------------------------------------------------------------------------------------
|
4
|
+
|
5
|
+
// BODY TEXT
|
6
|
+
// ---------
|
7
|
+
|
8
|
+
p
|
9
|
+
+shorthand(normal, $basefont, $baseline)
|
10
|
+
margin-bottom: $baseline / 2
|
11
|
+
small
|
12
|
+
font-size: $basefont - 2
|
13
|
+
color: $grayLight
|
14
|
+
|
15
|
+
// HEADINGS
|
16
|
+
// --------
|
17
|
+
|
18
|
+
h1, h2, h3, h4, h5, h6
|
19
|
+
font-weight: bold
|
20
|
+
color: $grayDark
|
21
|
+
small
|
22
|
+
color: $grayLight
|
23
|
+
|
24
|
+
h1
|
25
|
+
margin-bottom: $baseline
|
26
|
+
font-size: 30px
|
27
|
+
line-height: $baseline * 2
|
28
|
+
small
|
29
|
+
font-size: 18px
|
30
|
+
|
31
|
+
h2
|
32
|
+
font-size: 24px
|
33
|
+
line-height: $baseline * 2
|
34
|
+
small
|
35
|
+
font-size: 14px
|
36
|
+
|
37
|
+
h3, h4, h5, h6
|
38
|
+
line-height: $baseline * 2
|
39
|
+
|
40
|
+
h3
|
41
|
+
font-size: 18px
|
42
|
+
small
|
43
|
+
font-size: 14px
|
44
|
+
|
45
|
+
h4
|
46
|
+
font-size: 16px
|
47
|
+
small
|
48
|
+
font-size: 12px
|
49
|
+
|
50
|
+
h5
|
51
|
+
font-size: 14px
|
52
|
+
|
53
|
+
h6
|
54
|
+
font-size: 13px
|
55
|
+
color: $grayLight
|
56
|
+
text-transform: uppercase
|
57
|
+
|
58
|
+
// COLORS
|
59
|
+
// ------
|
60
|
+
|
61
|
+
// Unordered and Ordered lists
|
62
|
+
ul, ol
|
63
|
+
margin: 0 0 $baseline 25px
|
64
|
+
|
65
|
+
ul ul,
|
66
|
+
ul ol,
|
67
|
+
ol ol,
|
68
|
+
ol ul
|
69
|
+
margin-bottom: 0
|
70
|
+
|
71
|
+
ul
|
72
|
+
list-style: disc
|
73
|
+
|
74
|
+
ol
|
75
|
+
list-style: decimal
|
76
|
+
|
77
|
+
li
|
78
|
+
line-height: $baseline
|
79
|
+
color: $gray
|
80
|
+
|
81
|
+
ul.unstyled
|
82
|
+
list-style: none
|
83
|
+
margin-left: 0
|
84
|
+
|
85
|
+
// Description Lists
|
86
|
+
dl
|
87
|
+
margin-bottom: $baseline
|
88
|
+
dt, dd
|
89
|
+
line-height: $baseline
|
90
|
+
dt
|
91
|
+
font-weight: bold
|
92
|
+
dd
|
93
|
+
margin-left: $baseline / 2
|
94
|
+
|
95
|
+
// MISC
|
96
|
+
// ----
|
97
|
+
|
98
|
+
// Horizontal rules
|
99
|
+
hr
|
100
|
+
margin: 20px 0 19px
|
101
|
+
border: 0
|
102
|
+
border-bottom: 1px solid #eee
|
103
|
+
|
104
|
+
// Emphasis
|
105
|
+
strong
|
106
|
+
font-style: inherit
|
107
|
+
font-weight: bold
|
108
|
+
|
109
|
+
em
|
110
|
+
font-style: italic
|
111
|
+
font-weight: inherit
|
112
|
+
line-height: inherit
|
113
|
+
|
114
|
+
.muted
|
115
|
+
color: $grayLight
|
116
|
+
|
117
|
+
// Blockquotes
|
118
|
+
blockquote
|
119
|
+
margin-bottom: $baseline
|
120
|
+
border-left: 5px solid #eee
|
121
|
+
padding-left: 15px
|
122
|
+
p
|
123
|
+
+shorthand(300, 14px, $baseline)
|
124
|
+
margin-bottom: 0
|
125
|
+
small
|
126
|
+
display: block
|
127
|
+
+shorthand(300, 12px, $baseline)
|
128
|
+
color: $grayLight
|
129
|
+
&:before
|
130
|
+
content: '\2014 \00A0'
|
131
|
+
|
132
|
+
// Addresses
|
133
|
+
address
|
134
|
+
display: block
|
135
|
+
line-height: $baseline
|
136
|
+
margin-bottom: $baseline
|
137
|
+
|
138
|
+
// Inline and block code styles
|
139
|
+
code, pre
|
140
|
+
padding: 0 3px 2px
|
141
|
+
font-family: Monaco, Andale Mono, Courier New, monospace
|
142
|
+
font-size: 12px
|
143
|
+
+border-radius(3px)
|
144
|
+
|
145
|
+
code
|
146
|
+
background-color: lighten($orange, 40%)
|
147
|
+
color: rgba(0, 0, 0, 0.75)
|
148
|
+
padding: 1px 3px
|
149
|
+
|
150
|
+
pre
|
151
|
+
background-color: #f5f5f5
|
152
|
+
display: block
|
153
|
+
padding: ($baseline - 1) / 2
|
154
|
+
margin: 0 0 $baseline
|
155
|
+
line-height: $baseline
|
156
|
+
font-size: 12px
|
157
|
+
border: 1px solid #ccc
|
158
|
+
border: 1px solid rgba(0, 0, 0, 0.15)
|
159
|
+
+border-radius(3px)
|
160
|
+
white-space: pre
|
161
|
+
white-space: pre-wrap
|
162
|
+
word-wrap: break-word
|
@@ -0,0 +1,71 @@
|
|
1
|
+
/* Variables.less
|
2
|
+
* Variables to customize the look and feel of Bootstrap
|
3
|
+
* -----------------------------------------------------
|
4
|
+
|
5
|
+
// Links
|
6
|
+
$linkColor: #0069d6
|
7
|
+
$linkColorHover: darken($linkColor, 15)
|
8
|
+
|
9
|
+
// Grays
|
10
|
+
$black: black
|
11
|
+
$grayDark: lighten($black, 25%)
|
12
|
+
$gray: lighten($black, 50%)
|
13
|
+
$grayLight: lighten($black, 75%)
|
14
|
+
$grayLighter: lighten($black, 90%)
|
15
|
+
$white: white
|
16
|
+
|
17
|
+
// Accent Colors
|
18
|
+
$blue: #049cdb
|
19
|
+
$blueDark: #0064cd
|
20
|
+
$green: #46a546
|
21
|
+
$red: #9d261d
|
22
|
+
$yellow: #ffc40d
|
23
|
+
$orange: #f89406
|
24
|
+
$pink: #c3325f
|
25
|
+
$purple: #7a43b6
|
26
|
+
|
27
|
+
// Baseline grid
|
28
|
+
$basefont: 13px
|
29
|
+
$baseline: 18px
|
30
|
+
|
31
|
+
// Griditude
|
32
|
+
// Modify the grid styles in mixins.less
|
33
|
+
$gridColumns: 16
|
34
|
+
$gridColumnWidth: 40px
|
35
|
+
$gridGutterWidth: 20px
|
36
|
+
$extraSpace: $gridGutterWidth * 2
|
37
|
+
|
38
|
+
// For our grid calculations
|
39
|
+
$siteWidth: $gridColumns * $gridColumnWidth + $gridGutterWidth * ($gridColumns - 1)
|
40
|
+
|
41
|
+
// Color Scheme
|
42
|
+
// Use this to roll your own color schemes if you like (unused by Bootstrap by default)
|
43
|
+
$baseColor: $blue
|
44
|
+
|
45
|
+
// Set a base color
|
46
|
+
$complement: adjust-hue($baseColor, 180)
|
47
|
+
|
48
|
+
// Determine a complementary color
|
49
|
+
$split1: adjust-hue($baseColor, 158)
|
50
|
+
|
51
|
+
// Split complements
|
52
|
+
$split2: adjust-hue($baseColor, -158)
|
53
|
+
$triad1: adjust-hue($baseColor, 135)
|
54
|
+
|
55
|
+
// Triads colors
|
56
|
+
$triad2: adjust-hue($baseColor, -135)
|
57
|
+
$tetra1: adjust-hue($baseColor, 90)
|
58
|
+
|
59
|
+
// Tetra colors
|
60
|
+
$tetra2: adjust-hue($baseColor, -90)
|
61
|
+
$analog1: adjust-hue($baseColor, 22)
|
62
|
+
|
63
|
+
// Analogs colors
|
64
|
+
$analog2: adjust-hue($baseColor, -22)
|
65
|
+
|
66
|
+
// More variables coming soon:
|
67
|
+
// - $basefont to $baseFontSize
|
68
|
+
// - $baseline to $baseLineHeight
|
69
|
+
// - $baseFontFamily
|
70
|
+
// - $primaryButtonColor
|
71
|
+
// - anything else? File an issue on GitHub
|
@@ -0,0 +1,124 @@
|
|
1
|
+
/* ==========================================================
|
2
|
+
* bootstrap-alerts.js v1.4.0
|
3
|
+
* http://twitter.github.com/bootstrap/javascript.html#alerts
|
4
|
+
* ==========================================================
|
5
|
+
* Copyright 2011 Twitter, Inc.
|
6
|
+
*
|
7
|
+
* Licensed under the Apache License, Version 2.0 (the "License");
|
8
|
+
* you may not use this file except in compliance with the License.
|
9
|
+
* You may obtain a copy of the License at
|
10
|
+
*
|
11
|
+
* http://www.apache.org/licenses/LICENSE-2.0
|
12
|
+
*
|
13
|
+
* Unless required by applicable law or agreed to in writing, software
|
14
|
+
* distributed under the License is distributed on an "AS IS" BASIS,
|
15
|
+
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
16
|
+
* See the License for the specific language governing permissions and
|
17
|
+
* limitations under the License.
|
18
|
+
* ========================================================== */
|
19
|
+
|
20
|
+
|
21
|
+
!function( $ ){
|
22
|
+
|
23
|
+
"use strict"
|
24
|
+
|
25
|
+
/* CSS TRANSITION SUPPORT (https://gist.github.com/373874)
|
26
|
+
* ======================================================= */
|
27
|
+
|
28
|
+
var transitionEnd
|
29
|
+
|
30
|
+
$(document).ready(function () {
|
31
|
+
|
32
|
+
$.support.transition = (function () {
|
33
|
+
var thisBody = document.body || document.documentElement
|
34
|
+
, thisStyle = thisBody.style
|
35
|
+
, support = thisStyle.transition !== undefined || thisStyle.WebkitTransition !== undefined || thisStyle.MozTransition !== undefined || thisStyle.MsTransition !== undefined || thisStyle.OTransition !== undefined
|
36
|
+
return support
|
37
|
+
})()
|
38
|
+
|
39
|
+
// set CSS transition event type
|
40
|
+
if ( $.support.transition ) {
|
41
|
+
transitionEnd = "TransitionEnd"
|
42
|
+
if ( $.browser.webkit ) {
|
43
|
+
transitionEnd = "webkitTransitionEnd"
|
44
|
+
} else if ( $.browser.mozilla ) {
|
45
|
+
transitionEnd = "transitionend"
|
46
|
+
} else if ( $.browser.opera ) {
|
47
|
+
transitionEnd = "oTransitionEnd"
|
48
|
+
}
|
49
|
+
}
|
50
|
+
|
51
|
+
})
|
52
|
+
|
53
|
+
/* ALERT CLASS DEFINITION
|
54
|
+
* ====================== */
|
55
|
+
|
56
|
+
var Alert = function ( content, options ) {
|
57
|
+
if (options == 'close') return this.close.call(content)
|
58
|
+
this.settings = $.extend({}, $.fn.alert.defaults, options)
|
59
|
+
this.$element = $(content)
|
60
|
+
.delegate(this.settings.selector, 'click', this.close)
|
61
|
+
}
|
62
|
+
|
63
|
+
Alert.prototype = {
|
64
|
+
|
65
|
+
close: function (e) {
|
66
|
+
var $element = $(this)
|
67
|
+
, className = 'alert-message'
|
68
|
+
|
69
|
+
$element = $element.hasClass(className) ? $element : $element.parent()
|
70
|
+
|
71
|
+
e && e.preventDefault()
|
72
|
+
$element.removeClass('in')
|
73
|
+
|
74
|
+
function removeElement () {
|
75
|
+
$element.remove()
|
76
|
+
}
|
77
|
+
|
78
|
+
$.support.transition && $element.hasClass('fade') ?
|
79
|
+
$element.bind(transitionEnd, removeElement) :
|
80
|
+
removeElement()
|
81
|
+
}
|
82
|
+
|
83
|
+
}
|
84
|
+
|
85
|
+
|
86
|
+
/* ALERT PLUGIN DEFINITION
|
87
|
+
* ======================= */
|
88
|
+
|
89
|
+
$.fn.alert = function ( options ) {
|
90
|
+
|
91
|
+
if ( options === true ) {
|
92
|
+
return this.data('alert')
|
93
|
+
}
|
94
|
+
|
95
|
+
return this.each(function () {
|
96
|
+
var $this = $(this)
|
97
|
+
, data
|
98
|
+
|
99
|
+
if ( typeof options == 'string' ) {
|
100
|
+
|
101
|
+
data = $this.data('alert')
|
102
|
+
|
103
|
+
if (typeof data == 'object') {
|
104
|
+
return data[options].call( $this )
|
105
|
+
}
|
106
|
+
|
107
|
+
}
|
108
|
+
|
109
|
+
$(this).data('alert', new Alert( this, options ))
|
110
|
+
|
111
|
+
})
|
112
|
+
}
|
113
|
+
|
114
|
+
$.fn.alert.defaults = {
|
115
|
+
selector: '.close'
|
116
|
+
}
|
117
|
+
|
118
|
+
$(document).ready(function () {
|
119
|
+
new Alert($('body'), {
|
120
|
+
selector: '.alert-message[data-alert] .close'
|
121
|
+
})
|
122
|
+
})
|
123
|
+
|
124
|
+
}( window.jQuery || window.ender );
|
@@ -0,0 +1,64 @@
|
|
1
|
+
/* ============================================================
|
2
|
+
* bootstrap-buttons.js v1.4.0
|
3
|
+
* http://twitter.github.com/bootstrap/javascript.html#buttons
|
4
|
+
* ============================================================
|
5
|
+
* Copyright 2011 Twitter, Inc.
|
6
|
+
*
|
7
|
+
* Licensed under the Apache License, Version 2.0 (the "License");
|
8
|
+
* you may not use this file except in compliance with the License.
|
9
|
+
* You may obtain a copy of the License at
|
10
|
+
*
|
11
|
+
* http://www.apache.org/licenses/LICENSE-2.0
|
12
|
+
*
|
13
|
+
* Unless required by applicable law or agreed to in writing, software
|
14
|
+
* distributed under the License is distributed on an "AS IS" BASIS,
|
15
|
+
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
16
|
+
* See the License for the specific language governing permissions and
|
17
|
+
* limitations under the License.
|
18
|
+
* ============================================================ */
|
19
|
+
|
20
|
+
!function( $ ){
|
21
|
+
|
22
|
+
"use strict"
|
23
|
+
|
24
|
+
function setState(el, state) {
|
25
|
+
var d = 'disabled'
|
26
|
+
, $el = $(el)
|
27
|
+
, data = $el.data()
|
28
|
+
|
29
|
+
state = state + 'Text'
|
30
|
+
data.resetText || $el.data('resetText', $el.html())
|
31
|
+
|
32
|
+
$el.html( data[state] || $.fn.button.defaults[state] )
|
33
|
+
|
34
|
+
setTimeout(function () {
|
35
|
+
state == 'loadingText' ?
|
36
|
+
$el.addClass(d).attr(d, d) :
|
37
|
+
$el.removeClass(d).removeAttr(d)
|
38
|
+
}, 0)
|
39
|
+
}
|
40
|
+
|
41
|
+
function toggle(el) {
|
42
|
+
$(el).toggleClass('active')
|
43
|
+
}
|
44
|
+
|
45
|
+
$.fn.button = function(options) {
|
46
|
+
return this.each(function () {
|
47
|
+
if (options == 'toggle') {
|
48
|
+
return toggle(this)
|
49
|
+
}
|
50
|
+
options && setState(this, options)
|
51
|
+
})
|
52
|
+
}
|
53
|
+
|
54
|
+
$.fn.button.defaults = {
|
55
|
+
loadingText: 'loading...'
|
56
|
+
}
|
57
|
+
|
58
|
+
$(function () {
|
59
|
+
$('body').delegate('.btn[data-toggle]', 'click', function () {
|
60
|
+
$(this).button('toggle')
|
61
|
+
})
|
62
|
+
})
|
63
|
+
|
64
|
+
}( window.jQuery || window.ender );
|
@@ -0,0 +1,55 @@
|
|
1
|
+
/* ============================================================
|
2
|
+
* bootstrap-dropdown.js v1.4.0
|
3
|
+
* http://twitter.github.com/bootstrap/javascript.html#dropdown
|
4
|
+
* ============================================================
|
5
|
+
* Copyright 2011 Twitter, Inc.
|
6
|
+
*
|
7
|
+
* Licensed under the Apache License, Version 2.0 (the "License");
|
8
|
+
* you may not use this file except in compliance with the License.
|
9
|
+
* You may obtain a copy of the License at
|
10
|
+
*
|
11
|
+
* http://www.apache.org/licenses/LICENSE-2.0
|
12
|
+
*
|
13
|
+
* Unless required by applicable law or agreed to in writing, software
|
14
|
+
* distributed under the License is distributed on an "AS IS" BASIS,
|
15
|
+
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
16
|
+
* See the License for the specific language governing permissions and
|
17
|
+
* limitations under the License.
|
18
|
+
* ============================================================ */
|
19
|
+
|
20
|
+
|
21
|
+
!function( $ ){
|
22
|
+
|
23
|
+
"use strict"
|
24
|
+
|
25
|
+
/* DROPDOWN PLUGIN DEFINITION
|
26
|
+
* ========================== */
|
27
|
+
|
28
|
+
$.fn.dropdown = function ( selector ) {
|
29
|
+
return this.each(function () {
|
30
|
+
$(this).delegate(selector || d, 'click', function (e) {
|
31
|
+
var li = $(this).parent('li')
|
32
|
+
, isActive = li.hasClass('open')
|
33
|
+
|
34
|
+
clearMenus()
|
35
|
+
!isActive && li.toggleClass('open')
|
36
|
+
return false
|
37
|
+
})
|
38
|
+
})
|
39
|
+
}
|
40
|
+
|
41
|
+
/* APPLY TO STANDARD DROPDOWN ELEMENTS
|
42
|
+
* =================================== */
|
43
|
+
|
44
|
+
var d = 'a.menu, .dropdown-toggle'
|
45
|
+
|
46
|
+
function clearMenus() {
|
47
|
+
$(d).parent('li').removeClass('open')
|
48
|
+
}
|
49
|
+
|
50
|
+
$(function () {
|
51
|
+
$('html').bind("click", clearMenus)
|
52
|
+
$('body').dropdown( '[data-dropdown] a.menu, [data-dropdown] .dropdown-toggle' )
|
53
|
+
})
|
54
|
+
|
55
|
+
}( window.jQuery || window.ender );
|