bootstrap-sass-rails-rtl 2.0.4.12

Sign up to get free protection for your applications and to get access to all the features.
Files changed (142) hide show
  1. data/LICENSE +14 -0
  2. data/README.md +115 -0
  3. data/Rakefile +37 -0
  4. data/lib/bootstrap-sass-rails-rtl.rb +9 -0
  5. data/lib/bootstrap/sass/extensions.rb +5 -0
  6. data/lib/bootstrap/sass/extensions/functions.rb +15 -0
  7. data/lib/bootstrap/sass/rails.rb +2 -0
  8. data/lib/bootstrap/sass/rails/engine.rb +9 -0
  9. data/lib/bootstrap/sass/rails/version.rb +7 -0
  10. data/test/cases/usage_css_spec.rb +216 -0
  11. data/test/cases/usage_js_spec.rb +40 -0
  12. data/test/dummy/Rakefile +7 -0
  13. data/test/dummy/app/assets/javascripts/application.js +3 -0
  14. data/test/dummy/app/assets/javascripts/individual.js +1 -0
  15. data/test/dummy/app/assets/stylesheets/application-rtl.css.scss +3 -0
  16. data/test/dummy/app/assets/stylesheets/application.css.scss +3 -0
  17. data/test/dummy/app/assets/stylesheets/individual-rtl.css.scss +11 -0
  18. data/test/dummy/app/assets/stylesheets/individual.css.scss +11 -0
  19. data/test/dummy/app/assets/stylesheets/sprockets-rtl.css +3 -0
  20. data/test/dummy/app/assets/stylesheets/sprockets.css +3 -0
  21. data/test/dummy/app/controllers/application_controller.rb +3 -0
  22. data/test/dummy/app/helpers/application_helper.rb +2 -0
  23. data/test/dummy/app/views/layouts/application.html.erb +14 -0
  24. data/test/dummy/config.ru +4 -0
  25. data/test/dummy/config/application.rb +49 -0
  26. data/test/dummy/config/boot.rb +10 -0
  27. data/test/dummy/config/database.yml +25 -0
  28. data/test/dummy/config/environment.rb +5 -0
  29. data/test/dummy/config/environments/development.rb +30 -0
  30. data/test/dummy/config/environments/production.rb +60 -0
  31. data/test/dummy/config/environments/test.rb +39 -0
  32. data/test/dummy/config/initializers/backtrace_silencers.rb +7 -0
  33. data/test/dummy/config/initializers/inflections.rb +10 -0
  34. data/test/dummy/config/initializers/mime_types.rb +5 -0
  35. data/test/dummy/config/initializers/secret_token.rb +7 -0
  36. data/test/dummy/config/initializers/session_store.rb +8 -0
  37. data/test/dummy/config/initializers/wrap_parameters.rb +14 -0
  38. data/test/dummy/config/locales/en.yml +5 -0
  39. data/test/dummy/config/routes.rb +58 -0
  40. data/test/dummy/public/404.html +26 -0
  41. data/test/dummy/public/422.html +26 -0
  42. data/test/dummy/public/500.html +26 -0
  43. data/test/dummy/public/favicon.ico +0 -0
  44. data/test/dummy/script/rails +6 -0
  45. data/test/spec_helper.rb +13 -0
  46. data/test/support/helpers.rb +35 -0
  47. data/vendor/assets/images/twitter/bootstrap/glyphicons-halflings-white.png +0 -0
  48. data/vendor/assets/images/twitter/bootstrap/glyphicons-halflings.png +0 -0
  49. data/vendor/assets/javascripts/twitter/bootstrap.js +12 -0
  50. data/vendor/assets/javascripts/twitter/bootstrap/alert.js +90 -0
  51. data/vendor/assets/javascripts/twitter/bootstrap/button.js +96 -0
  52. data/vendor/assets/javascripts/twitter/bootstrap/carousel.js +169 -0
  53. data/vendor/assets/javascripts/twitter/bootstrap/collapse.js +157 -0
  54. data/vendor/assets/javascripts/twitter/bootstrap/dropdown.js +100 -0
  55. data/vendor/assets/javascripts/twitter/bootstrap/modal.js +218 -0
  56. data/vendor/assets/javascripts/twitter/bootstrap/popover.js +98 -0
  57. data/vendor/assets/javascripts/twitter/bootstrap/scrollspy.js +151 -0
  58. data/vendor/assets/javascripts/twitter/bootstrap/tab.js +135 -0
  59. data/vendor/assets/javascripts/twitter/bootstrap/tooltip.js +275 -0
  60. data/vendor/assets/javascripts/twitter/bootstrap/transition.js +61 -0
  61. data/vendor/assets/javascripts/twitter/bootstrap/typeahead.js +285 -0
  62. data/vendor/assets/stylesheets/twitter/bootstrap.css.scss +62 -0
  63. data/vendor/assets/stylesheets/twitter/bootstrap/_accordion.scss +33 -0
  64. data/vendor/assets/stylesheets/twitter/bootstrap/_alerts.scss +59 -0
  65. data/vendor/assets/stylesheets/twitter/bootstrap/_breadcrumbs.scss +24 -0
  66. data/vendor/assets/stylesheets/twitter/bootstrap/_button-groups.scss +190 -0
  67. data/vendor/assets/stylesheets/twitter/bootstrap/_buttons.scss +193 -0
  68. data/vendor/assets/stylesheets/twitter/bootstrap/_carousel.scss +121 -0
  69. data/vendor/assets/stylesheets/twitter/bootstrap/_close.scss +29 -0
  70. data/vendor/assets/stylesheets/twitter/bootstrap/_code.scss +57 -0
  71. data/vendor/assets/stylesheets/twitter/bootstrap/_component-animations.scss +20 -0
  72. data/vendor/assets/stylesheets/twitter/bootstrap/_dropdowns.scss +142 -0
  73. data/vendor/assets/stylesheets/twitter/bootstrap/_forms.scss +589 -0
  74. data/vendor/assets/stylesheets/twitter/bootstrap/_grid.scss +8 -0
  75. data/vendor/assets/stylesheets/twitter/bootstrap/_hero-unit.scss +22 -0
  76. data/vendor/assets/stylesheets/twitter/bootstrap/_labels-badges.scss +54 -0
  77. data/vendor/assets/stylesheets/twitter/bootstrap/_layouts.scss +17 -0
  78. data/vendor/assets/stylesheets/twitter/bootstrap/_mixins.scss +612 -0
  79. data/vendor/assets/stylesheets/twitter/bootstrap/_modals.scss +90 -0
  80. data/vendor/assets/stylesheets/twitter/bootstrap/_navbar.scss +358 -0
  81. data/vendor/assets/stylesheets/twitter/bootstrap/_navs.scss +364 -0
  82. data/vendor/assets/stylesheets/twitter/bootstrap/_pager.scss +36 -0
  83. data/vendor/assets/stylesheets/twitter/bootstrap/_pagination.scss +56 -0
  84. data/vendor/assets/stylesheets/twitter/bootstrap/_popovers.scss +49 -0
  85. data/vendor/assets/stylesheets/twitter/bootstrap/_progress-bars.scss +118 -0
  86. data/vendor/assets/stylesheets/twitter/bootstrap/_reset.scss +131 -0
  87. data/vendor/assets/stylesheets/twitter/bootstrap/_responsive-1200px-min.scss +26 -0
  88. data/vendor/assets/stylesheets/twitter/bootstrap/_responsive-767px-max.scss +150 -0
  89. data/vendor/assets/stylesheets/twitter/bootstrap/_responsive-768px-979px.scss +19 -0
  90. data/vendor/assets/stylesheets/twitter/bootstrap/_responsive-navbar.scss +153 -0
  91. data/vendor/assets/stylesheets/twitter/bootstrap/_responsive-utilities.scss +41 -0
  92. data/vendor/assets/stylesheets/twitter/bootstrap/_responsive.scss +48 -0
  93. data/vendor/assets/stylesheets/twitter/bootstrap/_scaffolding.scss +29 -0
  94. data/vendor/assets/stylesheets/twitter/bootstrap/_sprites.scss +178 -0
  95. data/vendor/assets/stylesheets/twitter/bootstrap/_tables.scss +175 -0
  96. data/vendor/assets/stylesheets/twitter/bootstrap/_thumbnails.scss +47 -0
  97. data/vendor/assets/stylesheets/twitter/bootstrap/_tooltip.scss +35 -0
  98. data/vendor/assets/stylesheets/twitter/bootstrap/_type.scss +232 -0
  99. data/vendor/assets/stylesheets/twitter/bootstrap/_utilities.scss +23 -0
  100. data/vendor/assets/stylesheets/twitter/bootstrap/_variables.scss +206 -0
  101. data/vendor/assets/stylesheets/twitter/bootstrap/_wells.scss +27 -0
  102. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_accordion.scss +33 -0
  103. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_alerts.scss +59 -0
  104. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_breadcrumbs.scss +24 -0
  105. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_button-groups.scss +190 -0
  106. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_buttons.scss +193 -0
  107. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_carousel.scss +121 -0
  108. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_close.scss +29 -0
  109. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_code.scss +57 -0
  110. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_component-animations.scss +20 -0
  111. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_dropdowns.scss +142 -0
  112. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_forms.scss +589 -0
  113. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_grid.scss +8 -0
  114. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_hero-unit.scss +22 -0
  115. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_labels-badges.scss +54 -0
  116. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_layouts.scss +17 -0
  117. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_mixins.scss +612 -0
  118. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_modals.scss +90 -0
  119. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_navbar.scss +358 -0
  120. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_navs.scss +364 -0
  121. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_pager.scss +36 -0
  122. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_pagination.scss +56 -0
  123. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_popovers.scss +49 -0
  124. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_progress-bars.scss +118 -0
  125. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_reset.scss +131 -0
  126. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_responsive-1200px-min.scss +26 -0
  127. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_responsive-767px-max.scss +150 -0
  128. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_responsive-768px-979px.scss +19 -0
  129. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_responsive-navbar.scss +153 -0
  130. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_responsive-utilities.scss +41 -0
  131. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_responsive.scss +48 -0
  132. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_scaffolding.scss +29 -0
  133. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_sprites.scss +178 -0
  134. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_tables.scss +175 -0
  135. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_thumbnails.scss +47 -0
  136. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_tooltip.scss +35 -0
  137. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_type.scss +232 -0
  138. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_utilities.scss +23 -0
  139. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_variables.scss +206 -0
  140. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_wells.scss +27 -0
  141. data/vendor/assets/stylesheets/twitter/bootstrap_rtl.css.scss +62 -0
  142. metadata +276 -0
