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.
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 );