bootstrap_sass_rails 0.0.1

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 (66) hide show
  1. checksums.yaml +15 -0
  2. data/.gitignore +17 -0
  3. data/.rvmrc +1 -0
  4. data/Gemfile +4 -0
  5. data/LICENSE.txt +22 -0
  6. data/README.md +44 -0
  7. data/Rakefile +1 -0
  8. data/app/assets/javascripts/bootstrap.js +12 -0
  9. data/app/assets/javascripts/bootstrap/affix.js +126 -0
  10. data/app/assets/javascripts/bootstrap/alert.js +98 -0
  11. data/app/assets/javascripts/bootstrap/button.js +109 -0
  12. data/app/assets/javascripts/bootstrap/carousel.js +217 -0
  13. data/app/assets/javascripts/bootstrap/collapse.js +179 -0
  14. data/app/assets/javascripts/bootstrap/dropdown.js +154 -0
  15. data/app/assets/javascripts/bootstrap/modal.js +246 -0
  16. data/app/assets/javascripts/bootstrap/popover.js +117 -0
  17. data/app/assets/javascripts/bootstrap/scrollspy.js +158 -0
  18. data/app/assets/javascripts/bootstrap/tab.js +135 -0
  19. data/app/assets/javascripts/bootstrap/tooltip.js +386 -0
  20. data/app/assets/javascripts/bootstrap/transition.js +56 -0
  21. data/app/assets/stylesheets/bootstrap.css.sass +59 -0
  22. data/app/assets/stylesheets/bootstrap/_alerts.css.sass +55 -0
  23. data/app/assets/stylesheets/bootstrap/_badges.css.sass +50 -0
  24. data/app/assets/stylesheets/bootstrap/_breadcrumbs.css.sass +19 -0
  25. data/app/assets/stylesheets/bootstrap/_button-groups.css.sass +210 -0
  26. data/app/assets/stylesheets/bootstrap/_buttons.css.sass +135 -0
  27. data/app/assets/stylesheets/bootstrap/_carousel.css.sass +165 -0
  28. data/app/assets/stylesheets/bootstrap/_close.css.sass +28 -0
  29. data/app/assets/stylesheets/bootstrap/_code.css.sass +49 -0
  30. data/app/assets/stylesheets/bootstrap/_component-animations.css.sass +25 -0
  31. data/app/assets/stylesheets/bootstrap/_dropdowns.css.sass +166 -0
  32. data/app/assets/stylesheets/bootstrap/_forms.css.sass +309 -0
  33. data/app/assets/stylesheets/bootstrap/_glyphicons.css.sass +827 -0
  34. data/app/assets/stylesheets/bootstrap/_grid.css.sass +483 -0
  35. data/app/assets/stylesheets/bootstrap/_input-groups.css.sass +117 -0
  36. data/app/assets/stylesheets/bootstrap/_jumbotron.css.sass +28 -0
  37. data/app/assets/stylesheets/bootstrap/_labels.css.sass +46 -0
  38. data/app/assets/stylesheets/bootstrap/_list-group.css.sass +71 -0
  39. data/app/assets/stylesheets/bootstrap/_media.css.sass +47 -0
  40. data/app/assets/stylesheets/bootstrap/_mixins.css.sass +754 -0
  41. data/app/assets/stylesheets/bootstrap/_modals.css.sass +127 -0
  42. data/app/assets/stylesheets/bootstrap/_navbar.css.sass +457 -0
  43. data/app/assets/stylesheets/bootstrap/_navs.css.sass +171 -0
  44. data/app/assets/stylesheets/bootstrap/_normalize.css.sass +375 -0
  45. data/app/assets/stylesheets/bootstrap/_pager.css.sass +39 -0
  46. data/app/assets/stylesheets/bootstrap/_pagination.css.sass +66 -0
  47. data/app/assets/stylesheets/bootstrap/_panels.css.sass +114 -0
  48. data/app/assets/stylesheets/bootstrap/_popovers.css.sass +124 -0
  49. data/app/assets/stylesheets/bootstrap/_print.css.sass +66 -0
  50. data/app/assets/stylesheets/bootstrap/_progress-bars.css.sass +90 -0
  51. data/app/assets/stylesheets/bootstrap/_responsive-utilities.css.sass +152 -0
  52. data/app/assets/stylesheets/bootstrap/_scaffolding.css.sass +108 -0
  53. data/app/assets/stylesheets/bootstrap/_tables.css.sass +176 -0
  54. data/app/assets/stylesheets/bootstrap/_theme.css.sass +228 -0
  55. data/app/assets/stylesheets/bootstrap/_thumbnails.css.sass +26 -0
  56. data/app/assets/stylesheets/bootstrap/_tooltip.css.sass +91 -0
  57. data/app/assets/stylesheets/bootstrap/_type.css.sass +251 -0
  58. data/app/assets/stylesheets/bootstrap/_utilities.css.sass +36 -0
  59. data/app/assets/stylesheets/bootstrap/_variables.css.sass +614 -0
  60. data/app/assets/stylesheets/bootstrap/_wells.css.sass +25 -0
  61. data/bin/convert-sass.sh +3 -0
  62. data/bootstrap_sass_rails.gemspec +25 -0
  63. data/lib/bootstrap_sass_rails.rb +13 -0
  64. data/lib/bootstrap_sass_rails/engine.rb +4 -0
  65. data/lib/bootstrap_sass_rails/version.rb +3 -0
  66. metadata +152 -0
