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.
Files changed (32) hide show
  1. data/CHANGELOG.md +11 -1
  2. data/README.md +25 -3
  3. data/Rakefile +5 -0
  4. data/{lib → build}/convert.rb +55 -4
  5. data/init.rb +1 -0
  6. data/lib/compass_twitter_bootstrap.rb +5 -0
  7. data/lib/compass_twitter_bootstrap/engine.rb +4 -0
  8. data/lib/compass_twitter_bootstrap/version.rb +1 -1
  9. data/stylesheets/compass_twitter_bootstrap/_forms.scss +49 -35
  10. data/stylesheets/compass_twitter_bootstrap/_mixins.scss +5 -2
  11. data/stylesheets/compass_twitter_bootstrap/_patterns.scss +100 -45
  12. data/stylesheets/compass_twitter_bootstrap/_reset.scss +1 -1
  13. data/stylesheets/compass_twitter_bootstrap/_scaffolding.scss +24 -20
  14. data/stylesheets/compass_twitter_bootstrap/_tables.scss +68 -15
  15. data/stylesheets_sass/_compass_twitter_bootstrap.sass +27 -0
  16. data/stylesheets_sass/compass_twitter_bootstrap/_forms.sass +451 -0
  17. data/stylesheets_sass/compass_twitter_bootstrap/_mixins.sass +159 -0
  18. data/stylesheets_sass/compass_twitter_bootstrap/_patterns.sass +923 -0
  19. data/stylesheets_sass/compass_twitter_bootstrap/_reset.sass +164 -0
  20. data/stylesheets_sass/compass_twitter_bootstrap/_scaffolding.sass +187 -0
  21. data/stylesheets_sass/compass_twitter_bootstrap/_tables.sass +198 -0
  22. data/stylesheets_sass/compass_twitter_bootstrap/_type.sass +162 -0
  23. data/stylesheets_sass/compass_twitter_bootstrap/_variables.sass +71 -0
  24. data/vendor/assets/javascripts/bootstrap-alerts.js +124 -0
  25. data/vendor/assets/javascripts/bootstrap-buttons.js +64 -0
  26. data/vendor/assets/javascripts/bootstrap-dropdown.js +55 -0
  27. data/vendor/assets/javascripts/bootstrap-modal.js +260 -0
  28. data/vendor/assets/javascripts/bootstrap-popover.js +90 -0
  29. data/vendor/assets/javascripts/bootstrap-scrollspy.js +107 -0
  30. data/vendor/assets/javascripts/bootstrap-tabs.js +80 -0
  31. data/vendor/assets/javascripts/bootstrap-twipsy.js +321 -0
  32. 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 );