compass_twitter_bootstrap 0.1.7 → 0.1.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- 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 );
|