compass_twitter_bootstrap 0.1.8 → 2.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (96) hide show
  1. data/CHANGELOG.md +6 -0
  2. data/README.md +14 -8
  3. data/build/convert.rb +58 -33
  4. data/lib/compass_twitter_bootstrap.rb +1 -1
  5. data/lib/compass_twitter_bootstrap/version.rb +1 -1
  6. data/stylesheets/_compass_twitter_bootstrap.scss +45 -7
  7. data/stylesheets/_compass_twitter_bootstrap_responsive.scss +322 -0
  8. data/stylesheets/compass_twitter_bootstrap/_accordion.scss +28 -0
  9. data/stylesheets/compass_twitter_bootstrap/_alerts.scss +70 -0
  10. data/stylesheets/compass_twitter_bootstrap/_breadcrumbs.scss +22 -0
  11. data/stylesheets/compass_twitter_bootstrap/_button-groups.scss +147 -0
  12. data/stylesheets/compass_twitter_bootstrap/_buttons.scss +165 -0
  13. data/stylesheets/compass_twitter_bootstrap/_carousel.scss +121 -0
  14. data/stylesheets/compass_twitter_bootstrap/_close.scss +18 -0
  15. data/stylesheets/compass_twitter_bootstrap/_code.scss +44 -0
  16. data/stylesheets/compass_twitter_bootstrap/_component-animations.scss +18 -0
  17. data/stylesheets/compass_twitter_bootstrap/_dropdowns.scss +131 -0
  18. data/stylesheets/compass_twitter_bootstrap/_forms.scss +335 -299
  19. data/stylesheets/compass_twitter_bootstrap/_grid.scss +8 -0
  20. data/stylesheets/compass_twitter_bootstrap/_hero-unit.scss +20 -0
  21. data/stylesheets/compass_twitter_bootstrap/_labels.scss +16 -0
  22. data/stylesheets/compass_twitter_bootstrap/_layouts.scss +17 -0
  23. data/stylesheets/compass_twitter_bootstrap/_mixins.scss +409 -68
  24. data/stylesheets/compass_twitter_bootstrap/_modals.scss +72 -0
  25. data/stylesheets/compass_twitter_bootstrap/_navbar.scss +292 -0
  26. data/stylesheets/compass_twitter_bootstrap/_navs.scss +344 -0
  27. data/stylesheets/compass_twitter_bootstrap/_pager.scss +30 -0
  28. data/stylesheets/compass_twitter_bootstrap/_pagination.scss +55 -0
  29. data/stylesheets/compass_twitter_bootstrap/_popovers.scss +49 -0
  30. data/stylesheets/compass_twitter_bootstrap/_progress-bars.scss +95 -0
  31. data/stylesheets/compass_twitter_bootstrap/_reset.scss +37 -52
  32. data/stylesheets/compass_twitter_bootstrap/_scaffolding.scss +13 -123
  33. data/stylesheets/compass_twitter_bootstrap/_sprites.scss +156 -0
  34. data/stylesheets/compass_twitter_bootstrap/_tables.scss +75 -160
  35. data/stylesheets/compass_twitter_bootstrap/_thumbnails.scss +35 -0
  36. data/stylesheets/compass_twitter_bootstrap/_tooltip.scss +35 -0
  37. data/stylesheets/compass_twitter_bootstrap/_type.scss +100 -70
  38. data/stylesheets/compass_twitter_bootstrap/_utilities.scss +23 -0
  39. data/stylesheets/compass_twitter_bootstrap/_variables.scss +94 -55
  40. data/stylesheets/compass_twitter_bootstrap/_wells.scss +17 -0
  41. data/stylesheets_sass/_compass_twitter_bootstrap.sass +49 -6
  42. data/stylesheets_sass/_compass_twitter_bootstrap_responsive.sass +252 -0
  43. data/stylesheets_sass/compass_twitter_bootstrap/_accordion.sass +24 -0
  44. data/stylesheets_sass/compass_twitter_bootstrap/_alerts.sass +65 -0
  45. data/stylesheets_sass/compass_twitter_bootstrap/_breadcrumbs.sass +18 -0
  46. data/stylesheets_sass/compass_twitter_bootstrap/_button-groups.sass +129 -0
  47. data/stylesheets_sass/compass_twitter_bootstrap/_buttons.sass +150 -0
  48. data/stylesheets_sass/compass_twitter_bootstrap/_carousel.sass +95 -0
  49. data/stylesheets_sass/compass_twitter_bootstrap/_close.sass +16 -0
  50. data/stylesheets_sass/compass_twitter_bootstrap/_code.sass +41 -0
  51. data/stylesheets_sass/compass_twitter_bootstrap/_component-animations.sass +16 -0
  52. data/stylesheets_sass/compass_twitter_bootstrap/_dropdowns.sass +121 -0
  53. data/stylesheets_sass/compass_twitter_bootstrap/_forms.sass +327 -306
  54. data/stylesheets_sass/compass_twitter_bootstrap/_grid.sass +8 -0
  55. data/stylesheets_sass/compass_twitter_bootstrap/_hero-unit.sass +17 -0
  56. data/stylesheets_sass/compass_twitter_bootstrap/_labels.sass +23 -0
  57. data/stylesheets_sass/compass_twitter_bootstrap/_layouts.sass +14 -0
  58. data/stylesheets_sass/compass_twitter_bootstrap/_mixins.sass +425 -57
  59. data/stylesheets_sass/compass_twitter_bootstrap/_modals.sass +75 -0
  60. data/stylesheets_sass/compass_twitter_bootstrap/_navbar.sass +258 -0
  61. data/stylesheets_sass/compass_twitter_bootstrap/_navs.sass +316 -0
  62. data/stylesheets_sass/compass_twitter_bootstrap/_pager.sass +29 -0
  63. data/stylesheets_sass/compass_twitter_bootstrap/_pagination.sass +53 -0
  64. data/stylesheets_sass/compass_twitter_bootstrap/_popovers.sass +55 -0
  65. data/stylesheets_sass/compass_twitter_bootstrap/_progress-bars.sass +89 -0
  66. data/stylesheets_sass/compass_twitter_bootstrap/_reset.sass +33 -67
  67. data/stylesheets_sass/compass_twitter_bootstrap/_scaffolding.sass +13 -175
  68. data/stylesheets_sass/compass_twitter_bootstrap/_sprites.sass +392 -0
  69. data/stylesheets_sass/compass_twitter_bootstrap/_tables.sass +67 -139
  70. data/stylesheets_sass/compass_twitter_bootstrap/_thumbnails.sass +34 -0
  71. data/stylesheets_sass/compass_twitter_bootstrap/_tooltip.sass +43 -0
  72. data/stylesheets_sass/compass_twitter_bootstrap/_type.sass +95 -65
  73. data/stylesheets_sass/compass_twitter_bootstrap/_utilities.sass +20 -0
  74. data/stylesheets_sass/compass_twitter_bootstrap/_variables.sass +67 -45
  75. data/stylesheets_sass/compass_twitter_bootstrap/_wells.sass +15 -0
  76. data/vendor/assets/images/glyphicons-halflings-white.png +0 -0
  77. data/vendor/assets/images/glyphicons-halflings.png +0 -0
  78. data/vendor/assets/javascripts/bootstrap-alert.js +91 -0
  79. data/vendor/assets/javascripts/bootstrap-button.js +98 -0
  80. data/vendor/assets/javascripts/bootstrap-carousel.js +154 -0
  81. data/vendor/assets/javascripts/bootstrap-collapse.js +136 -0
  82. data/vendor/assets/javascripts/bootstrap-dropdown.js +58 -21
  83. data/vendor/assets/javascripts/bootstrap-modal.js +63 -114
  84. data/vendor/assets/javascripts/bootstrap-popover.js +38 -33
  85. data/vendor/assets/javascripts/bootstrap-scrollspy.js +62 -44
  86. data/vendor/assets/javascripts/bootstrap-tab.js +130 -0
  87. data/vendor/assets/javascripts/bootstrap-tooltip.js +270 -0
  88. data/vendor/assets/javascripts/bootstrap-transition.js +51 -0
  89. data/vendor/assets/javascripts/bootstrap-typeahead.js +271 -0
  90. metadata +69 -17
  91. data/stylesheets/compass_twitter_bootstrap/_patterns.scss +0 -1058
  92. data/stylesheets_sass/compass_twitter_bootstrap/_patterns.sass +0 -923
  93. data/vendor/assets/javascripts/bootstrap-alerts.js +0 -124
  94. data/vendor/assets/javascripts/bootstrap-buttons.js +0 -64
  95. data/vendor/assets/javascripts/bootstrap-tabs.js +0 -80
  96. data/vendor/assets/javascripts/bootstrap-twipsy.js +0 -321
