bootstrap-sass-rails 1.4.0.3 → 2.0.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (87) hide show
  1. data/lib/bootstrap/sass/rails/version.rb +1 -1
  2. data/vendor/assets/images/twitter/bootstrap/glyphicons-halflings-white.png +0 -0
  3. data/vendor/assets/images/twitter/bootstrap/glyphicons-halflings.png +0 -0
  4. data/vendor/assets/javascripts/twitter/bootstrap.js +12 -8
  5. data/vendor/assets/javascripts/twitter/bootstrap/alert.js +91 -0
  6. data/vendor/assets/javascripts/twitter/bootstrap/button.js +98 -0
  7. data/vendor/assets/javascripts/twitter/bootstrap/carousel.js +154 -0
  8. data/vendor/assets/javascripts/twitter/bootstrap/collapse.js +136 -0
  9. data/vendor/assets/javascripts/twitter/bootstrap/dropdown.js +58 -21
  10. data/vendor/assets/javascripts/twitter/bootstrap/modal.js +63 -114
  11. data/vendor/assets/javascripts/twitter/bootstrap/popover.js +38 -33
  12. data/vendor/assets/javascripts/twitter/bootstrap/scrollspy.js +62 -44
  13. data/vendor/assets/javascripts/twitter/bootstrap/tab.js +130 -0
  14. data/vendor/assets/javascripts/twitter/bootstrap/tooltip.js +270 -0
  15. data/vendor/assets/javascripts/twitter/bootstrap/transition.js +51 -0
  16. data/vendor/assets/javascripts/twitter/bootstrap/typeahead.js +271 -0
  17. data/vendor/assets/stylesheets/twitter/bootstrap.css.scss +50 -14
  18. data/vendor/assets/stylesheets/twitter/bootstrap/_accordion.scss +28 -0
  19. data/vendor/assets/stylesheets/twitter/bootstrap/_alerts.scss +70 -0
  20. data/vendor/assets/stylesheets/twitter/bootstrap/_breadcrumbs.scss +22 -0
  21. data/vendor/assets/stylesheets/twitter/bootstrap/_button-groups.scss +147 -0
  22. data/vendor/assets/stylesheets/twitter/bootstrap/_buttons.scss +165 -0
  23. data/vendor/assets/stylesheets/twitter/bootstrap/_carousel.scss +121 -0
  24. data/vendor/assets/stylesheets/twitter/bootstrap/_close.scss +18 -0
  25. data/vendor/assets/stylesheets/twitter/bootstrap/_code.scss +44 -0
  26. data/vendor/assets/stylesheets/twitter/bootstrap/_component-animations.scss +18 -0
  27. data/vendor/assets/stylesheets/twitter/bootstrap/_dropdowns.scss +131 -0
  28. data/vendor/assets/stylesheets/twitter/bootstrap/_forms.scss +335 -299
  29. data/vendor/assets/stylesheets/twitter/bootstrap/_grid.scss +8 -0
  30. data/vendor/assets/stylesheets/twitter/bootstrap/_hero-unit.scss +20 -0
  31. data/vendor/assets/stylesheets/twitter/bootstrap/_labels.scss +16 -0
  32. data/vendor/assets/stylesheets/twitter/bootstrap/_layouts.scss +17 -0
  33. data/vendor/assets/stylesheets/twitter/bootstrap/_mixins.scss +429 -124
  34. data/vendor/assets/stylesheets/twitter/bootstrap/_modals.scss +72 -0
  35. data/vendor/assets/stylesheets/twitter/bootstrap/_navbar.scss +292 -0
  36. data/vendor/assets/stylesheets/twitter/bootstrap/_navs.scss +343 -0
  37. data/vendor/assets/stylesheets/twitter/bootstrap/_pager.scss +30 -0
  38. data/vendor/assets/stylesheets/twitter/bootstrap/_pagination.scss +55 -0
  39. data/vendor/assets/stylesheets/twitter/bootstrap/_patterns.scss +5 -1051
  40. data/vendor/assets/stylesheets/twitter/bootstrap/_popovers.scss +49 -0
  41. data/vendor/assets/stylesheets/twitter/bootstrap/_print.scss +18 -0
  42. data/vendor/assets/stylesheets/twitter/bootstrap/_progress-bars.scss +95 -0
  43. data/vendor/assets/stylesheets/twitter/bootstrap/_reset.scss +36 -51
  44. data/vendor/assets/stylesheets/twitter/bootstrap/_responsive.scss +323 -0
  45. data/vendor/assets/stylesheets/twitter/bootstrap/_scaffolding.scss +13 -123
  46. data/vendor/assets/stylesheets/twitter/bootstrap/_sprites.scss +156 -0
  47. data/vendor/assets/stylesheets/twitter/bootstrap/_tables.scss +75 -160
  48. data/vendor/assets/stylesheets/twitter/bootstrap/_thumbnails.scss +35 -0
  49. data/vendor/assets/stylesheets/twitter/bootstrap/_tooltip.scss +35 -0
  50. data/vendor/assets/stylesheets/twitter/bootstrap/_type.scss +100 -70
  51. data/vendor/assets/stylesheets/twitter/bootstrap/_utilities.scss +23 -0
  52. data/vendor/assets/stylesheets/twitter/bootstrap/_variables.scss +94 -55
  53. data/vendor/assets/stylesheets/twitter/bootstrap/_wells.scss +17 -0
  54. metadata +51 -75
  55. data/test/dummy/log/test.log +0 -462
  56. data/test/dummy/tmp/cache/assets/C29/E80/sprockets%2F8f076727207424919c7170c7157bbe37 +0 -1102
  57. data/test/dummy/tmp/cache/assets/D3F/FA0/sprockets%2F22c8366fdbaaa2872b202dfe7376629f +0 -0
  58. data/test/dummy/tmp/cache/assets/E5F/300/sprockets%2F243a2fff0dbb8aeec3dd579b4ff7c81b +0 -1048
  59. data/test/dummy/tmp/cache/sass/367107abe8cc7204b7df467455e0644864892d9f/_forms.scssc +0 -0
  60. data/test/dummy/tmp/cache/sass/367107abe8cc7204b7df467455e0644864892d9f/_mixins.scssc +0 -0
  61. data/test/dummy/tmp/cache/sass/367107abe8cc7204b7df467455e0644864892d9f/_patterns.scssc +0 -0
  62. data/test/dummy/tmp/cache/sass/367107abe8cc7204b7df467455e0644864892d9f/_reset.scssc +0 -0
  63. data/test/dummy/tmp/cache/sass/367107abe8cc7204b7df467455e0644864892d9f/_scaffolding.scssc +0 -0
  64. data/test/dummy/tmp/cache/sass/367107abe8cc7204b7df467455e0644864892d9f/_tables.scssc +0 -0
  65. data/test/dummy/tmp/cache/sass/367107abe8cc7204b7df467455e0644864892d9f/_type.scssc +0 -0
  66. data/test/dummy/tmp/cache/sass/367107abe8cc7204b7df467455e0644864892d9f/_variables.scssc +0 -0
  67. data/test/dummy/tmp/cache/sass/766526f7d87ffdf0401dde0ec8d49f976470392d/_bootstrap.scssc +0 -0
  68. data/test/dummy/tmp/cache/sass/766526f7d87ffdf0401dde0ec8d49f976470392d/bootstrap.css.scssc +0 -0
  69. data/test/dummy/tmp/cache/sass/766526f7d87ffdf0401dde0ec8d49f976470392d/bootstrap.cssc +0 -0
  70. data/test/dummy/tmp/cache/sass/8f44dddc3cc4868f43c2a4153ce3876663527256/_bootstrap.scssc +0 -0
  71. data/test/dummy/tmp/cache/sass/8f44dddc3cc4868f43c2a4153ce3876663527256/bootstrap.css.scssc +0 -0
  72. data/test/dummy/tmp/cache/sass/95eca8acb76bbb914a4c6988012b73e61e9bcc23/application.css.scssc +0 -0
  73. data/test/dummy/tmp/cache/sass/95eca8acb76bbb914a4c6988012b73e61e9bcc23/individual.css.scssc +0 -0
  74. data/test/dummy/tmp/cache/sass/cd2e949d41af4ab87fc8c5c6e94e4e802032bd18/_forms.scssc +0 -0
  75. data/test/dummy/tmp/cache/sass/cd2e949d41af4ab87fc8c5c6e94e4e802032bd18/_mixins.scssc +0 -0
  76. data/test/dummy/tmp/cache/sass/cd2e949d41af4ab87fc8c5c6e94e4e802032bd18/_patterns.scssc +0 -0
  77. data/test/dummy/tmp/cache/sass/cd2e949d41af4ab87fc8c5c6e94e4e802032bd18/_reset.scssc +0 -0
  78. data/test/dummy/tmp/cache/sass/cd2e949d41af4ab87fc8c5c6e94e4e802032bd18/_scaffolding.scssc +0 -0
  79. data/test/dummy/tmp/cache/sass/cd2e949d41af4ab87fc8c5c6e94e4e802032bd18/_tables.scssc +0 -0
  80. data/test/dummy/tmp/cache/sass/cd2e949d41af4ab87fc8c5c6e94e4e802032bd18/_type.scssc +0 -0
  81. data/test/dummy/tmp/cache/sass/cd2e949d41af4ab87fc8c5c6e94e4e802032bd18/_variables.scssc +0 -0
  82. data/test/dummy/tmp/cache/sass/cd2e949d41af4ab87fc8c5c6e94e4e802032bd18/mixins.scssc +0 -0
  83. data/test/dummy/tmp/cache/sass/cd2e949d41af4ab87fc8c5c6e94e4e802032bd18/variables.css.scssc +0 -0
  84. data/vendor/assets/javascripts/twitter/bootstrap/alerts.js +0 -124
  85. data/vendor/assets/javascripts/twitter/bootstrap/buttons.js +0 -64
  86. data/vendor/assets/javascripts/twitter/bootstrap/tabs.js +0 -80
  87. data/vendor/assets/javascripts/twitter/bootstrap/twipsy.js +0 -321
