webgen-sass_twitter_bootstrap-bundle 1.0.0

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 (64) hide show
  1. checksums.yaml +15 -0
  2. data/ChangeLog +3 -0
  3. data/LICENSE +20 -0
  4. data/README.md +61 -0
  5. data/VERSION +1 -0
  6. data/lib/webgen/bundle/sass_twitter_bootstrap/data/css/bootstrap/_accordion.scss +34 -0
  7. data/lib/webgen/bundle/sass_twitter_bootstrap/data/css/bootstrap/_alerts.scss +65 -0
  8. data/lib/webgen/bundle/sass_twitter_bootstrap/data/css/bootstrap/_breadcrumbs.scss +24 -0
  9. data/lib/webgen/bundle/sass_twitter_bootstrap/data/css/bootstrap/_button-groups.scss +242 -0
  10. data/lib/webgen/bundle/sass_twitter_bootstrap/data/css/bootstrap/_buttons.scss +232 -0
  11. data/lib/webgen/bundle/sass_twitter_bootstrap/data/css/bootstrap/_carousel.scss +131 -0
  12. data/lib/webgen/bundle/sass_twitter_bootstrap/data/css/bootstrap/_close.scss +31 -0
  13. data/lib/webgen/bundle/sass_twitter_bootstrap/data/css/bootstrap/_code.scss +58 -0
  14. data/lib/webgen/bundle/sass_twitter_bootstrap/data/css/bootstrap/_component-animations.scss +22 -0
  15. data/lib/webgen/bundle/sass_twitter_bootstrap/data/css/bootstrap/_dropdowns.scss +237 -0
  16. data/lib/webgen/bundle/sass_twitter_bootstrap/data/css/bootstrap/_forms.scss +682 -0
  17. data/lib/webgen/bundle/sass_twitter_bootstrap/data/css/bootstrap/_grid.scss +21 -0
  18. data/lib/webgen/bundle/sass_twitter_bootstrap/data/css/bootstrap/_hero-unit.scss +25 -0
  19. data/lib/webgen/bundle/sass_twitter_bootstrap/data/css/bootstrap/_labels-badges.scss +71 -0
  20. data/lib/webgen/bundle/sass_twitter_bootstrap/data/css/bootstrap/_layouts.scss +16 -0
  21. data/lib/webgen/bundle/sass_twitter_bootstrap/data/css/bootstrap/_media.scss +55 -0
  22. data/lib/webgen/bundle/sass_twitter_bootstrap/data/css/bootstrap/_mixins.scss +684 -0
  23. data/lib/webgen/bundle/sass_twitter_bootstrap/data/css/bootstrap/_modals.scss +95 -0
  24. data/lib/webgen/bundle/sass_twitter_bootstrap/data/css/bootstrap/_navbar.scss +472 -0
  25. data/lib/webgen/bundle/sass_twitter_bootstrap/data/css/bootstrap/_navs.scss +385 -0
  26. data/lib/webgen/bundle/sass_twitter_bootstrap/data/css/bootstrap/_pager.scss +41 -0
  27. data/lib/webgen/bundle/sass_twitter_bootstrap/data/css/bootstrap/_pagination.scss +121 -0
  28. data/lib/webgen/bundle/sass_twitter_bootstrap/data/css/bootstrap/_popovers.scss +117 -0
  29. data/lib/webgen/bundle/sass_twitter_bootstrap/data/css/bootstrap/_progress-bars.scss +122 -0
  30. data/lib/webgen/bundle/sass_twitter_bootstrap/data/css/bootstrap/_reset.scss +138 -0
  31. data/lib/webgen/bundle/sass_twitter_bootstrap/data/css/bootstrap/_responsive-1200px-min.scss +28 -0
  32. data/lib/webgen/bundle/sass_twitter_bootstrap/data/css/bootstrap/_responsive-767px-max.scss +193 -0
  33. data/lib/webgen/bundle/sass_twitter_bootstrap/data/css/bootstrap/_responsive-768px-979px.scss +19 -0
  34. data/lib/webgen/bundle/sass_twitter_bootstrap/data/css/bootstrap/_responsive-navbar.scss +185 -0
  35. data/lib/webgen/bundle/sass_twitter_bootstrap/data/css/bootstrap/_responsive-utilities.scss +58 -0
  36. data/lib/webgen/bundle/sass_twitter_bootstrap/data/css/bootstrap/_scaffolding.scss +52 -0
  37. data/lib/webgen/bundle/sass_twitter_bootstrap/data/css/bootstrap/_sprites.scss +195 -0
  38. data/lib/webgen/bundle/sass_twitter_bootstrap/data/css/bootstrap/_tables.scss +227 -0
  39. data/lib/webgen/bundle/sass_twitter_bootstrap/data/css/bootstrap/_thumbnails.scss +52 -0
  40. data/lib/webgen/bundle/sass_twitter_bootstrap/data/css/bootstrap/_tooltip.scss +70 -0
  41. data/lib/webgen/bundle/sass_twitter_bootstrap/data/css/bootstrap/_type.scss +227 -0
  42. data/lib/webgen/bundle/sass_twitter_bootstrap/data/css/bootstrap/_utilities.scss +45 -0
  43. data/lib/webgen/bundle/sass_twitter_bootstrap/data/css/bootstrap/_variables.scss +301 -0
  44. data/lib/webgen/bundle/sass_twitter_bootstrap/data/css/bootstrap/_wells.scss +29 -0
  45. data/lib/webgen/bundle/sass_twitter_bootstrap/data/css/bootstrap/bootstrap.scss +63 -0
  46. data/lib/webgen/bundle/sass_twitter_bootstrap/data/css/bootstrap/responsive.scss +48 -0
  47. data/lib/webgen/bundle/sass_twitter_bootstrap/data/img/glyphicons-halflings-white.png +0 -0
  48. data/lib/webgen/bundle/sass_twitter_bootstrap/data/img/glyphicons-halflings.png +0 -0
  49. data/lib/webgen/bundle/sass_twitter_bootstrap/data/js/bootstrap-affix.js +106 -0
  50. data/lib/webgen/bundle/sass_twitter_bootstrap/data/js/bootstrap-alert.js +88 -0
  51. data/lib/webgen/bundle/sass_twitter_bootstrap/data/js/bootstrap-button.js +94 -0
  52. data/lib/webgen/bundle/sass_twitter_bootstrap/data/js/bootstrap-carousel.js +176 -0
  53. data/lib/webgen/bundle/sass_twitter_bootstrap/data/js/bootstrap-collapse.js +156 -0
  54. data/lib/webgen/bundle/sass_twitter_bootstrap/data/js/bootstrap-dropdown.js +148 -0
  55. data/lib/webgen/bundle/sass_twitter_bootstrap/data/js/bootstrap-modal.js +234 -0
  56. data/lib/webgen/bundle/sass_twitter_bootstrap/data/js/bootstrap-popover.js +103 -0
  57. data/lib/webgen/bundle/sass_twitter_bootstrap/data/js/bootstrap-scrollspy.js +151 -0
  58. data/lib/webgen/bundle/sass_twitter_bootstrap/data/js/bootstrap-tab.js +133 -0
  59. data/lib/webgen/bundle/sass_twitter_bootstrap/data/js/bootstrap-tooltip.js +276 -0
  60. data/lib/webgen/bundle/sass_twitter_bootstrap/data/js/bootstrap-transition.js +60 -0
  61. data/lib/webgen/bundle/sass_twitter_bootstrap/data/js/bootstrap-typeahead.js +310 -0
  62. data/lib/webgen/bundle/sass_twitter_bootstrap/info.yaml +9 -0
  63. data/lib/webgen/bundle/sass_twitter_bootstrap/init.rb +3 -0
  64. metadata +126 -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