@@ -0,0 +1,129 @@
1
+ // BUTTON GROUPS
2
+ // -------------
3
+
4
+ // Make the div behave like a button
5
+ .btn-group
6
+ position: relative
7
+ +clearfix
8
+ // clears the floated buttons
9
+ +ie7-restore-left-whitespace
10
+
11
+ // Space out series of button groups
12
+ .btn-group + .btn-group
13
+ margin-left: 5px
14
+
15
+ // Optional: Group multiple button groups together for a toolbar
16
+ .btn-toolbar
17
+ margin-top: $baseLineHeight / 2
18
+ margin-bottom: $baseLineHeight / 2
19
+ .btn-group
20
+ display: inline-block
21
+ +ie7-inline-block
22
+
23
+ // Float them, remove border radius, then re-add to first and last elements
24
+ .btn-group .btn
25
+ position: relative
26
+ float: left
27
+ margin-left: -1px
28
+ +border-radius(0)
29
+
30
+ // Set corners individual because sometimes a single button can be in a .btn-group and we need :first-child and :last-child to both match
31
+ .btn-group .btn:first-child
32
+ margin-left: 0
33
+ -webkit-border-top-left-radius: 4px
34
+ -moz-border-radius-topleft: 4px
35
+ border-top-left-radius: 4px
36
+ -webkit-border-bottom-left-radius: 4px
37
+ -moz-border-radius-bottomleft: 4px
38
+ border-bottom-left-radius: 4px
39
+
40
+ .btn-group .btn:last-child,
41
+ .btn-group .dropdown-toggle
42
+ -webkit-border-top-right-radius: 4px
43
+ -moz-border-radius-topright: 4px
44
+ border-top-right-radius: 4px
45
+ -webkit-border-bottom-right-radius: 4px
46
+ -moz-border-radius-bottomright: 4px
47
+ border-bottom-right-radius: 4px
48
+
49
+ // Reset corners for large buttons
50
+ .btn-group .btn.large:first-child
51
+ margin-left: 0
52
+ -webkit-border-top-left-radius: 6px
53
+ -moz-border-radius-topleft: 6px
54
+ border-top-left-radius: 6px
55
+ -webkit-border-bottom-left-radius: 6px
56
+ -moz-border-radius-bottomleft: 6px
57
+ border-bottom-left-radius: 6px
58
+
59
+ .btn-group .btn.large:last-child,
60
+ .btn-group .large.dropdown-toggle
61
+ -webkit-border-top-right-radius: 6px
62
+ -moz-border-radius-topright: 6px
63
+ border-top-right-radius: 6px
64
+ -webkit-border-bottom-right-radius: 6px
65
+ -moz-border-radius-bottomright: 6px
66
+ border-bottom-right-radius: 6px
67
+
68
+ // On hover/focus/active, bring the proper btn to front
69
+
70
+ .btn-group .btn:hover,
71
+ .btn-group .btn:focus,
72
+ .btn-group .btn:active,
73
+ .btn-group .btn.active
74
+ z-index: 2
75
+
76
+ // On active and open, don't show outline
77
+
78
+ .btn-group .dropdown-toggle:active,
79
+ .btn-group.open .dropdown-toggle
80
+ outline: 0
81
+
82
+ // Split button dropdowns
83
+ // ----------------------
84
+
85
+ // Give the line between buttons some depth
86
+ .btn-group .dropdown-toggle
87
+ padding-left: 8px
88
+ padding-right: 8px
89
+ $shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05)
90
+ +box-shadow($shadow)
91
+ *padding-top: 5px
92
+ *padding-bottom: 5px
93
+
94
+ .btn-group.open
95
+ // IE7's z-index only goes to the nearest positioned ancestor, which would
96
+ // make the menu appear below buttons that appeared later on the page
97
+ *z-index: $zindexDropdown
98
+ // Reposition menu on open and round all corners
99
+ .dropdown-menu
100
+ display: block
101
+ margin-top: 1px
102
+ +border-radius(5px)
103
+ .dropdown-toggle
104
+ background-image: none
105
+ $shadow: inset 0 1px 6px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05)
106
+ +box-shadow($shadow)
107
+
108
+ // Reposition the caret
109
+ .btn .caret
110
+ margin-top: 7px
111
+ margin-left: 0
112
+
113
+ .btn:hover .caret,
114
+ .open.btn-group .caret
115
+ +opacity(1)
116
+
117
+ // Account for other colors
118
+
119
+ .btn-primary,
120
+ .btn-danger,
121
+ .btn-info,
122
+ .btn-success
123
+ .caret
124
+ border-top-color: $white
125
+ +opacity(0.75)
126
+
127
+ // Small button dropdowns
128
+ .btn-small .caret
129
+ margin-top: 4px
@@ -0,0 +1,150 @@
1
+ // BUTTON STYLES
2
+ // -------------
3
+
4
+ // Base styles
5
+ // --------------------------------------------------
6
+
7
+ // Core
8
+ .btn
9
+ display: inline-block
10
+ padding: 4px 10px 4px
11
+ font-size: $baseFontSize
12
+ line-height: $baseLineHeight
13
+ color: $grayDark
14
+ text-align: center
15
+ text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75)
16
+ +gradient-vertical-three-colors($white, $white, 25%, darken($white, 10%))
17
+ // Don't use @include gradientbar(); here since it does a three-color gradient
18
+ border: 1px solid #ccc
19
+ border-bottom-color: #bbb
20
+ +border-radius(4px)
21
+ $shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05)
22
+ +box-shadow($shadow)
23
+ cursor: pointer
24
+ // Give IE7 some love
25
+ +ie7-restore-left-whitespace
26
+
27
+ // Hover state
28
+ .btn:hover
29
+ color: $grayDark
30
+ text-decoration: none
31
+ background-color: darken($white, 10%)
32
+ background-position: 0 -15px
33
+ // transition is only when going to hover, otherwise the background
34
+ // behind the gradient (there for IE<=9 fallback) gets mismatched
35
+ +transition(background-position 0.1s linear)
36
+
37
+ // Focus state for keyboard and accessibility
38
+ .btn:focus
39
+ +tab-focus
40
+
41
+ // Active state
42
+
43
+ .btn.active,
44
+ .btn:active
45
+ background-image: none
46
+ $shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05)
47
+ +box-shadow($shadow)
48
+ background-color: darken($white, 10%)
49
+ background-color: darken($white, 15%) e("\9")
50
+ color: rgba(0, 0, 0, 0.5)
51
+ outline: 0
52
+
53
+ // Disabled state
54
+
55
+ .btn.disabled,
56
+ .btn[disabled]
57
+ cursor: default
58
+ background-image: none
59
+ background-color: darken($white, 10%)
60
+ +opacity(0.65)
61
+ +box-shadow(none)
62
+
63
+ // Button Sizes
64
+ // --------------------------------------------------
65
+
66
+ // Large
67
+ .btn-large
68
+ padding: 9px 14px
69
+ font-size: $baseFontSize + 2px
70
+ line-height: normal
71
+ +border-radius(5px)
72
+
73
+ .btn-large .icon
74
+ margin-top: 1px
75
+
76
+ // Small
77
+ .btn-small
78
+ padding: 5px 9px
79
+ font-size: $baseFontSize - 2px
80
+ line-height: $baseLineHeight - 2px
81
+
82
+ .btn-small .icon
83
+ margin-top: -1px
84
+
85
+ // Alternate buttons
86
+ // --------------------------------------------------
87
+
88
+ // Set text color
89
+ // -------------------------
90
+
91
+ .btn-primary,
92
+ .btn-primary:hover,
93
+ .btn-warning,
94
+ .btn-warning:hover,
95
+ .btn-danger,
96
+ .btn-danger:hover,
97
+ .btn-success,
98
+ .btn-success:hover,
99
+ .btn-info,
100
+ .btn-info:hover
101
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)
102
+ color: $white
103
+
104
+ // Provide *some* extra contrast for those who can get it
105
+
106
+ .btn-primary.active,
107
+ .btn-warning.active,
108
+ .btn-danger.active,
109
+ .btn-success.active,
110
+ .btn-info.active
111
+ color: rgba(255, 255, 255, 0.75)
112
+
113
+ // Set the backgrounds
114
+ // -------------------------
115
+ .btn-primary
116
+ +buttonBackground($primaryButtonBackground, adjust-hue($primaryButtonBackground, 20))
117
+
118
+ // Warning appears are orange
119
+ .btn-warning
120
+ +buttonBackground(lighten($orange, 15%), $orange)
121
+
122
+ // Danger and error appear as red
123
+ .btn-danger
124
+ +buttonBackground(#ee5f5b, #bd362f)
125
+
126
+ // Success appears as green
127
+ .btn-success
128
+ +buttonBackground(#62c462, #51a351)
129
+
130
+ // Info appears as a neutral blue
131
+ .btn-info
132
+ +buttonBackground(#5bc0de, #2f96b4)
133
+
134
+ // Cross-browser Jank
135
+ // --------------------------------------------------
136
+
137
+ button.btn,
138
+ input[type="submit"].btn
139
+ &::-moz-focus-inner
140
+ padding: 0
141
+ border: 0
142
+ // IE7 has some default padding on button controls
143
+ *padding-top: 2px
144
+ *padding-bottom: 2px
145
+ &.large
146
+ *padding-top: 7px
147
+ *padding-bottom: 7px
148
+ &.small
149
+ *padding-top: 3px
150
+ *padding-bottom: 3px
@@ -0,0 +1,95 @@
1
+ // CAROUSEL
2
+ // --------
3
+
4
+ .carousel
5
+ position: relative
6
+ margin-bottom: $baseLineHeight
7
+ line-height: 1
8
+
9
+ .carousel-inner
10
+ overflow: hidden
11
+ width: 100%
12
+ position: relative
13
+
14
+ .carousel
15
+ .item
16
+ display: none
17
+ position: relative
18
+ +transition(0.6s ease-in-out left)
19
+ // Account for jankitude on images
20
+ .item > img
21
+ display: block
22
+ line-height: 1
23
+ .active,
24
+ .next,
25
+ .prev
26
+ display: block
27
+ .active
28
+ left: 0
29
+ .next,
30
+ .prev
31
+ position: absolute
32
+ top: 0
33
+ width: 100%
34
+ .next
35
+ left: 100%
36
+ .prev
37
+ left: -100%
38
+ .next.left,
39
+ .prev.right
40
+ left: 0
41
+ .active.left
42
+ left: -100%
43
+ .active.right
44
+ left: 100%
45
+
46
+ // Left/right controls for nav
47
+ // ---------------------------
48
+
49
+ .carousel-control
50
+ position: absolute
51
+ top: 40%
52
+ left: 15px
53
+ width: 40px
54
+ height: 40px
55
+ margin-top: -20px
56
+ font-size: 60px
57
+ font-weight: 100
58
+ line-height: 30px
59
+ color: $white
60
+ text-align: center
61
+ background: $grayDarker
62
+ border: 3px solid $white
63
+ +border-radius(23px)
64
+ +opacity(0.5)
65
+ // we can't have this transition here
66
+ // because webkit cancels the carousel
67
+ // animation if you trip this while
68
+ // in the middle of another animation
69
+ // ;_;
70
+ // @include transition(opacity .2s linear);
71
+ // Reposition the right one
72
+ &.right
73
+ left: auto
74
+ right: 15px
75
+ // Hover state
76
+ &:hover
77
+ color: $white
78
+ text-decoration: none
79
+ +opacity(0.9)
80
+
81
+ // Caption for text below images
82
+ // -----------------------------
83
+
84
+ .carousel-caption
85
+ position: absolute
86
+ left: 0
87
+ right: 0
88
+ bottom: 0
89
+ padding: 10px 15px 5px
90
+ background: $grayDark
91
+ background: rgba(0, 0, 0, 0.75)
92
+
93
+ .carousel-caption h4,
94
+ .carousel-caption p
95
+ color: $white
@@ -0,0 +1,16 @@
1
+ // CLOSE ICONS
2
+ // -----------
3
+
4
+ .close
5
+ float: right
6
+ font-size: 20px
7
+ font-weight: bold
8
+ line-height: $baseLineHeight
9
+ color: $black
10
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 1)
11
+ +opacity(0.2)
12
+ &:hover
13
+ color: $black
14
+ text-decoration: none
15
+ +opacity(0.4)
16
+ cursor: pointer
@@ -0,0 +1,41 @@
1
+ // Code.less
2
+ // Code typography styles for the <code> and <pre> elements
3
+ // --------------------------------------------------------
4
+
5
+ // Inline and block code styles
6
+
7
+ code,
8
+ pre
9
+ padding: 0 3px 2px
10
+ +font-family-monospace
11
+ font-size: $baseFontSize - 1
12
+ color: $grayDark
13
+ +border-radius(3px)
14
+
15
+ code
16
+ padding: 3px 4px
17
+ color: #d14
18
+ background-color: #f7f7f9
19
+ border: 1px solid #e1e1e8
20
+
21
+ pre
22
+ display: block
23
+ padding: ($baseLineHeight - 1) / 2
24
+ margin: 0 0 $baseLineHeight / 2
25
+ font-size: 12px
26
+ line-height: $baseLineHeight
27
+ background-color: #f5f5f5
28
+ border: 1px solid #ccc
29
+ // fallback for IE7-8
30
+ border: 1px solid rgba(0, 0, 0, 0.15)
31
+ +border-radius(4px)
32
+ white-space: pre
33
+ white-space: pre-wrap
34
+ word-break: break-all
35
+ // Make prettyprint styles more spaced out for readability
36
+ &.prettyprint
37
+ margin-bottom: $baseLineHeight
38
+ // Account for some code outputs that place code tags in pre tags
39
+ code
40
+ padding: 0
41
+ background-color: transparent
@@ -0,0 +1,16 @@
1
+ // COMPONENT ANIMATIONS
2
+ // --------------------
3
+
4
+ .fade
5
+ +transition(opacity 0.15s linear)
6
+ opacity: 0
7
+ &.in
8
+ opacity: 1
9
+
10
+ .collapse
11
+ +transition(height 0.35s ease)
12
+ position: relative
13
+ overflow: hidden
14
+ height: 0
15
+ &.in
16
+ height: auto