@@ -0,0 +1,49 @@
1
+ // POPOVERS
2
+ // --------
3
+
4
+ .popover {
5
+ position: absolute;
6
+ top: 0;
7
+ left: 0;
8
+ z-index: $zindexPopover;
9
+ display: none;
10
+ padding: 5px;
11
+ &.top { margin-top: -5px; }
12
+ &.right { margin-left: 5px; }
13
+ &.bottom { margin-top: 5px; }
14
+ &.left { margin-left: -5px; }
15
+ &.top .arrow { @include popoverArrow-top(); }
16
+ &.right .arrow { @include popoverArrow-right(); }
17
+ &.bottom .arrow { @include popoverArrow-bottom(); }
18
+ &.left .arrow { @include popoverArrow-left(); }
19
+ .arrow {
20
+ position: absolute;
21
+ width: 0;
22
+ height: 0;
23
+ }
24
+ }
25
+ .popover-inner {
26
+ padding: 3px;
27
+ width: 280px;
28
+ overflow: hidden;
29
+ background: $black; // has to be full background declaration for IE fallback
30
+ background: rgba(0,0,0,.8);
31
+ @include border-radius(6px);
32
+ @include box-shadow(0 3px 7px rgba(0,0,0,0.3));
33
+ }
34
+ .popover-title {
35
+ padding: 9px 15px;
36
+ line-height: 1;
37
+ background-color: #f5f5f5;
38
+ border-bottom:1px solid #eee;
39
+ @include border-radius(3px 3px 0 0);
40
+ }
41
+ .popover-content {
42
+ padding: 14px;
43
+ background-color: $white;
44
+ @include border-radius(0 0 3px 3px);
45
+ @include background-clip(padding-box);
46
+ p, ul, ol {
47
+ margin-bottom: 0;
48
+ }
49
+ }
@@ -0,0 +1,18 @@
1
+ /*!
2
+ * Bootstrap @VERSION for Print
3
+ *
4
+ * Copyright 2012 Twitter, Inc
5
+ * Licensed under the Apache License v2.0
6
+ * http://www.apache.org/licenses/LICENSE-2.0
7
+ *
8
+ * Designed and built with all the love in the world @twitter by @mdo and @fat.
9
+ * Date: @DATE
10
+ */
11
+
12
+
13
+ // HIDE UNECESSARY COMPONENTS
14
+ // --------------------------
15
+
16
+ .navbar-fixed {
17
+ display: none;
18
+ }
@@ -0,0 +1,95 @@
1
+ // PROGRESS BARS
2
+ // -------------
3
+
4
+
5
+ // ANIMATIONS
6
+ // ----------
7
+
8
+ // Webkit
9
+ @-webkit-keyframes progress-bar-stripes {
10
+ from { background-position: 0 0; }
11
+ to { background-position: 40px 0; }
12
+ }
13
+
14
+ // Firefox
15
+ @-moz-keyframes progress-bar-stripes {
16
+ from { background-position: 0 0; }
17
+ to { background-position: 40px 0; }
18
+ }
19
+
20
+ // Spec
21
+ @keyframes progress-bar-stripes {
22
+ from { background-position: 0 0; }
23
+ to { background-position: 40px 0; }
24
+ }
25
+
26
+
27
+
28
+ // THE BARS
29
+ // --------
30
+
31
+ // Outer container
32
+ .progress {
33
+ overflow: hidden;
34
+ height: 18px;
35
+ margin-bottom: 18px;
36
+ @include gradient-vertical(#f5f5f5, #f9f9f9);
37
+ @include box-shadow(inset 0 1px 2px rgba(0,0,0,.1));
38
+ @include border-radius(4px);
39
+ }
40
+
41
+ // Bar of progress
42
+ .progress .bar {
43
+ width: 0%;
44
+ height: 18px;
45
+ color: $white;
46
+ font-size: 12px;
47
+ text-align: center;
48
+ text-shadow: 0 -1px 0 rgba(0,0,0,.25);
49
+ @include gradient-vertical(#149bdf, #0480be);
50
+ @include box-shadow(inset 0 -1px 0 rgba(0,0,0,.15));
51
+ @include box-sizing(border-box);
52
+ @include transition(width .6s ease);
53
+ }
54
+
55
+ // Striped bars
56
+ .progress-striped .bar {
57
+ @include gradient-striped(#62c462);
58
+ @include background-size(40px 40px);
59
+ }
60
+
61
+ // Call animation for the active one
62
+ .progress.active .bar {
63
+ -webkit-animation: progress-bar-stripes 2s linear infinite;
64
+ -moz-animation: progress-bar-stripes 2s linear infinite;
65
+ animation: progress-bar-stripes 2s linear infinite;
66
+ }
67
+
68
+
69
+
70
+ // COLORS
71
+ // ------
72
+
73
+ // Danger (red)
74
+ .progress-danger .bar {
75
+ @include gradient-vertical(#ee5f5b, #c43c35);
76
+ }
77
+ .progress-danger.progress-striped .bar {
78
+ @include gradient-striped(#ee5f5b);
79
+ }
80
+
81
+ // Success (green)
82
+ .progress-success .bar {
83
+ @include gradient-vertical(#62c462, #57a957);
84
+ }
85
+ .progress-success.progress-striped .bar {
86
+ @include gradient-striped(#62c462);
87
+ }
88
+
89
+ // Info (teal)
90
+ .progress-info .bar {
91
+ @include gradient-vertical(#5bc0de, #339bb9);
92
+ }
93
+ .progress-info.progress-striped .bar {
94
+ @include gradient-striped(#5bc0de);
95
+ }
@@ -1,44 +1,10 @@
1
- /* Reset.scss
2
- * Props to Eric Meyer (meyerweb.com) for his CSS reset file. We're using an adapted version here that cuts out some of the reset HTML elements we will never need here (i.e., dfn, samp, etc).
3
- * ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
4
-
5
-
6
- // ERIC MEYER RESET
7
- // --------------------------------------------------
8
-
9
- html, body { margin: 0; padding: 0; }
10
- h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: normal; font-style: normal; font-size: 100%; line-height: 1; font-family: inherit; }
11
- table { border-collapse: collapse; border-spacing: 0; }
12
- ol, ul { list-style: none; }
13
- q:before, q:after, blockquote:before, blockquote:after { content: ""; }
14
-
15
-
16
- // Normalize.css
17
- // Pulling in select resets form the normalize.css project
18
- // --------------------------------------------------
1
+ // Reset.less
2
+ // Adapted from Normalize.css http://github.com/necolas/normalize.css
3
+ // ------------------------------------------------------------------------
19
4
 
20
5
  // Display in IE6-9 and FF3
21
6
  // -------------------------
22
- // Source: http://github.com/necolas/normalize.css
23
- html {
24
- overflow-y: scroll;
25
- font-size: 100%;
26
- -webkit-text-size-adjust: 100%;
27
- -ms-text-size-adjust: 100%;
28
- }
29
- // Focus states
30
- a:focus {
31
- outline: thin dotted;
32
- }
33
- // Hover & Active
34
- a:hover,
35
- a:active {
36
- outline: 0;
37
- }
38
7
 
39
- // Display in IE6-9 and FF3
40
- // -------------------------
41
- // Source: http://github.com/necolas/normalize.css
42
8
  article,
43
9
  aside,
44
10
  details,
@@ -54,7 +20,7 @@ section {
54
20
 
55
21
  // Display block in IE6-9 and FF3
56
22
  // -------------------------
57
- // Source: http://github.com/necolas/normalize.css
23
+
58
24
  audio,
59
25
  canvas,
60
26
  video {
@@ -65,19 +31,37 @@ video {
65
31
 
66
32
  // Prevents modern browsers from displaying 'audio' without controls
67
33
  // -------------------------
68
- // Source: http://github.com/necolas/normalize.css
34
+
69
35
  audio:not([controls]) {
70
36
  display: none;
71
37
  }
72
38
 
39
+ // Base settings
40
+ // -------------------------
41
+
42
+ html {
43
+ font-size: 100%;
44
+ -webkit-text-size-adjust: 100%;
45
+ -ms-text-size-adjust: 100%;
46
+ }
47
+ // Focus states
48
+ a:focus {
49
+ @include tab-focus;
50
+ }
51
+ // Hover & Active
52
+ a:hover,
53
+ a:active {
54
+ outline: 0;
55
+ }
56
+
73
57
  // Prevents sub and sup affecting line-height in all browsers
74
58
  // -------------------------
75
- // Source: http://github.com/necolas/normalize.css
59
+
76
60
  sub,
77
61
  sup {
62
+ position: relative;
78
63
  font-size: 75%;
79
64
  line-height: 0;
80
- position: relative;
81
65
  vertical-align: baseline;
82
66
  }
83
67
  sup {
@@ -89,35 +73,35 @@ sub {
89
73
 
90
74
  // Img border in a's and image quality
91
75
  // -------------------------
92
- // Source: http://github.com/necolas/normalize.css
76
+
93
77
  img {
94
- border: 0;
95
- -ms-interpolation-mode: bicubic;
78
+ max-width: 100%;
79
+ height: auto;
80
+ border: 0;
81
+ -ms-interpolation-mode: bicubic;
96
82
  }
97
83
 
98
84
  // Forms
99
85
  // -------------------------
100
- // Source: http://github.com/necolas/normalize.css
101
86
 
102
87
  // Font size in all browsers, margin changes, misc consistency
103
88
  button,
104
89
  input,
105
90
  select,
106
91
  textarea {
107
- font-size: 100%;
108
92
  margin: 0;
109
- vertical-align: baseline;
110
- *vertical-align: middle;
93
+ font-size: 100%;
94
+ vertical-align: middle;
111
95
  }
112
96
  button,
113
97
  input {
114
- line-height: normal; // FF3/4 have !important on line-height in UA stylesheet
115
98
  *overflow: visible; // Inner spacing ie IE6/7
99
+ line-height: normal; // FF3/4 have !important on line-height in UA stylesheet
116
100
  }
117
101
  button::-moz-focus-inner,
118
102
  input::-moz-focus-inner { // Inner padding and border oddities in FF3/4
119
- border: 0;
120
103
  padding: 0;
104
+ border: 0;
121
105
  }
122
106
  button,
123
107
  input[type="button"],
@@ -132,7 +116,8 @@ input[type="search"] { // Appearance in Safari/Chrome
132
116
  -moz-box-sizing: content-box;
133
117
  box-sizing: content-box;
134
118
  }
135
- input[type="search"]::-webkit-search-decoration {
119
+ input[type="search"]::-webkit-search-decoration,
120
+ input[type="search"]::-webkit-search-cancel-button {
136
121
  -webkit-appearance: none; // Inner-padding issues in Chrome OSX, Safari 5
137
122
  }
138
123
  textarea {
@@ -0,0 +1,323 @@
1
+ /*!
2
+ * Bootstrap Responsive v2.0.0
3
+ *
4
+ * Copyright 2012 Twitter, Inc
5
+ * Licensed under the Apache License v2.0
6
+ * http://www.apache.org/licenses/LICENSE-2.0
7
+ *
8
+ * Designed and built with all the love in the world $twitter by $mdo and $fat.
9
+ */
10
+
11
+ // Responsive.less
12
+ // For phone and tablet devices
13
+ // -------------------------------------------------------------
14
+
15
+
16
+ // REPEAT VARIABLES & MIXINS
17
+ // -------------------------
18
+ // Required since we compile the responsive stuff separately
19
+
20
+ @import "variables.less"; // Modify this for custom colors, font-sizes, etc
21
+ @import "mixins.less";
22
+
23
+
24
+ // RESPONSIVE CLASSES
25
+ // ------------------
26
+
27
+ // Hide from screenreaders and browsers
28
+ // Credit: HTML5 Boilerplate
29
+ .hidden {
30
+ display: none;
31
+ visibility: hidden;
32
+ }
33
+
34
+
35
+
36
+ // UP TO LANDSCAPE PHONE
37
+ // ---------------------
38
+
39
+ @media (max-width: 480px) {
40
+
41
+ // Smooth out the collapsing/expanding nav
42
+ .nav-collapse {
43
+ -webkit-transform: translate3d(0, 0, 0); // activate the GPU
44
+ }
45
+
46
+ // Block level the page header small tag for readability
47
+ .page-header h1 small {
48
+ display: block;
49
+ line-height: $baseLineHeight;
50
+ }
51
+
52
+ // Make span* classes full width
53
+ input[class*="span"],
54
+ select[class*="span"],
55
+ textarea[class*="span"],
56
+ .uneditable-input {
57
+ display: block;
58
+ width: 100%;
59
+ height: 28px; /* Make inputs at least the height of their button counterpart */
60
+ /* Makes inputs behave like true block-level elements */
61
+ -webkit-box-sizing: border-box; /* Older Webkit */
62
+ -moz-box-sizing: border-box; /* Older FF */
63
+ -ms-box-sizing: border-box; /* IE8 */
64
+ box-sizing: border-box; /* CSS3 spec*/
65
+ }
66
+ // But don't let it screw up prepend/append inputs
67
+ .input-prepend input[class*="span"],
68
+ .input-append input[class*="span"] {
69
+ width: auto;
70
+ }
71
+
72
+ // Update checkboxes for iOS
73
+ input[type="checkbox"],
74
+ input[type="radio"] {
75
+ border: 1px solid #ccc;
76
+ }
77
+
78
+ // Remove the horizontal form styles
79
+ .form-horizontal .control-group > label {
80
+ float: none;
81
+ width: auto;
82
+ padding-top: 0;
83
+ text-align: left;
84
+ }
85
+ // Move over all input controls and content
86
+ .form-horizontal .controls {
87
+ margin-left: 0;
88
+ }
89
+ // Move the options list down to align with labels
90
+ .form-horizontal .control-list {
91
+ padding-top: 0; // has to be padding because margin collaspes
92
+ }
93
+ // Move over buttons in .form-actions to align with .controls
94
+ .form-horizontal .form-actions {
95
+ padding-left: 10px;
96
+ padding-right: 10px;
97
+ }
98
+
99
+ // Modals
100
+ .modal {
101
+ position: absolute;
102
+ top: 10px;
103
+ left: 10px;
104
+ right: 10px;
105
+ width: auto;
106
+ margin: 0;
107
+ &.fade.in { top: auto; }
108
+ }
109
+ .modal-header .close {
110
+ padding: 10px;
111
+ margin: -10px;
112
+ }
113
+
114
+ // Carousel
115
+ .carousel-caption {
116
+ position: static;
117
+ }
118
+
119
+ }
120
+
121
+
122
+
123
+ // LANDSCAPE PHONE TO SMALL DESKTOP & PORTRAIT TABLET
124
+ // --------------------------------------------------
125
+
126
+ @media (max-width: 768px) {
127
+ // GRID & CONTAINERS
128
+ // -----------------
129
+ // Remove width from containers
130
+ .container {
131
+ width: auto;
132
+ padding: 0 20px;
133
+ }
134
+ // Fluid rows
135
+ .row-fluid {
136
+ width: 100%;
137
+ }
138
+ // Undo negative margin on rows
139
+ .row {
140
+ margin-left: 0;
141
+ }
142
+ // Make all columns even
143
+ .row > [class*="span"],
144
+ .row-fluid > [class*="span"] {
145
+ float: none;
146
+ display: block;
147
+ width: auto;
148
+ margin: 0;
149
+ }
150
+ }
151
+
152
+
153
+
154
+ // PORTRAIT TABLET TO DEFAULT DESKTOP
155
+ // ----------------------------------
156
+
157
+ @media (min-width: 768px) and (max-width: 980px) {
158
+
159
+ // Fixed grid
160
+ @include gridSystem-generate(12, 42px, 20px);
161
+
162
+ // Fluid grid
163
+ @include fluidGridSystem-generate(12, 5.801104972%, 2.762430939%);
164
+
165
+ // Input grid
166
+ @include inputGridSystem-generate(12, 42px, 20px);
167
+
168
+ }
169
+
170
+
171
+
172
+ // TABLETS AND BELOW
173
+ // -----------------
174
+ @media (max-width: 980px) {
175
+
176
+ // UNFIX THE TOPBAR
177
+ // ----------------
178
+ // Remove any padding from the body
179
+ body {
180
+ padding-top: 0;
181
+ }
182
+ // Unfix the navbar
183
+ .navbar-fixed-top {
184
+ position: static;
185
+ margin-bottom: $baseLineHeight;
186
+ }
187
+ .navbar-fixed-top .navbar-inner {
188
+ padding: 5px;
189
+ }
190
+ .navbar .container {
191
+ width: auto;
192
+ padding: 0;
193
+ }
194
+ // Account for brand name
195
+ .navbar .brand {
196
+ padding-left: 10px;
197
+ padding-right: 10px;
198
+ margin: 0 0 0 -5px;
199
+ }
200
+ // Nav collapse clears brand
201
+ .navbar .nav-collapse {
202
+ clear: left;
203
+ }
204
+ // Block-level the nav
205
+ .navbar .nav {
206
+ float: none;
207
+ margin: 0 0 ($baseLineHeight / 2);
208
+ }
209
+ .navbar .nav > li {
210
+ float: none;
211
+ }
212
+ .navbar .nav > li > a {
213
+ margin-bottom: 2px;
214
+ }
215
+ .navbar .nav > .divider-vertical {
216
+ display: none;
217
+ }
218
+ // Nav and dropdown links in navbar
219
+ .navbar .nav > li > a,
220
+ .navbar .dropdown-menu a {
221
+ padding: 6px 15px;
222
+ font-weight: bold;
223
+ color: $navbarLinkColor;
224
+ @include border-radius(3px);
225
+ }
226
+ .navbar .dropdown-menu li + li a {
227
+ margin-bottom: 2px;
228
+ }
229
+ .navbar .nav > li > a:hover,
230
+ .navbar .dropdown-menu a:hover {
231
+ background-color: $navbarBackground;
232
+ }
233
+ // Dropdowns in the navbar
234
+ .navbar .dropdown-menu {
235
+ position: static;
236
+ top: auto;
237
+ left: auto;
238
+ float: none;
239
+ display: block;
240
+ max-width: none;
241
+ margin: 0 15px;
242
+ padding: 0;
243
+ background-color: transparent;
244
+ border: none;
245
+ @include border-radius(0);
246
+ @include box-shadow(none);
247
+ }
248
+ .navbar .dropdown-menu:before,
249
+ .navbar .dropdown-menu:after {
250
+ display: none;
251
+ }
252
+ .navbar .dropdown-menu .divider {
253
+ display: none;
254
+ }
255
+ // Forms in navbar
256
+ .navbar-form,
257
+ .navbar-search {
258
+ float: none;
259
+ padding: ($baseLineHeight / 2) 15px;
260
+ margin: ($baseLineHeight / 2) 0;
261
+ border-top: 1px solid $navbarBackground;
262
+ border-bottom: 1px solid $navbarBackground;
263
+ $shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
264
+ @include box-shadow($shadow);
265
+ }
266
+ // Pull right (secondary) nav content
267
+ .navbar .nav.pull-right {
268
+ float: none;
269
+ margin-left: 0;
270
+ }
271
+ // Static navbar
272
+ .navbar-static .navbar-inner {
273
+ padding-left: 10px;
274
+ padding-right: 10px;
275
+ }
276
+ // Navbar button
277
+ .btn-navbar {
278
+ display: block;
279
+ }
280
+
281
+ // Hide everything in the navbar save .brand and toggle button */
282
+ .nav-collapse {
283
+ overflow: hidden;
284
+ height: 0;
285
+ }
286
+ }
287
+
288
+
289
+
290
+ // DEFAULT DESKTOP
291
+ // ---------------
292
+
293
+ @media (min-width: 980px) {
294
+ .nav-collapse.collapse {
295
+ height: auto !important;
296
+ }
297
+ }
298
+
299
+
300
+
301
+ // LARGE DESKTOP & UP
302
+ // ------------------
303
+
304
+ @media (min-width: 1200px) {
305
+
306
+ // Fixed grid
307
+ @include gridSystem-generate(12, 70px, 30px);
308
+
309
+ // Fluid grid
310
+ @include fluidGridSystem-generate(12, 5.982905983%, 2.564102564%);
311
+
312
+ // Input grid
313
+ @include inputGridSystem-generate(12, 70px, 30px);
314
+
315
+ // Thumbnails
316
+ .thumbnails {
317
+ margin-left: -30px;
318
+ }
319
+ .thumbnails > li {
320
+ margin-left: 30px;
321
+ }
322
+
323
+ }