@@ -0,0 +1,39 @@
1
+ //
2
+ // Pager pagination
3
+ // --------------------------------------------------
4
+
5
+ .pager
6
+ padding-left: 0
7
+ margin: $line-height-computed 0
8
+ list-style: none
9
+ text-align: center
10
+ +clearfix
11
+ li
12
+ display: inline
13
+ > a,
14
+ > span
15
+ display: inline-block
16
+ padding: 5px 14px
17
+ background-color: $pagination-bg
18
+ border: 1px solid $pagination-border
19
+ border-radius: $pager-border-radius
20
+ > a:hover,
21
+ > a:focus
22
+ text-decoration: none
23
+ background-color: $pagination-hover-bg
24
+ .next
25
+ > a,
26
+ > span
27
+ float: right
28
+ .previous
29
+ > a,
30
+ > span
31
+ float: left
32
+ .disabled
33
+ > a,
34
+ > a:hover,
35
+ > a:focus,
36
+ > span
37
+ color: $pager-disabled-color
38
+ background-color: $pagination-bg
39
+ cursor: not-allowed
@@ -0,0 +1,66 @@
1
+ //
2
+ // Pagination (multiple pages)
3
+ // --------------------------------------------------
4
+ .pagination
5
+ display: inline-block
6
+ padding-left: 0
7
+ margin: $line-height-computed 0
8
+ border-radius: $border-radius-base
9
+ > li
10
+ display: inline
11
+ // Remove list-style and block-level defaults
12
+ > a,
13
+ > span
14
+ position: relative
15
+ float: left
16
+ // Collapse white-space
17
+ padding: $padding-base-vertical $padding-base-horizontal
18
+ line-height: $line-height-base
19
+ text-decoration: none
20
+ background-color: $pagination-bg
21
+ border: 1px solid $pagination-border
22
+ margin-left: -1px
23
+ &:first-child
24
+ > a,
25
+ > span
26
+ margin-left: 0
27
+ +border-left-radius($border-radius-base)
28
+ &:last-child
29
+ > a,
30
+ > span
31
+ +border-right-radius($border-radius-base)
32
+ > li > a,
33
+ > li > span
34
+ &:hover,
35
+ &:focus
36
+ background-color: $pagination-hover-bg
37
+ > .active > a,
38
+ > .active > span
39
+ &,
40
+ &:hover,
41
+ &:focus
42
+ z-index: 2
43
+ color: $pagination-active-color
44
+ background-color: $pagination-active-bg
45
+ border-color: $pagination-active-bg
46
+ cursor: default
47
+ > .disabled
48
+ > span,
49
+ > a,
50
+ > a:hover,
51
+ > a:focus
52
+ color: $pagination-disabled-color
53
+ background-color: $pagination-bg
54
+ border-color: $pagination-border
55
+ cursor: not-allowed
56
+
57
+ // Sizing
58
+ // --------------------------------------------------
59
+
60
+ // Large
61
+ .pagination-lg
62
+ +pagination-size($padding-large-vertical, $padding-large-horizontal, $font-size-large, $border-radius-large)
63
+
64
+ // Small
65
+ .pagination-sm
66
+ +pagination-size($padding-small-vertical, $padding-small-horizontal, $font-size-small, $border-radius-small)
@@ -0,0 +1,114 @@
1
+ //
2
+ // Panels
3
+ // --------------------------------------------------
4
+
5
+ // Base class
6
+ .panel
7
+ margin-bottom: $line-height-computed
8
+ background-color: $panel-bg
9
+ border: 1px solid transparent
10
+ border-radius: $panel-border-radius
11
+ +box-shadow(0 1px 1px rgba(0, 0, 0, 0.05))
12
+
13
+ // Panel contents
14
+ .panel-body
15
+ padding: 15px
16
+ +clearfix
17
+
18
+ // List groups in panels
19
+ //
20
+ // By default, space out list group content from panel headings to account for
21
+ // any kind of custom content between the two.
22
+
23
+ .panel
24
+ > .list-group
25
+ margin-bottom: 0
26
+ .list-group-item
27
+ border-width: 1px 0
28
+ // Remove border radius for top one
29
+ &:first-child
30
+ +border-top-radius(0)
31
+ // But keep it for the last one
32
+ &:last-child
33
+ border-bottom: 0
34
+
35
+ // Collapse space between when there's no additional content.
36
+ .panel-heading + .list-group
37
+ .list-group-item:first-child
38
+ border-top-width: 0
39
+
40
+ // Tables in panels
41
+ //
42
+ // Place a non-bordered `.table` within a panel (not within a `.panel-body`) and
43
+ // watch it go full width.
44
+
45
+ .panel
46
+ > .table
47
+ margin-bottom: 0
48
+ > .panel-body + .table
49
+ border-top: 1px solid $table-border-color
50
+
51
+ // Optional heading
52
+ .panel-heading
53
+ padding: 10px 15px
54
+ border-bottom: 1px solid transparent
55
+ +border-top-radius($panel-border-radius - 1)
56
+
57
+ // Within heading, strip any `h*` tag of it's default margins for spacing.
58
+ .panel-title
59
+ margin-top: 0
60
+ margin-bottom: 0
61
+ font-size: ceil($font-size-base * 1.125)
62
+ > a
63
+ color: inherit
64
+
65
+ // Optional footer (stays gray in every modifier class)
66
+ .panel-footer
67
+ padding: 10px 15px
68
+ background-color: $panel-footer-bg
69
+ border-top: 1px solid $panel-inner-border
70
+ +border-bottom-radius($panel-border-radius - 1)
71
+
72
+ // Collapsable panels (aka, accordion)
73
+ //
74
+ // Wrap a series of panels in `.panel-group` to turn them into an accordion with
75
+ // the help of our collapse JavaScript plugin.
76
+
77
+ .panel-group
78
+ // Tighten up margin so it's only between panels
79
+ .panel
80
+ margin-bottom: 0
81
+ border-radius: $panel-border-radius
82
+ overflow: hidden
83
+ // crop contents when collapsed
84
+ + .panel
85
+ margin-top: 5px
86
+ .panel-heading
87
+ border-bottom: 0
88
+ + .panel-collapse .panel-body
89
+ border-top: 1px solid $panel-inner-border
90
+ .panel-footer
91
+ border-top: 0
92
+ + .panel-collapse .panel-body
93
+ border-bottom: 1px solid $panel-inner-border
94
+ // New subcomponent for wrapping collapsable content for proper animations
95
+ .panel-collapse
96
+
97
+ // Contextual variations
98
+ .panel-default
99
+ +panel-variant($panel-default-border, $panel-default-text, $panel-default-heading-bg, $panel-default-border)
100
+
101
+ .panel-primary
102
+ +panel-variant($panel-primary-border, $panel-primary-text, $panel-primary-heading-bg, $panel-primary-border)
103
+
104
+ .panel-success
105
+ +panel-variant($panel-success-border, $panel-success-text, $panel-success-heading-bg, $panel-success-border)
106
+
107
+ .panel-warning
108
+ +panel-variant($panel-warning-border, $panel-warning-text, $panel-warning-heading-bg, $panel-warning-border)
109
+
110
+ .panel-danger
111
+ +panel-variant($panel-danger-border, $panel-danger-text, $panel-danger-heading-bg, $panel-danger-border)
112
+
113
+ .panel-info
114
+ +panel-variant($panel-info-border, $panel-info-text, $panel-info-heading-bg, $panel-info-border)
@@ -0,0 +1,124 @@
1
+ //
2
+ // Popovers
3
+ // --------------------------------------------------
4
+
5
+ .popover
6
+ position: absolute
7
+ top: 0
8
+ left: 0
9
+ z-index: $zindex-popover
10
+ display: none
11
+ max-width: $popover-max-width
12
+ padding: 1px
13
+ text-align: left
14
+ // Reset given new insertion method
15
+ background-color: $popover-bg
16
+ background-clip: padding-box
17
+ border: 1px solid $popover-fallback-border-color
18
+ border: 1px solid $popover-border-color
19
+ border-radius: $border-radius-large
20
+ +box-shadow(0 5px 10px rgba(0, 0, 0, 0.2))
21
+ // Overrides for proper insertion
22
+ white-space: normal
23
+ // Offset the popover to account for the popover arrow
24
+ &.top
25
+ margin-top: -10px
26
+ &.right
27
+ margin-left: 10px
28
+ &.bottom
29
+ margin-top: 10px
30
+ &.left
31
+ margin-left: -10px
32
+
33
+ .popover-title
34
+ margin: 0
35
+ // reset heading margin
36
+ padding: 8px 14px
37
+ font-size: $font-size-base
38
+ font-weight: normal
39
+ line-height: 18px
40
+ background-color: $popover-title-bg
41
+ border-bottom: 1px solid darken($popover-title-bg, 5%)
42
+ border-radius: 5px 5px 0 0
43
+
44
+ .popover-content
45
+ padding: 9px 14px
46
+
47
+ // Arrows
48
+ //
49
+ // .arrow is outer, .arrow:after is inner
50
+
51
+ .popover .arrow
52
+ &,
53
+ &:after
54
+ position: absolute
55
+ display: block
56
+ width: 0
57
+ height: 0
58
+ border-color: transparent
59
+ border-style: solid
60
+
61
+ .popover .arrow
62
+ border-width: $popover-arrow-outer-width
63
+
64
+ .popover .arrow:after
65
+ border-width: $popover-arrow-width
66
+ content: ""
67
+
68
+ .popover
69
+ &.top .arrow
70
+ left: 50%
71
+ margin-left: -$popover-arrow-outer-width
72
+ border-bottom-width: 0
73
+ border-top-color: $popover-arrow-outer-fallback-color
74
+ // IE8 fallback
75
+ border-top-color: $popover-arrow-outer-color
76
+ bottom: -$popover-arrow-outer-width
77
+ &:after
78
+ content: " "
79
+ bottom: 1px
80
+ margin-left: -$popover-arrow-width
81
+ border-bottom-width: 0
82
+ border-top-color: $popover-arrow-color
83
+ &.right .arrow
84
+ top: 50%
85
+ left: -$popover-arrow-outer-width
86
+ margin-top: -$popover-arrow-outer-width
87
+ border-left-width: 0
88
+ border-right-color: $popover-arrow-outer-fallback-color
89
+ // IE8 fallback
90
+ border-right-color: $popover-arrow-outer-color
91
+ &:after
92
+ content: " "
93
+ left: 1px
94
+ bottom: -$popover-arrow-width
95
+ border-left-width: 0
96
+ border-right-color: $popover-arrow-color
97
+ &.bottom .arrow
98
+ left: 50%
99
+ margin-left: -$popover-arrow-outer-width
100
+ border-top-width: 0
101
+ border-bottom-color: $popover-arrow-outer-fallback-color
102
+ // IE8 fallback
103
+ border-bottom-color: $popover-arrow-outer-color
104
+ top: -$popover-arrow-outer-width
105
+ &:after
106
+ content: " "
107
+ top: 1px
108
+ margin-left: -$popover-arrow-width
109
+ border-top-width: 0
110
+ border-bottom-color: $popover-arrow-color
111
+ &.left .arrow
112
+ top: 50%
113
+ right: -$popover-arrow-outer-width
114
+ margin-top: -$popover-arrow-outer-width
115
+ border-right-width: 0
116
+ border-left-color: $popover-arrow-outer-fallback-color
117
+ // IE8 fallback
118
+ border-left-color: $popover-arrow-outer-color
119
+ &:after
120
+ content: " "
121
+ right: 1px
122
+ border-right-width: 0
123
+ border-left-color: $popover-arrow-color
124
+ bottom: -$popover-arrow-width
@@ -0,0 +1,66 @@
1
+ //
2
+ // Basic print styles
3
+ // --------------------------------------------------
4
+ // Source: https://github.com/h5bp/html5-boilerplate/blob/master/css/main.css
5
+
6
+ @media print
7
+ *
8
+ text-shadow: none !important
9
+ color: #000 !important
10
+ // Black prints faster: h5bp.com/s
11
+ background: transparent !important
12
+ box-shadow: none !important
13
+ a,
14
+ a:visited
15
+ text-decoration: underline
16
+ a[href]:after
17
+ content: " (" attr(href) ")"
18
+ abbr[title]:after
19
+ content: " (" attr(title) ")"
20
+ // Don't show links for images, or javascript/internal links
21
+ .ir a:after,
22
+ a[href^="javascript:"]:after,
23
+ a[href^="#"]:after
24
+ content: ""
25
+ pre,
26
+ blockquote
27
+ border: 1px solid #999
28
+ page-break-inside: avoid
29
+ thead
30
+ display: table-header-group
31
+ // h5bp.com/t
32
+ tr,
33
+ img
34
+ page-break-inside: avoid
35
+ img
36
+ max-width: 100% !important
37
+ @page
38
+ margin: 2cm .5cm
39
+
40
+ p,
41
+ h2,
42
+ h3
43
+ orphans: 3
44
+ widows: 3
45
+ h2,
46
+ h3
47
+ page-break-after: avoid
48
+ // Bootstrap components
49
+ .navbar
50
+ display: none
51
+ .table
52
+ td,
53
+ th
54
+ background-color: #fff !important
55
+ .btn,
56
+ .dropup > .btn
57
+ > .caret
58
+ border-top-color: #000 !important
59
+ .label
60
+ border: 1px solid #000
61
+ .table
62
+ border-collapse: collapse !important
63
+ .table-bordered
64
+ th,
65
+ td
66
+ border: 1px solid #ddd !important
@@ -0,0 +1,90 @@
1
+ //
2
+ // Progress bars
3
+ // --------------------------------------------------
4
+
5
+ // Bar animations
6
+ // -------------------------
7
+
8
+ // Webkit
9
+ @-webkit-keyframes progress-bar-stripes
10
+ from
11
+ background-position: 40px 0
12
+ to
13
+ background-position: 0 0
14
+
15
+
16
+ // Firefox
17
+ @-moz-keyframes progress-bar-stripes
18
+ from
19
+ background-position: 40px 0
20
+ to
21
+ background-position: 0 0
22
+
23
+
24
+ // Opera
25
+ @-o-keyframes progress-bar-stripes
26
+ from
27
+ background-position: 0 0
28
+ to
29
+ background-position: 40px 0
30
+
31
+
32
+ // Spec and IE10+
33
+ @keyframes progress-bar-stripes
34
+ from
35
+ background-position: 40px 0
36
+ to
37
+ background-position: 0 0
38
+
39
+
40
+ // Bar itself
41
+ // -------------------------
42
+
43
+ // Outer container
44
+ .progress
45
+ overflow: hidden
46
+ height: $line-height-computed
47
+ margin-bottom: $line-height-computed
48
+ background-color: $progress-bg
49
+ border-radius: $border-radius-base
50
+ +box-shadow(inset 0 1px 2px rgba(0, 0, 0, 0.1))
51
+
52
+ // Bar of progress
53
+ .progress-bar
54
+ float: left
55
+ width: 0%
56
+ height: 100%
57
+ font-size: $font-size-small
58
+ color: $progress-bar-color
59
+ text-align: center
60
+ background-color: $progress-bar-bg
61
+ +box-shadow(inset 0 -1px 0 rgba(0, 0, 0, 0.15))
62
+ +transition(width 0.6s ease)
63
+
64
+ // Striped bars
65
+ .progress-striped .progress-bar
66
+ +gradient-striped($progress-bar-bg)
67
+ background-size: 40px 40px
68
+
69
+ // Call animation for the active one
70
+ .progress.active .progress-bar
71
+ -webkit-animation: progress-bar-stripes 2s linear infinite
72
+ -moz-animation: progress-bar-stripes 2s linear infinite
73
+ -ms-animation: progress-bar-stripes 2s linear infinite
74
+ -o-animation: progress-bar-stripes 2s linear infinite
75
+ animation: progress-bar-stripes 2s linear infinite
76
+
77
+ // Variations
78
+ // -------------------------
79
+
80
+ .progress-bar-success
81
+ +progress-bar-variant($progress-bar-success-bg)
82
+
83
+ .progress-bar-info
84
+ +progress-bar-variant($progress-bar-info-bg)
85
+
86
+ .progress-bar-warning
87
+ +progress-bar-variant($progress-bar-warning-bg)
88
+
89
+ .progress-bar-danger
90
+ +progress-bar-variant($progress-bar-danger-bg)