@@ -0,0 +1,36 @@
1
+ // PAGER
2
+ // -----
3
+
4
+ .pager {
5
+ margin-right: 0;
6
+ margin-bottom: $baseLineHeight;
7
+ list-style: none;
8
+ text-align: center;
9
+ @include clearfix();
10
+ }
11
+ .pager li {
12
+ display: inline;
13
+ }
14
+ .pager a {
15
+ display: inline-block;
16
+ padding: 5px 14px;
17
+ background-color: #fff;
18
+ border: 1px solid #ddd;
19
+ @include border-radius(15px);
20
+ }
21
+ .pager a:hover {
22
+ text-decoration: none;
23
+ background-color: #f5f5f5;
24
+ }
25
+ .pager .next a {
26
+ float: left;
27
+ }
28
+ .pager .previous a {
29
+ float: right;
30
+ }
31
+ .pager .disabled a,
32
+ .pager .disabled a:hover {
33
+ color: $grayLight;
34
+ background-color: #fff;
35
+ cursor: default;
36
+ }
@@ -0,0 +1,56 @@
1
+ // PAGINATION
2
+ // ----------
3
+
4
+ .pagination {
5
+ height: $baseLineHeight * 2;
6
+ margin: $baseLineHeight 0;
7
+ }
8
+ .pagination ul {
9
+ display: inline-block;
10
+ @include ie7-inline-block();
11
+ margin-right: 0;
12
+ margin-bottom: 0;
13
+ @include border-radius(3px);
14
+ @include box-shadow(0 1px 2px rgba(0,0,0,.05));
15
+ }
16
+ .pagination li {
17
+ display: inline;
18
+ }
19
+ .pagination a {
20
+ float: right;
21
+ padding: 0 14px;
22
+ line-height: ($baseLineHeight * 2) - 2;
23
+ text-decoration: none;
24
+ border: 1px solid #ddd;
25
+ border-right-width: 0;
26
+ }
27
+ .pagination a:hover,
28
+ .pagination .active a {
29
+ background-color: #f5f5f5;
30
+ }
31
+ .pagination .active a {
32
+ color: $grayLight;
33
+ cursor: default;
34
+ }
35
+ .pagination .disabled span,
36
+ .pagination .disabled a,
37
+ .pagination .disabled a:hover {
38
+ color: $grayLight;
39
+ background-color: transparent;
40
+ cursor: default;
41
+ }
42
+ .pagination li:first-child a {
43
+ border-right-width: 1px;
44
+ @include border-radius(3px 0 0 3px);
45
+ }
46
+ .pagination li:last-child a {
47
+ @include border-radius(0 3px 3px 0);
48
+ }
49
+
50
+ // Centered
51
+ .pagination-centered {
52
+ text-align: center;
53
+ }
54
+ .pagination-right {
55
+ text-align: left;
56
+ }
@@ -0,0 +1,49 @@
1
+ // POPOVERS
2
+ // --------
3
+
4
+ .popover {
5
+ position: absolute;
6
+ top: 0;
7
+ right: 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,118 @@
1
+ // PROGRESS BARS
2
+ // -------------
3
+
4
+
5
+ // ANIMATIONS
6
+ // ----------
7
+
8
+ // Webkit
9
+ @-webkit-keyframes progress-bar-stripes {
10
+ from { background-position: 40px 0; }
11
+ to { background-position: 0 0; }
12
+ }
13
+
14
+ // Firefox
15
+ @-moz-keyframes progress-bar-stripes {
16
+ from { background-position: 40px 0; }
17
+ to { background-position: 0 0; }
18
+ }
19
+
20
+ // IE9
21
+ @-ms-keyframes progress-bar-stripes {
22
+ from { background-position: 40px 0; }
23
+ to { background-position: 0 0; }
24
+ }
25
+
26
+ // Opera
27
+ @-o-keyframes progress-bar-stripes {
28
+ from { background-position: 0 0; }
29
+ to { background-position: 40px 0; }
30
+ }
31
+
32
+ // Spec
33
+ @keyframes progress-bar-stripes {
34
+ from { background-position: 40px 0; }
35
+ to { background-position: 0 0; }
36
+ }
37
+
38
+
39
+
40
+ // THE BARS
41
+ // --------
42
+
43
+ // Outer container
44
+ .progress {
45
+ overflow: hidden;
46
+ height: 18px;
47
+ margin-bottom: 18px;
48
+ @include gradient-vertical(#f5f5f5, #f9f9f9);
49
+ @include box-shadow(inset 0 1px 2px rgba(0,0,0,.1));
50
+ @include border-radius(4px);
51
+ }
52
+
53
+ // Bar of progress
54
+ .progress .bar {
55
+ width: 0%;
56
+ height: 18px;
57
+ color: $white;
58
+ font-size: 12px;
59
+ text-align: center;
60
+ text-shadow: 0 -1px 0 rgba(0,0,0,.25);
61
+ @include gradient-vertical(#149bdf, #0480be);
62
+ @include box-shadow(inset 0 -1px 0 rgba(0,0,0,.15));
63
+ @include box-sizing(border-box);
64
+ @include transition(width .6s ease);
65
+ }
66
+
67
+ // Striped bars
68
+ .progress-striped .bar {
69
+ @include gradient-striped(#149bdf);
70
+ @include background-size(40px 40px);
71
+ }
72
+
73
+ // Call animation for the active one
74
+ .progress.active .bar {
75
+ -webkit-animation: progress-bar-stripes 2s linear infinite;
76
+ -moz-animation: progress-bar-stripes 2s linear infinite;
77
+ -ms-animation: progress-bar-stripes 2s linear infinite;
78
+ -o-animation: progress-bar-stripes 2s linear infinite;
79
+ animation: progress-bar-stripes 2s linear infinite;
80
+ }
81
+
82
+
83
+
84
+ // COLORS
85
+ // ------
86
+
87
+ // Danger (red)
88
+ .progress-danger .bar {
89
+ @include gradient-vertical(#ee5f5b, #c43c35);
90
+ }
91
+ .progress-danger.progress-striped .bar {
92
+ @include gradient-striped(#ee5f5b);
93
+ }
94
+
95
+ // Success (green)
96
+ .progress-success .bar {
97
+ @include gradient-vertical(#62c462, #57a957);
98
+ }
99
+ .progress-success.progress-striped .bar {
100
+ @include gradient-striped(#62c462);
101
+ }
102
+
103
+ // Info (teal)
104
+ .progress-info .bar {
105
+ @include gradient-vertical(#5bc0de, #339bb9);
106
+ }
107
+ .progress-info.progress-striped .bar {
108
+ @include gradient-striped(#5bc0de);
109
+ }
110
+
111
+ // Warning (orange)
112
+ .progress-warning .bar {
113
+ @include gradient-vertical(lighten($orange, 15%), $orange);
114
+ }
115
+ .progress-warning.progress-striped .bar {
116
+ @include gradient-striped(lighten($orange, 15%));
117
+ }
118
+
@@ -0,0 +1,131 @@
1
+ // Reset.less
2
+ // Adapted from Normalize.css http://github.com/necolas/normalize.css
3
+ // ------------------------------------------------------------------------
4
+
5
+ // Display in IE6-9 and FF3
6
+ // -------------------------
7
+
8
+ article,
9
+ aside,
10
+ details,
11
+ figcaption,
12
+ figure,
13
+ footer,
14
+ header,
15
+ hgroup,
16
+ nav,
17
+ section {
18
+ display: block;
19
+ }
20
+
21
+ // Display block in IE6-9 and FF3
22
+ // -------------------------
23
+
24
+ audio,
25
+ canvas,
26
+ video {
27
+ display: inline-block;
28
+ *display: inline;
29
+ *zoom: 1;
30
+ }
31
+
32
+ // Prevents modern browsers from displaying 'audio' without controls
33
+ // -------------------------
34
+
35
+ audio:not([controls]) {
36
+ display: none;
37
+ }
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
+
57
+ // Prevents sub and sup affecting line-height in all browsers
58
+ // -------------------------
59
+
60
+ sub,
61
+ sup {
62
+ position: relative;
63
+ font-size: 75%;
64
+ line-height: 0;
65
+ vertical-align: baseline;
66
+ }
67
+ sup {
68
+ top: -0.5em;
69
+ }
70
+ sub {
71
+ bottom: -0.25em;
72
+ }
73
+
74
+ // Img border in a's and image quality
75
+ // -------------------------
76
+
77
+ img {
78
+ max-width: 100%; // Make images inherently responsive
79
+ vertical-align: middle;
80
+ border: 0;
81
+ -ms-interpolation-mode: bicubic;
82
+ }
83
+
84
+ // Prevent max-width from affecting Google Maps
85
+ #map_canvas img {
86
+ max-width: none;
87
+ }
88
+
89
+ // Forms
90
+ // -------------------------
91
+
92
+ // Font size in all browsers, margin changes, misc consistency
93
+ button,
94
+ input,
95
+ select,
96
+ textarea {
97
+ margin: 0;
98
+ font-size: 100%;
99
+ vertical-align: middle;
100
+ }
101
+ button,
102
+ input {
103
+ *overflow: visible; // Inner spacing ie IE6/7
104
+ line-height: normal; // FF3/4 have !important on line-height in UA stylesheet
105
+ }
106
+ button::-moz-focus-inner,
107
+ input::-moz-focus-inner { // Inner padding and border oddities in FF3/4
108
+ padding: 0;
109
+ border: 0;
110
+ }
111
+ button,
112
+ input[type="button"],
113
+ input[type="reset"],
114
+ input[type="submit"] {
115
+ cursor: pointer; // Cursors on all buttons applied consistently
116
+ -webkit-appearance: button; // Style clickable inputs in iOS
117
+ }
118
+ input[type="search"] { // Appearance in Safari/Chrome
119
+ -webkit-box-sizing: content-box;
120
+ -moz-box-sizing: content-box;
121
+ box-sizing: content-box;
122
+ -webkit-appearance: textfield;
123
+ }
124
+ input[type="search"]::-webkit-search-decoration,
125
+ input[type="search"]::-webkit-search-cancel-button {
126
+ -webkit-appearance: none; // Inner-padding issues in Chrome OSX, Safari 5
127
+ }
128
+ textarea {
129
+ overflow: auto; // Remove vertical scrollbar in IE6-9
130
+ vertical-align: top; // Readability and alignment cross-browser
131
+ }
@@ -0,0 +1,26 @@
1
+ // LARGE DESKTOP & UP
2
+ // ------------------
3
+
4
+ @media (min-width: 1200px) {
5
+
6
+ // Fixed grid
7
+ @include grid-core(70px, 30px);
8
+
9
+ // Fluid grid
10
+ @include grid-fluid(5.982905983%, 2.564102564%);
11
+
12
+ // Input grid
13
+ @include grid-input(70px, 30px);
14
+
15
+ // Thumbnails
16
+ .thumbnails {
17
+ margin-right: -30px;
18
+ }
19
+ .thumbnails > li {
20
+ margin-right: 30px;
21
+ }
22
+ .row-fluid .thumbnails {
23
+ margin-right: 0;
24
+ }
25
+
26
+ }
@@ -0,0 +1,150 @@
1
+ // UP TO LANDSCAPE PHONE
2
+ // ---------------------
3
+
4
+ @media (max-width: 480px) {
5
+
6
+ // Smooth out the collapsing/expanding nav
7
+ .nav-collapse {
8
+ -webkit-transform: translate3d(0, 0, 0); // activate the GPU
9
+ }
10
+
11
+ // Block level the page header small tag for readability
12
+ .page-header h1 small {
13
+ display: block;
14
+ line-height: $baseLineHeight;
15
+ }
16
+
17
+ // Update checkboxes for iOS
18
+ input[type="checkbox"],
19
+ input[type="radio"] {
20
+ border: 1px solid #ccc;
21
+ }
22
+
23
+ // Remove the horizontal form styles
24
+ .form-horizontal .control-group > label {
25
+ float: none;
26
+ width: auto;
27
+ padding-top: 0;
28
+ text-align: right;
29
+ }
30
+ // Move over all input controls and content
31
+ .form-horizontal .controls {
32
+ margin-right: 0;
33
+ }
34
+ // Move the options list down to align with labels
35
+ .form-horizontal .control-list {
36
+ padding-top: 0; // has to be padding because margin collaspes
37
+ }
38
+ // Move over buttons in .form-actions to align with .controls
39
+ .form-horizontal .form-actions {
40
+ padding-right: 10px;
41
+ padding-left: 10px;
42
+ }
43
+
44
+ // Modals
45
+ .modal {
46
+ position: absolute;
47
+ top: 10px;
48
+ right: 10px;
49
+ left: 10px;
50
+ width: auto;
51
+ margin: 0;
52
+ &.fade.in { top: auto; }
53
+ }
54
+ .modal-header .close {
55
+ padding: 10px;
56
+ margin: -10px;
57
+ }
58
+
59
+ // Carousel
60
+ .carousel-caption {
61
+ position: static;
62
+ }
63
+
64
+ }
65
+
66
+
67
+
68
+ // LANDSCAPE PHONE TO SMALL DESKTOP & PORTRAIT TABLET
69
+ // --------------------------------------------------
70
+
71
+ @media (max-width: 767px) {
72
+
73
+ // Padding to set content in a bit
74
+ body {
75
+ padding-right: 20px;
76
+ padding-left: 20px;
77
+ }
78
+ // Negative indent the now static "fixed" navbar
79
+ .navbar-fixed-top,
80
+ .navbar-fixed-bottom {
81
+ margin-right: -20px;
82
+ margin-left: -20px;
83
+ }
84
+ // Remove padding on container given explicit padding set on body
85
+ .container-fluid {
86
+ padding: 0;
87
+ }
88
+
89
+ // TYPOGRAPHY
90
+ // ----------
91
+ // Reset horizontal dl
92
+ .dl-horizontal {
93
+ dt {
94
+ float: none;
95
+ clear: none;
96
+ width: auto;
97
+ text-align: right;
98
+ }
99
+ dd {
100
+ margin-right: 0;
101
+ }
102
+ }
103
+
104
+ // GRID & CONTAINERS
105
+ // -----------------
106
+ // Remove width from containers
107
+ .container {
108
+ width: auto;
109
+ }
110
+ // Fluid rows
111
+ .row-fluid {
112
+ width: 100%;
113
+ }
114
+ // Undo negative margin on rows and thumbnails
115
+ .row,
116
+ .thumbnails {
117
+ margin-right: 0;
118
+ }
119
+ // Make all grid-sized elements block level again
120
+ [class*="span"],
121
+ .row-fluid [class*="span"] {
122
+ float: none;
123
+ display: block;
124
+ width: auto;
125
+ margin-right: 0;
126
+ }
127
+
128
+
129
+ // FORM FIELDS
130
+ // -----------
131
+ // Make span* classes full width
132
+ .input-large,
133
+ .input-xlarge,
134
+ .input-xxlarge,
135
+ input[class*="span"],
136
+ select[class*="span"],
137
+ textarea[class*="span"],
138
+ .uneditable-input {
139
+ @include input-block-level();
140
+ }
141
+ // But don't let it screw up prepend/append inputs
142
+ .input-prepend input,
143
+ .input-append input,
144
+ .input-prepend input[class*="span"],
145
+ .input-append input[class*="span"] {
146
+ display: inline-block; // redeclare so they don't wrap to new lines
147
+ width: auto;
148
+ }
149
+
150
+ }