rbootstrap 1.1.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (111) hide show
  1. data/README.md +282 -0
  2. data/Rakefile +14 -0
  3. data/app/helpers/bootstrap_flash_helper.rb +17 -0
  4. data/app/helpers/flash_block_helper.rb +17 -0
  5. data/app/helpers/glyph_helper.rb +12 -0
  6. data/app/helpers/modal_helper.rb +42 -0
  7. data/app/helpers/twitter_breadcrumbs_helper.rb +5 -0
  8. data/app/views/twitter-bootstrap/_breadcrumbs.html.erb +14 -0
  9. data/lib/generators/bootstrap/install/install_generator.rb +57 -0
  10. data/lib/generators/bootstrap/install/templates/application.css +7 -0
  11. data/lib/generators/bootstrap/install/templates/application.js +10 -0
  12. data/lib/generators/bootstrap/install/templates/bootstrap.coffee +4 -0
  13. data/lib/generators/bootstrap/install/templates/bootstrap.js +5 -0
  14. data/lib/generators/bootstrap/install/templates/bootstrap_and_overrides.less +31 -0
  15. data/lib/generators/bootstrap/layout/layout_generator.rb +23 -0
  16. data/lib/generators/bootstrap/layout/templates/layout.html.erb +108 -0
  17. data/lib/generators/bootstrap/layout/templates/layout.html.haml +68 -0
  18. data/lib/generators/bootstrap/layout/templates/layout.html.slim +68 -0
  19. data/lib/generators/bootstrap/partial/partial_generator.rb +20 -0
  20. data/lib/generators/bootstrap/partial/templates/_login.html.erb +29 -0
  21. data/lib/generators/bootstrap/partial/templates/_navbar.html.erb +13 -0
  22. data/lib/generators/bootstrap/themed/templates/_form.html.erb +16 -0
  23. data/lib/generators/bootstrap/themed/templates/_form.html.haml +10 -0
  24. data/lib/generators/bootstrap/themed/templates/_form.html.slim +11 -0
  25. data/lib/generators/bootstrap/themed/templates/edit.html.erb +6 -0
  26. data/lib/generators/bootstrap/themed/templates/edit.html.haml +4 -0
  27. data/lib/generators/bootstrap/themed/templates/edit.html.slim +4 -0
  28. data/lib/generators/bootstrap/themed/templates/index.html.erb +40 -0
  29. data/lib/generators/bootstrap/themed/templates/index.html.haml +25 -0
  30. data/lib/generators/bootstrap/themed/templates/index.html.slim +27 -0
  31. data/lib/generators/bootstrap/themed/templates/new.html.erb +6 -0
  32. data/lib/generators/bootstrap/themed/templates/new.html.haml +4 -0
  33. data/lib/generators/bootstrap/themed/templates/new.html.slim +4 -0
  34. data/lib/generators/bootstrap/themed/templates/show.html.erb +23 -0
  35. data/lib/generators/bootstrap/themed/templates/show.html.haml +15 -0
  36. data/lib/generators/bootstrap/themed/templates/show.html.slim +17 -0
  37. data/lib/generators/bootstrap/themed/templates/simple_form/_form.html.erb +14 -0
  38. data/lib/generators/bootstrap/themed/templates/simple_form/_form.html.haml +11 -0
  39. data/lib/generators/bootstrap/themed/templates/simple_form/_form.html.slim +12 -0
  40. data/lib/generators/bootstrap/themed/themed_generator.rb +110 -0
  41. data/lib/twitter-bootstrap-rails.rb +10 -0
  42. data/lib/twitter/bootstrap/rails/bootstrap.rb +2 -0
  43. data/lib/twitter/bootstrap/rails/engine.rb +29 -0
  44. data/lib/twitter/bootstrap/rails/twitter-bootstrap-breadcrumbs.rb +30 -0
  45. data/lib/twitter/bootstrap/rails/version.rb +7 -0
  46. data/vendor/assets/fonts/fontawesome-webfont.eot +0 -0
  47. data/vendor/assets/fonts/fontawesome-webfont.svg +255 -0
  48. data/vendor/assets/fonts/fontawesome-webfont.ttf +0 -0
  49. data/vendor/assets/fonts/fontawesome-webfont.woff +0 -0
  50. data/vendor/assets/images/twitter/bootstrap/glyphicons-halflings-white.png +0 -0
  51. data/vendor/assets/images/twitter/bootstrap/glyphicons-halflings.png +0 -0
  52. data/vendor/assets/javascripts/twitter/bootstrap.js +13 -0
  53. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-affix.js +106 -0
  54. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-alert.js +88 -0
  55. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-button.js +94 -0
  56. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-carousel.js +176 -0
  57. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-collapse.js +156 -0
  58. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-dropdown.js +148 -0
  59. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-modal.js +234 -0
  60. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-popover.js +103 -0
  61. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-scrollspy.js +151 -0
  62. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-tab.js +133 -0
  63. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-tooltip.js +276 -0
  64. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-transition.js +60 -0
  65. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-typeahead.js +311 -0
  66. data/vendor/assets/javascripts/twitter/bootstrap_ujs.js +11 -0
  67. data/vendor/toolkit/font-awesome-ie7.less +245 -0
  68. data/vendor/toolkit/fontawesome.less +328 -0
  69. data/vendor/toolkit/twitter/bootstrap/accordion.less +34 -0
  70. data/vendor/toolkit/twitter/bootstrap/alerts.less +65 -0
  71. data/vendor/toolkit/twitter/bootstrap/bootstrap.less +63 -0
  72. data/vendor/toolkit/twitter/bootstrap/breadcrumbs.less +24 -0
  73. data/vendor/toolkit/twitter/bootstrap/button-groups.less +242 -0
  74. data/vendor/toolkit/twitter/bootstrap/buttons.less +232 -0
  75. data/vendor/toolkit/twitter/bootstrap/carousel.less +131 -0
  76. data/vendor/toolkit/twitter/bootstrap/close.less +31 -0
  77. data/vendor/toolkit/twitter/bootstrap/code.less +59 -0
  78. data/vendor/toolkit/twitter/bootstrap/component-animations.less +22 -0
  79. data/vendor/toolkit/twitter/bootstrap/dropdowns.less +237 -0
  80. data/vendor/toolkit/twitter/bootstrap/forms.less +683 -0
  81. data/vendor/toolkit/twitter/bootstrap/grid.less +21 -0
  82. data/vendor/toolkit/twitter/bootstrap/hero-unit.less +25 -0
  83. data/vendor/toolkit/twitter/bootstrap/labels-badges.less +74 -0
  84. data/vendor/toolkit/twitter/bootstrap/layouts.less +16 -0
  85. data/vendor/toolkit/twitter/bootstrap/media.less +55 -0
  86. data/vendor/toolkit/twitter/bootstrap/mixins.less +686 -0
  87. data/vendor/toolkit/twitter/bootstrap/modals.less +94 -0
  88. data/vendor/toolkit/twitter/bootstrap/navbar.less +472 -0
  89. data/vendor/toolkit/twitter/bootstrap/navs.less +385 -0
  90. data/vendor/toolkit/twitter/bootstrap/pager.less +41 -0
  91. data/vendor/toolkit/twitter/bootstrap/pagination.less +121 -0
  92. data/vendor/toolkit/twitter/bootstrap/popovers.less +117 -0
  93. data/vendor/toolkit/twitter/bootstrap/progress-bars.less +122 -0
  94. data/vendor/toolkit/twitter/bootstrap/reset.less +138 -0
  95. data/vendor/toolkit/twitter/bootstrap/responsive-1200px-min.less +28 -0
  96. data/vendor/toolkit/twitter/bootstrap/responsive-767px-max.less +193 -0
  97. data/vendor/toolkit/twitter/bootstrap/responsive-768px-979px.less +19 -0
  98. data/vendor/toolkit/twitter/bootstrap/responsive-navbar.less +185 -0
  99. data/vendor/toolkit/twitter/bootstrap/responsive-utilities.less +43 -0
  100. data/vendor/toolkit/twitter/bootstrap/responsive.less +48 -0
  101. data/vendor/toolkit/twitter/bootstrap/scaffolding.less +52 -0
  102. data/vendor/toolkit/twitter/bootstrap/sprites.less +193 -0
  103. data/vendor/toolkit/twitter/bootstrap/tables.less +236 -0
  104. data/vendor/toolkit/twitter/bootstrap/thumbnails.less +52 -0
  105. data/vendor/toolkit/twitter/bootstrap/tooltip.less +70 -0
  106. data/vendor/toolkit/twitter/bootstrap/type.less +230 -0
  107. data/vendor/toolkit/twitter/bootstrap/utilities.less +30 -0
  108. data/vendor/toolkit/twitter/bootstrap/variables.less +301 -0
  109. data/vendor/toolkit/twitter/bootstrap/wells.less +29 -0
  110. data/vendor/toolkit/twitter/bootstrap_base.less +2 -0
  111. metadata +224 -0