+ @include border-radius(6px);
21
+ @include 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
+ @include 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
+ @include gradient-vertical(#f5f5f5, #f9f9f9);
50
+ @include box-shadow(inset 0 1px 2px rgba(0,0,0,.1));
51
+ @include border-radius($baseBorderRadius);
52
+ }
53
+
54
+ // Bar of progress
55
+ .progress .bar {
56
+ width: 0%;
57
+ height: 100%;
58
+ color: $white;
59
+ float: left;
60
+ font-size: 12px;
61
+ text-align: center;
62
+ text-shadow: 0 -1px 0 rgba(0,0,0,.25);
63
+ @include gradient-vertical(#149bdf, #0480be);
64
+ @include box-shadow(inset 0 -1px 0 rgba(0,0,0,.15));
65
+ @include box-sizing(border-box);
66
+ @include transition(width .6s ease);
67
+ }
68
+ .progress .bar + .bar {
69
+ @include 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
+ @include gradient-striped(#149bdf);
75
+ @include 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
+ @include gradient-vertical(#ee5f5b, #c43c35);
95
+ }
96
+ .progress-danger.progress-striped .bar, .progress-striped .bar-danger {
97
+ @include gradient-striped(#ee5f5b);
98
+ }
99
+
100
+ // Success (green)
101
+ .progress-success .bar, .progress .bar-success {
102
+ @include gradient-vertical(#62c462, #57a957);
103
+ }
104
+ .progress-success.progress-striped .bar, .progress-striped .bar-success {
105
+ @include gradient-striped(#62c462);
106
+ }
107
+
108
+ // Info (teal)
109
+ .progress-info .bar, .progress .bar-info {
110
+ @include gradient-vertical(#5bc0de, #339bb9);
111
+ }
112
+ .progress-info.progress-striped .bar, .progress-striped .bar-info {
113
+ @include gradient-striped(#5bc0de);
114
+ }
115
+
116
+ // Warning (orange)
117
+ .progress-warning .bar, .progress .bar-warning {
118
+ @include gradient-vertical(lighten($orange, 15%), $orange);
119
+ }
120
+ .progress-warning.progress-striped .bar, .progress-striped .bar-warning {
121
+ @include gradient-striped(lighten($orange, 15%));
122
+ }
@@ -0,0 +1,138 @@
1
+ //
2
+ // Reset
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
+ @include 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
+ @include grid-core($gridColumnWidth1200, $gridGutterWidth1200);
10
+
11
+ // Fluid grid
12
+ @include grid-fluid($fluidGridColumnWidth1200, $fluidGridGutterWidth1200);
13
+
14
+ // Input grid
15
+ @include grid-input($gridColumnWidth1200, $gridGutterWidth1200);
16
+
17
+ // Thumbnails
18
+ .thumbnails {
19
+ margin-left: -$gridGutterWidth1200;
20
+ }
21
+ .thumbnails > li {
22
+ margin-left: $gridGutterWidth1200;
23
+ }
24
+ .row-fluid .thumbnails {
25
+ margin-left: 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: left;
34
+ }
35
+ dd {
36
+ margin-left: 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-left: 0;
54
+ }
55
+ .thumbnails > li {
56
+ float: none;
57
+ margin-left: 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-left: 0;
67
+ @include box-sizing(border-box);
68
+ }
69
+ .span12,
70
+ .row-fluid .span12 {
71
+ width: 100%;
72
+ @include 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
+ @include 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-left: 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: left;
147
+ }
148
+ // Move over all input controls and content
149
+ .controls {
150
+ margin-left: 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
+ }