bootstrap_sass_rails 0.0.1

Sign up to get free protection for your applications and to get access to all the features.
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)