@@ -0,0 +1,117 @@
1
+ //
2
+ // Popovers
3
+ // --------------------------------------------------
4
+
5
+
6
+ .popover {
7
+ position: absolute;
8
+ top: 0;
9
+ left: 0;
10
+ z-index: @zindexPopover;
11
+ display: none;
12
+ width: 236px;
13
+ padding: 1px;
14
+ background-color: @popoverBackground;
15
+ -webkit-background-clip: padding-box;
16
+ -moz-background-clip: padding;
17
+ background-clip: padding-box;
18
+ border: 1px solid #ccc;
19
+ border: 1px solid rgba(0,0,0,.2);
20
+ .border-radius(6px);
21
+ .box-shadow(0 5px 10px rgba(0,0,0,.2));
22
+
23
+ // Offset the popover to account for the popover arrow
24
+ &.top { margin-top: -10px; }
25
+ &.right { margin-left: 10px; }
26
+ &.bottom { margin-top: 10px; }
27
+ &.left { margin-left: -10px; }
28
+
29
+ }
30
+
31
+ .popover-title {
32
+ margin: 0; // reset heading margin
33
+ padding: 8px 14px;
34
+ font-size: 14px;
35
+ font-weight: normal;
36
+ line-height: 18px;
37
+ background-color: @popoverTitleBackground;
38
+ border-bottom: 1px solid darken(@popoverTitleBackground, 5%);
39
+ .border-radius(5px 5px 0 0);
40
+ }
41
+
42
+ .popover-content {
43
+ padding: 9px 14px;
44
+ p, ul, ol {
45
+ margin-bottom: 0;
46
+ }
47
+ }
48
+
49
+ // Arrows
50
+ .popover .arrow,
51
+ .popover .arrow:after {
52
+ position: absolute;
53
+ display: inline-block;
54
+ width: 0;
55
+ height: 0;
56
+ border-color: transparent;
57
+ border-style: solid;
58
+ }
59
+ .popover .arrow:after {
60
+ content: "";
61
+ z-index: -1;
62
+ }
63
+
64
+ .popover {
65
+ &.top .arrow {
66
+ bottom: -@popoverArrowWidth;
67
+ left: 50%;
68
+ margin-left: -@popoverArrowWidth;
69
+ border-width: @popoverArrowWidth @popoverArrowWidth 0;
70
+ border-top-color: @popoverArrowColor;
71
+ &:after {
72
+ border-width: @popoverArrowOuterWidth @popoverArrowOuterWidth 0;
73
+ border-top-color: @popoverArrowOuterColor;
74
+ bottom: -1px;
75
+ left: -@popoverArrowOuterWidth;
76
+ }
77
+ }
78
+ &.right .arrow {
79
+ top: 50%;
80
+ left: -@popoverArrowWidth;
81
+ margin-top: -@popoverArrowWidth;
82
+ border-width: @popoverArrowWidth @popoverArrowWidth @popoverArrowWidth 0;
83
+ border-right-color: @popoverArrowColor;
84
+ &:after {
85
+ border-width: @popoverArrowOuterWidth @popoverArrowOuterWidth @popoverArrowOuterWidth 0;
86
+ border-right-color: @popoverArrowOuterColor;
87
+ bottom: -@popoverArrowOuterWidth;
88
+ left: -1px;
89
+ }
90
+ }
91
+ &.bottom .arrow {
92
+ top: -@popoverArrowWidth;
93
+ left: 50%;
94
+ margin-left: -@popoverArrowWidth;
95
+ border-width: 0 @popoverArrowWidth @popoverArrowWidth;
96
+ border-bottom-color: @popoverArrowColor;
97
+ &:after {
98
+ border-width: 0 @popoverArrowOuterWidth @popoverArrowOuterWidth;
99
+ border-bottom-color: @popoverArrowOuterColor;
100
+ top: -1px;
101
+ left: -@popoverArrowOuterWidth;
102
+ }
103
+ }
104
+ &.left .arrow {
105
+ top: 50%;
106
+ right: -@popoverArrowWidth;
107
+ margin-top: -@popoverArrowWidth;
108
+ border-width: @popoverArrowWidth 0 @popoverArrowWidth @popoverArrowWidth;
109
+ border-left-color: @popoverArrowColor;
110
+ &:after {
111
+ border-width: @popoverArrowOuterWidth 0 @popoverArrowOuterWidth @popoverArrowOuterWidth;
112
+ border-left-color: @popoverArrowOuterColor;
113
+ bottom: -@popoverArrowOuterWidth;
114
+ right: -1px;
115
+ }
116
+ }
117
+ }
@@ -0,0 +1,122 @@
1
+ //
2
+ // Progress bars
3
+ // --------------------------------------------------
4
+
5
+
6
+ // ANIMATIONS
7
+ // ----------
8
+
9
+ // Webkit
10
+ @-webkit-keyframes progress-bar-stripes {
11
+ from { background-position: 40px 0; }
12
+ to { background-position: 0 0; }
13
+ }
14
+
15
+ // Firefox
16
+ @-moz-keyframes progress-bar-stripes {
17
+ from { background-position: 40px 0; }
18
+ to { background-position: 0 0; }
19
+ }
20
+
21
+ // IE9
22
+ @-ms-keyframes progress-bar-stripes {
23
+ from { background-position: 40px 0; }
24
+ to { background-position: 0 0; }
25
+ }
26
+
27
+ // Opera
28
+ @-o-keyframes progress-bar-stripes {
29
+ from { background-position: 0 0; }
30
+ to { background-position: 40px 0; }
31
+ }
32
+
33
+ // Spec
34
+ @keyframes progress-bar-stripes {
35
+ from { background-position: 40px 0; }
36
+ to { background-position: 0 0; }
37
+ }
38
+
39
+
40
+
41
+ // THE BARS
42
+ // --------
43
+
44
+ // Outer container
45
+ .progress {
46
+ overflow: hidden;
47
+ height: @baseLineHeight;
48
+ margin-bottom: @baseLineHeight;
49
+ #gradient > .vertical(#f5f5f5, #f9f9f9);
50
+ .box-shadow(inset 0 1px 2px rgba(0,0,0,.1));
51
+ .border-radius(@baseBorderRadius);
52
+ }
53
+
54
+ // Bar of progress
55
+ .progress .bar {
56
+ width: 0%;
57
+ height: 100%;
58
+ color: @white;
59
+ float: right;
60
+ font-size: 12px;
61
+ text-align: center;
62
+ text-shadow: 0 -1px 0 rgba(0,0,0,.25);
63
+ #gradient > .vertical(#149bdf, #0480be);
64
+ .box-shadow(inset 0 -1px 0 rgba(0,0,0,.15));
65
+ .box-sizing(border-box);
66
+ .transition(width .6s ease);
67
+ }
68
+ .progress .bar + .bar {
69
+ .box-shadow(~"inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15)");
70
+ }
71
+
72
+ // Striped bars
73
+ .progress-striped .bar {
74
+ #gradient > .striped(#149bdf);
75
+ .background-size(40px 40px);
76
+ }
77
+
78
+ // Call animation for the active one
79
+ .progress.active .bar {
80
+ -webkit-animation: progress-bar-stripes 2s linear infinite;
81
+ -moz-animation: progress-bar-stripes 2s linear infinite;
82
+ -ms-animation: progress-bar-stripes 2s linear infinite;
83
+ -o-animation: progress-bar-stripes 2s linear infinite;
84
+ animation: progress-bar-stripes 2s linear infinite;
85
+ }
86
+
87
+
88
+
89
+ // COLORS
90
+ // ------
91
+
92
+ // Danger (red)
93
+ .progress-danger .bar, .progress .bar-danger {
94
+ #gradient > .vertical(#ee5f5b, #c43c35);
95
+ }
96
+ .progress-danger.progress-striped .bar, .progress-striped .bar-danger {
97
+ #gradient > .striped(#ee5f5b);
98
+ }
99
+
100
+ // Success (green)
101
+ .progress-success .bar, .progress .bar-success {
102
+ #gradient > .vertical(#62c462, #57a957);
103
+ }
104
+ .progress-success.progress-striped .bar, .progress-striped .bar-success {
105
+ #gradient > .striped(#62c462);
106
+ }
107
+
108
+ // Info (teal)
109
+ .progress-info .bar, .progress .bar-info {
110
+ #gradient > .vertical(#5bc0de, #339bb9);
111
+ }
112
+ .progress-info.progress-striped .bar, .progress-striped .bar-info {
113
+ #gradient > .striped(#5bc0de);
114
+ }
115
+
116
+ // Warning (orange)
117
+ .progress-warning .bar, .progress .bar-warning {
118
+ #gradient > .vertical(lighten(@orange, 15%), @orange);
119
+ }
120
+ .progress-warning.progress-striped .bar, .progress-striped .bar-warning {
121
+ #gradient > .striped(lighten(@orange, 15%));
122
+ }
@@ -0,0 +1,138 @@
1
+ //
2
+ // Modals
3
+ // Adapted from http://github.com/necolas/normalize.css
4
+ // --------------------------------------------------
5
+
6
+
7
+ // Display in IE6-9 and FF3
8
+ // -------------------------
9
+
10
+ article,
11
+ aside,
12
+ details,
13
+ figcaption,
14
+ figure,
15
+ footer,
16
+ header,
17
+ hgroup,
18
+ nav,
19
+ section {
20
+ display: block;
21
+ }
22
+
23
+ // Display block in IE6-9 and FF3
24
+ // -------------------------
25
+
26
+ audio,
27
+ canvas,
28
+ video {
29
+ display: inline-block;
30
+ *display: inline;
31
+ *zoom: 1;
32
+ }
33
+
34
+ // Prevents modern browsers from displaying 'audio' without controls
35
+ // -------------------------
36
+
37
+ audio:not([controls]) {
38
+ display: none;
39
+ }
40
+
41
+ // Base settings
42
+ // -------------------------
43
+
44
+ html {
45
+ font-size: 100%;
46
+ -webkit-text-size-adjust: 100%;
47
+ -ms-text-size-adjust: 100%;
48
+ }
49
+ // Focus states
50
+ a:focus {
51
+ .tab-focus();
52
+ }
53
+ // Hover & Active
54
+ a:hover,
55
+ a:active {
56
+ outline: 0;
57
+ }
58
+
59
+ // Prevents sub and sup affecting line-height in all browsers
60
+ // -------------------------
61
+
62
+ sub,
63
+ sup {
64
+ position: relative;
65
+ font-size: 75%;
66
+ line-height: 0;
67
+ vertical-align: baseline;
68
+ }
69
+ sup {
70
+ top: -0.5em;
71
+ }
72
+ sub {
73
+ bottom: -0.25em;
74
+ }
75
+
76
+ // Img border in a's and image quality
77
+ // -------------------------
78
+
79
+ img {
80
+ /* Responsive images (ensure images don't scale beyond their parents) */
81
+ max-width: 100%; /* Part 1: Set a maxium relative to the parent */
82
+ width: auto\9; /* IE7-8 need help adjusting responsive images */
83
+ height: auto; /* Part 2: Scale the height according to the width, otherwise you get stretching */
84
+
85
+ vertical-align: middle;
86
+ border: 0;
87
+ -ms-interpolation-mode: bicubic;
88
+ }
89
+
90
+ // Prevent max-width from affecting Google Maps
91
+ #map_canvas img,
92
+ .google-maps img {
93
+ max-width: none;
94
+ }
95
+
96
+ // Forms
97
+ // -------------------------
98
+
99
+ // Font size in all browsers, margin changes, misc consistency
100
+ button,
101
+ input,
102
+ select,
103
+ textarea {
104
+ margin: 0;
105
+ font-size: 100%;
106
+ vertical-align: middle;
107
+ }
108
+ button,
109
+ input {
110
+ *overflow: visible; // Inner spacing ie IE6/7
111
+ line-height: normal; // FF3/4 have !important on line-height in UA stylesheet
112
+ }
113
+ button::-moz-focus-inner,
114
+ input::-moz-focus-inner { // Inner padding and border oddities in FF3/4
115
+ padding: 0;
116
+ border: 0;
117
+ }
118
+ button,
119
+ html input[type="button"], // Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls.
120
+ input[type="reset"],
121
+ input[type="submit"] {
122
+ -webkit-appearance: button; // Corrects inability to style clickable `input` types in iOS.
123
+ cursor: pointer; // Improves usability and consistency of cursor style between image-type `input` and others.
124
+ }
125
+ input[type="search"] { // Appearance in Safari/Chrome
126
+ -webkit-box-sizing: content-box;
127
+ -moz-box-sizing: content-box;
128
+ box-sizing: content-box;
129
+ -webkit-appearance: textfield;
130
+ }
131
+ input[type="search"]::-webkit-search-decoration,
132
+ input[type="search"]::-webkit-search-cancel-button {
133
+ -webkit-appearance: none; // Inner-padding issues in Chrome OSX, Safari 5
134
+ }
135
+ textarea {
136
+ overflow: auto; // Remove vertical scrollbar in IE6-9
137
+ vertical-align: top; // Readability and alignment cross-browser
138
+ }
@@ -0,0 +1,28 @@
1
+ //
2
+ // Responsive: Large desktop and up
3
+ // --------------------------------------------------
4
+
5
+
6
+ @media (min-width: 1200px) {
7
+
8
+ // Fixed grid
9
+ #grid > .core(@gridColumnWidth1200, @gridGutterWidth1200);
10
+
11
+ // Fluid grid
12
+ #grid > .fluid(@fluidGridColumnWidth1200, @fluidGridGutterWidth1200);
13
+
14
+ // Input grid
15
+ #grid > .input(@gridColumnWidth1200, @gridGutterWidth1200);
16
+
17
+ // Thumbnails
18
+ .thumbnails {
19
+ margin-right: -@gridGutterWidth1200;
20
+ }
21
+ .thumbnails > li {
22
+ margin-right: @gridGutterWidth1200;
23
+ }
24
+ .row-fluid .thumbnails {
25
+ margin-right: 0;
26
+ }
27
+
28
+ }
@@ -0,0 +1,193 @@
1
+ //
2
+ // Responsive: Landscape phone to desktop/tablet
3
+ // --------------------------------------------------
4
+
5
+
6
+ @media (max-width: 767px) {
7
+
8
+ // Padding to set content in a bit
9
+ body {
10
+ padding-left: 20px;
11
+ padding-right: 20px;
12
+ }
13
+ // Negative indent the now static "fixed" navbar
14
+ .navbar-fixed-top,
15
+ .navbar-fixed-bottom,
16
+ .navbar-static-top {
17
+ margin-left: -20px;
18
+ margin-right: -20px;
19
+ }
20
+ // Remove padding on container given explicit padding set on body
21
+ .container-fluid {
22
+ padding: 0;
23
+ }
24
+
25
+ // TYPOGRAPHY
26
+ // ----------
27
+ // Reset horizontal dl
28
+ .dl-horizontal {
29
+ dt {
30
+ float: none;
31
+ clear: none;
32
+ width: auto;
33
+ text-align: right;
34
+ }
35
+ dd {
36
+ margin-right: 0;
37
+ }
38
+ }
39
+
40
+ // GRID & CONTAINERS
41
+ // -----------------
42
+ // Remove width from containers
43
+ .container {
44
+ width: auto;
45
+ }
46
+ // Fluid rows
47
+ .row-fluid {
48
+ width: 100%;
49
+ }
50
+ // Undo negative margin on rows and thumbnails
51
+ .row,
52
+ .thumbnails {
53
+ margin-right: 0;
54
+ }
55
+ .thumbnails > li {
56
+ float: none;
57
+ margin-right: 0; // Reset the default margin for all li elements when no .span* classes are present
58
+ }
59
+ // Make all grid-sized elements block level again
60
+ [class*="span"],
61
+ .uneditable-input[class*="span"], // Makes uneditable inputs full-width when using grid sizing
62
+ .row-fluid [class*="span"] {
63
+ float: none;
64
+ display: block;
65
+ width: 100%;
66
+ margin-right: 0;
67
+ .box-sizing(border-box);
68
+ }
69
+ .span12,
70
+ .row-fluid .span12 {
71
+ width: 100%;
72
+ .box-sizing(border-box);
73
+ }
74
+ .row-fluid [class*="offset"]:first-child {
75
+ margin-left: 0;
76
+ }
77
+
78
+ // FORM FIELDS
79
+ // -----------
80
+ // Make span* classes full width
81
+ .input-large,
82
+ .input-xlarge,
83
+ .input-xxlarge,
84
+ input[class*="span"],
85
+ select[class*="span"],
86
+ textarea[class*="span"],
87
+ .uneditable-input {
88
+ .input-block-level();
89
+ }
90
+ // But don't let it screw up prepend/append inputs
91
+ .input-prepend input,
92
+ .input-append input,
93
+ .input-prepend input[class*="span"],
94
+ .input-append input[class*="span"] {
95
+ display: inline-block; // redeclare so they don't wrap to new lines
96
+ width: auto;
97
+ }
98
+ .controls-row [class*="span"] + [class*="span"] {
99
+ margin-right: 0;
100
+ }
101
+
102
+ // Modals
103
+ .modal {
104
+ position: fixed;
105
+ top: 20px;
106
+ left: 20px;
107
+ right: 20px;
108
+ width: auto;
109
+ margin: 0;
110
+ &.fade { top: -100px; }
111
+ &.fade.in { top: 20px; }
112
+ }
113
+
114
+ }
115
+
116
+
117
+
118
+ // UP TO LANDSCAPE PHONE
119
+ // ---------------------
120
+
121
+ @media (max-width: 480px) {
122
+
123
+ // Smooth out the collapsing/expanding nav
124
+ .nav-collapse {
125
+ -webkit-transform: translate3d(0, 0, 0); // activate the GPU
126
+ }
127
+
128
+ // Block level the page header small tag for readability
129
+ .page-header h1 small {
130
+ display: block;
131
+ line-height: @baseLineHeight;
132
+ }
133
+
134
+ // Update checkboxes for iOS
135
+ input[type="checkbox"],
136
+ input[type="radio"] {
137
+ border: 1px solid #ccc;
138
+ }
139
+
140
+ // Remove the horizontal form styles
141
+ .form-horizontal {
142
+ .control-label {
143
+ float: none;
144
+ width: auto;
145
+ padding-top: 0;
146
+ text-align: right;
147
+ }
148
+ // Move over all input controls and content
149
+ .controls {
150
+ margin-right: 0;
151
+ }
152
+ // Move the options list down to align with labels
153
+ .control-list {
154
+ padding-top: 0; // has to be padding because margin collaspes
155
+ }
156
+ // Move over buttons in .form-actions to align with .controls
157
+ .form-actions {
158
+ padding-left: 10px;
159
+ padding-right: 10px;
160
+ }
161
+ }
162
+
163
+ // Medias
164
+ // Reset float and spacing to stack
165
+ .media .pull-left,
166
+ .media .pull-right {
167
+ float: none;
168
+ display: block;
169
+ margin-bottom: 10px;
170
+ }
171
+ // Remove side margins since we stack instead of indent
172
+ .media-object {
173
+ margin-right: 0;
174
+ margin-left: 0;
175
+ }
176
+
177
+ // Modals
178
+ .modal {
179
+ top: 10px;
180
+ left: 10px;
181
+ right: 10px;
182
+ }
183
+ .modal-header .close {
184
+ padding: 10px;
185
+ margin: -10px;
186
+ }
187
+
188
+ // Carousel
189
+ .carousel-caption {
190
+ position: static;
191
+ }
192
+
193
+ }