bootstrap-sass 2.3.2.2 → 3.0.0.0.rc

Sign up to get free protection for your applications and to get access to all the features.

Potentially problematic release.


This version of bootstrap-sass might be problematic. Click here for more details.

Files changed (147) hide show
  1. checksums.yaml +4 -4
  2. data/.gitignore +9 -0
  3. data/.travis.yml +8 -2
  4. data/CHANGELOG.md +4 -0
  5. data/CONTRIBUTING.md +12 -4
  6. data/README.md +87 -74
  7. data/Rakefile +31 -3
  8. data/bootstrap-sass.gemspec +14 -2
  9. data/lib/bootstrap-sass/engine.rb +1 -1
  10. data/lib/bootstrap-sass/version.rb +4 -0
  11. data/tasks/converter.rb +829 -0
  12. data/templates/project/_variables.scss.erb +6 -0
  13. data/templates/project/manifest.rb +8 -13
  14. data/templates/project/styles.scss +1 -6
  15. data/test/compass_test.rb +8 -0
  16. data/test/compilation_test.rb +1 -1
  17. data/test/dummy/README.rdoc +3 -0
  18. data/test/dummy/Rakefile +6 -0
  19. data/test/dummy/app/assets/images/.keep +0 -0
  20. data/test/dummy/app/assets/javascripts/application.js +2 -0
  21. data/test/dummy/app/assets/stylesheets/application.css.sass +1 -0
  22. data/test/dummy/app/controllers/application_controller.rb +5 -0
  23. data/test/dummy/app/controllers/pages_controller.rb +4 -0
  24. data/test/dummy/app/helpers/application_helper.rb +2 -0
  25. data/test/dummy/app/views/layouts/application.html.erb +14 -0
  26. data/test/dummy/app/views/pages/root.html.slim +11 -0
  27. data/test/dummy/bin/bundle +3 -0
  28. data/test/dummy/bin/rails +4 -0
  29. data/test/dummy/bin/rake +4 -0
  30. data/test/dummy/config.ru +4 -0
  31. data/test/dummy/config/application.rb +17 -0
  32. data/test/dummy/config/boot.rb +5 -0
  33. data/test/dummy/config/environment.rb +5 -0
  34. data/test/dummy/config/environments/development.rb +26 -0
  35. data/test/dummy/config/environments/production.rb +76 -0
  36. data/test/dummy/config/environments/test.rb +30 -0
  37. data/test/dummy/config/initializers/backtrace_silencers.rb +7 -0
  38. data/test/dummy/config/initializers/filter_parameter_logging.rb +4 -0
  39. data/test/dummy/config/initializers/inflections.rb +16 -0
  40. data/test/dummy/config/initializers/mime_types.rb +5 -0
  41. data/test/dummy/config/initializers/secret_token.rb +18 -0
  42. data/test/dummy/config/initializers/session_store.rb +3 -0
  43. data/test/dummy/config/initializers/wrap_parameters.rb +14 -0
  44. data/test/dummy/config/locales/en.yml +3 -0
  45. data/test/dummy/config/locales/es.yml +3 -0
  46. data/test/dummy/config/routes.rb +3 -0
  47. data/test/dummy/db/test.sqlite3 +0 -0
  48. data/test/dummy/lib/assets/.keep +0 -0
  49. data/test/dummy/log/.keep +0 -0
  50. data/test/dummy/log/development.log +0 -0
  51. data/test/dummy/public/404.html +58 -0
  52. data/test/dummy/public/422.html +58 -0
  53. data/test/dummy/public/500.html +57 -0
  54. data/test/dummy/public/favicon.ico +0 -0
  55. data/test/gemfiles/sass_3_2.gemfile +1 -1
  56. data/test/gemfiles/sass_3_3.gemfile +6 -0
  57. data/test/pages_test.rb +14 -0
  58. data/test/support/integration_test.rb +29 -0
  59. data/test/test_helper.rb +26 -1
  60. data/vendor/assets/fonts/bootstrap/glyphicons-halflings-regular.eot +0 -0
  61. data/vendor/assets/fonts/bootstrap/glyphicons-halflings-regular.svg +228 -0
  62. data/vendor/assets/fonts/bootstrap/glyphicons-halflings-regular.ttf +0 -0
  63. data/vendor/assets/fonts/bootstrap/glyphicons-halflings-regular.woff +0 -0
  64. data/vendor/assets/javascripts/bootstrap.js +12 -13
  65. data/vendor/assets/javascripts/bootstrap/affix.js +126 -0
  66. data/vendor/assets/javascripts/bootstrap/alert.js +98 -0
  67. data/vendor/assets/javascripts/bootstrap/button.js +109 -0
  68. data/vendor/assets/javascripts/bootstrap/carousel.js +217 -0
  69. data/vendor/assets/javascripts/bootstrap/collapse.js +179 -0
  70. data/vendor/assets/javascripts/bootstrap/dropdown.js +154 -0
  71. data/vendor/assets/javascripts/bootstrap/modal.js +246 -0
  72. data/vendor/assets/javascripts/bootstrap/popover.js +117 -0
  73. data/vendor/assets/javascripts/bootstrap/scrollspy.js +158 -0
  74. data/vendor/assets/javascripts/bootstrap/tab.js +135 -0
  75. data/vendor/assets/javascripts/bootstrap/tooltip.js +386 -0
  76. data/vendor/assets/javascripts/bootstrap/transition.js +56 -0
  77. data/vendor/assets/stylesheets/bootstrap/_alerts.scss +46 -58
  78. data/vendor/assets/stylesheets/bootstrap/_badges.scss +51 -0
  79. data/vendor/assets/stylesheets/bootstrap/_breadcrumbs.scss +8 -9
  80. data/vendor/assets/stylesheets/bootstrap/_button-groups.scss +173 -154
  81. data/vendor/assets/stylesheets/bootstrap/_buttons.scss +97 -165
  82. data/vendor/assets/stylesheets/bootstrap/_carousel.scss +116 -65
  83. data/vendor/assets/stylesheets/bootstrap/_close.scss +11 -8
  84. data/vendor/assets/stylesheets/bootstrap/_code.scss +16 -21
  85. data/vendor/assets/stylesheets/bootstrap/_component-animations.scss +10 -3
  86. data/vendor/assets/stylesheets/bootstrap/_dropdowns.scss +94 -148
  87. data/vendor/assets/stylesheets/bootstrap/_forms.scss +222 -559
  88. data/vendor/assets/stylesheets/bootstrap/_glyphicons.scss +232 -0
  89. data/vendor/assets/stylesheets/bootstrap/_grid.scss +336 -11
  90. data/vendor/assets/stylesheets/bootstrap/_input-groups.scss +127 -0
  91. data/vendor/assets/stylesheets/bootstrap/_jumbotron.scss +40 -0
  92. data/vendor/assets/stylesheets/bootstrap/_labels.scss +58 -0
  93. data/vendor/assets/stylesheets/bootstrap/_list-group.scss +90 -0
  94. data/vendor/assets/stylesheets/bootstrap/_media.scss +8 -7
  95. data/vendor/assets/stylesheets/bootstrap/_mixins.scss +468 -434
  96. data/vendor/assets/stylesheets/bootstrap/_modals.scss +103 -52
  97. data/vendor/assets/stylesheets/bootstrap/_navbar.scss +511 -383
  98. data/vendor/assets/stylesheets/bootstrap/_navs.scss +169 -349
  99. data/vendor/assets/stylesheets/bootstrap/_normalize.scss +396 -0
  100. data/vendor/assets/stylesheets/bootstrap/_pager.scss +45 -33
  101. data/vendor/assets/stylesheets/bootstrap/_pagination.scss +65 -105
  102. data/vendor/assets/stylesheets/bootstrap/_panels.scss +148 -0
  103. data/vendor/assets/stylesheets/bootstrap/_popovers.scss +51 -51
  104. data/vendor/assets/stylesheets/bootstrap/_print.scss +100 -0
  105. data/vendor/assets/stylesheets/bootstrap/_progress-bars.scss +28 -55
  106. data/vendor/assets/stylesheets/bootstrap/_responsive-utilities.scss +180 -45
  107. data/vendor/assets/stylesheets/bootstrap/_scaffolding.scss +101 -24
  108. data/vendor/assets/stylesheets/bootstrap/_tables.scss +169 -168
  109. data/vendor/assets/stylesheets/bootstrap/_theme.scss +232 -0
  110. data/vendor/assets/stylesheets/bootstrap/_thumbnails.scss +11 -33
  111. data/vendor/assets/stylesheets/bootstrap/_tooltip.scss +45 -20
  112. data/vendor/assets/stylesheets/bootstrap/_type.scss +101 -110
  113. data/vendor/assets/stylesheets/bootstrap/_utilities.scss +19 -22
  114. data/vendor/assets/stylesheets/bootstrap/_variables.scss +498 -179
  115. data/vendor/assets/stylesheets/bootstrap/_wells.scss +7 -7
  116. data/vendor/assets/stylesheets/bootstrap/bootstrap.scss +29 -33
  117. metadata +201 -34
  118. data/asseturl.patch +0 -15
  119. data/templates/project/_variables.scss +0 -301
  120. data/update-bootstrap.sh +0 -25
  121. data/vendor/assets/images/glyphicons-halflings-white.png +0 -0
  122. data/vendor/assets/images/glyphicons-halflings.png +0 -0
  123. data/vendor/assets/javascripts/bootstrap-affix.js +0 -117
  124. data/vendor/assets/javascripts/bootstrap-alert.js +0 -99
  125. data/vendor/assets/javascripts/bootstrap-button.js +0 -105
  126. data/vendor/assets/javascripts/bootstrap-carousel.js +0 -207
  127. data/vendor/assets/javascripts/bootstrap-collapse.js +0 -167
  128. data/vendor/assets/javascripts/bootstrap-dropdown.js +0 -169
  129. data/vendor/assets/javascripts/bootstrap-modal.js +0 -247
  130. data/vendor/assets/javascripts/bootstrap-popover.js +0 -114
  131. data/vendor/assets/javascripts/bootstrap-scrollspy.js +0 -162
  132. data/vendor/assets/javascripts/bootstrap-tab.js +0 -144
  133. data/vendor/assets/javascripts/bootstrap-tooltip.js +0 -361
  134. data/vendor/assets/javascripts/bootstrap-transition.js +0 -60
  135. data/vendor/assets/javascripts/bootstrap-typeahead.js +0 -335
  136. data/vendor/assets/stylesheets/bootstrap-responsive.scss +0 -1
  137. data/vendor/assets/stylesheets/bootstrap/_accordion.scss +0 -34
  138. data/vendor/assets/stylesheets/bootstrap/_hero-unit.scss +0 -25
  139. data/vendor/assets/stylesheets/bootstrap/_labels-badges.scss +0 -83
  140. data/vendor/assets/stylesheets/bootstrap/_layouts.scss +0 -16
  141. data/vendor/assets/stylesheets/bootstrap/_reset.scss +0 -216
  142. data/vendor/assets/stylesheets/bootstrap/_responsive-1200px-min.scss +0 -28
  143. data/vendor/assets/stylesheets/bootstrap/_responsive-767px-max.scss +0 -193
  144. data/vendor/assets/stylesheets/bootstrap/_responsive-768px-979px.scss +0 -19
  145. data/vendor/assets/stylesheets/bootstrap/_responsive-navbar.scss +0 -189
  146. data/vendor/assets/stylesheets/bootstrap/_sprites.scss +0 -197
  147. data/vendor/assets/stylesheets/bootstrap/responsive.scss +0 -48
@@ -0,0 +1,100 @@
1
+ //
2
+ // Basic print styles
3
+ // --------------------------------------------------
4
+ // Source: https://github.com/h5bp/html5-boilerplate/blob/master/css/main.css
5
+
6
+ @media print {
7
+
8
+ * {
9
+ text-shadow: none !important;
10
+ color: #000 !important; // Black prints faster: h5bp.com/s
11
+ background: transparent !important;
12
+ box-shadow: none !important;
13
+ }
14
+
15
+ a,
16
+ a:visited {
17
+ text-decoration: underline;
18
+ }
19
+
20
+ a[href]:after {
21
+ content: " (" attr(href) ")";
22
+ }
23
+
24
+ abbr[title]:after {
25
+ content: " (" attr(title) ")";
26
+ }
27
+
28
+ // Don't show links for images, or javascript/internal links
29
+ .ir a:after,
30
+ a[href^="javascript:"]:after,
31
+ a[href^="#"]:after {
32
+ content: "";
33
+ }
34
+
35
+ pre,
36
+ blockquote {
37
+ border: 1px solid #999;
38
+ page-break-inside: avoid;
39
+ }
40
+
41
+ thead {
42
+ display: table-header-group; // h5bp.com/t
43
+ }
44
+
45
+ tr,
46
+ img {
47
+ page-break-inside: avoid;
48
+ }
49
+
50
+ img {
51
+ max-width: 100% !important;
52
+ }
53
+
54
+ @page {
55
+ margin: 2cm .5cm;
56
+ }
57
+
58
+ p,
59
+ h2,
60
+ h3 {
61
+ orphans: 3;
62
+ widows: 3;
63
+ }
64
+
65
+ h2,
66
+ h3 {
67
+ page-break-after: avoid;
68
+ }
69
+
70
+ // Bootstrap components
71
+ .navbar {
72
+ display: none;
73
+ }
74
+ .table {
75
+ td,
76
+ th {
77
+ background-color: #fff !important;
78
+ }
79
+ }
80
+ .btn,
81
+ .dropup > .btn {
82
+ > .caret {
83
+ border-top-color: #000 !important;
84
+ }
85
+ }
86
+ .label {
87
+ border: 1px solid #000;
88
+ }
89
+
90
+ .table {
91
+ border-collapse: collapse !important;
92
+ }
93
+ .table-bordered {
94
+ th,
95
+ td {
96
+ border: 1px solid #ddd !important;
97
+ }
98
+ }
99
+
100
+ }
@@ -3,8 +3,8 @@
3
3
  // --------------------------------------------------
4
4
 
5
5
 
6
- // ANIMATIONS
7
- // ----------
6
+ // Bar animations
7
+ // -------------------------
8
8
 
9
9
  // Webkit
10
10
  @-webkit-keyframes progress-bar-stripes {
@@ -18,19 +18,13 @@
18
18
  to { background-position: 0 0; }
19
19
  }
20
20
 
21
- // IE9
22
- @-ms-keyframes progress-bar-stripes {
23
- from { background-position: 40px 0; }
24
- to { background-position: 0 0; }
25
- }
26
-
27
21
  // Opera
28
22
  @-o-keyframes progress-bar-stripes {
29
23
  from { background-position: 0 0; }
30
24
  to { background-position: 40px 0; }
31
25
  }
32
26
 
33
- // Spec
27
+ // Spec and IE10+
34
28
  @keyframes progress-bar-stripes {
35
29
  from { background-position: 40px 0; }
36
30
  to { background-position: 0 0; }
@@ -38,45 +32,40 @@
38
32
 
39
33
 
40
34
 
41
- // THE BARS
42
- // --------
35
+ // Bar itself
36
+ // -------------------------
43
37
 
44
38
  // Outer container
45
39
  .progress {
46
40
  overflow: hidden;
47
- height: $baseLineHeight;
48
- margin-bottom: $baseLineHeight;
49
- @include gradient-vertical(#f5f5f5, #f9f9f9);
41
+ height: $line-height-computed;
42
+ margin-bottom: $line-height-computed;
43
+ background-color: $progress-bg;
44
+ border-radius: $border-radius-base;
50
45
  @include box-shadow(inset 0 1px 2px rgba(0,0,0,.1));
51
- @include border-radius($baseBorderRadius);
52
46
  }
53
47
 
54
48
  // Bar of progress
55
- .progress .bar {
49
+ .progress-bar {
50
+ float: left;
56
51
  width: 0%;
57
52
  height: 100%;
58
- color: $white;
59
- float: left;
60
- font-size: 12px;
53
+ font-size: $font-size-small;
54
+ color: $progress-bar-color;
61
55
  text-align: center;
62
- text-shadow: 0 -1px 0 rgba(0,0,0,.25);
63
- @include gradient-vertical(#149bdf, #0480be);
56
+ background-color: $progress-bar-bg;
64
57
  @include box-shadow(inset 0 -1px 0 rgba(0,0,0,.15));
65
- @include box-sizing(border-box);
66
58
  @include transition(width .6s ease);
67
59
  }
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
60
 
72
61
  // Striped bars
73
- .progress-striped .bar {
74
- @include gradient-striped(#149bdf);
75
- @include background-size(40px 40px);
62
+ .progress-striped .progress-bar {
63
+ @include gradient-striped($progress-bar-bg);
64
+ background-size: 40px 40px;
76
65
  }
77
66
 
78
67
  // Call animation for the active one
79
- .progress.active .bar {
68
+ .progress.active .progress-bar {
80
69
  -webkit-animation: progress-bar-stripes 2s linear infinite;
81
70
  -moz-animation: progress-bar-stripes 2s linear infinite;
82
71
  -ms-animation: progress-bar-stripes 2s linear infinite;
@@ -86,37 +75,21 @@
86
75
 
87
76
 
88
77
 
89
- // COLORS
90
- // ------
78
+ // Variations
79
+ // -------------------------
91
80
 
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);
81
+ .progress-bar-success {
82
+ @include progress-bar-variant($progress-bar-success-bg);
98
83
  }
99
84
 
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);
85
+ .progress-bar-info {
86
+ @include progress-bar-variant($progress-bar-info-bg);
106
87
  }
107
88
 
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);
89
+ .progress-bar-warning {
90
+ @include progress-bar-variant($progress-bar-warning-bg);
114
91
  }
115
92
 
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%));
93
+ .progress-bar-danger {
94
+ @include progress-bar-variant($progress-bar-danger-bg);
122
95
  }
@@ -5,70 +5,205 @@
5
5
 
6
6
  // IE10 Metro responsive
7
7
  // Required for Windows 8 Metro split-screen snapping with IE10
8
+ //
8
9
  // Source: http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/
9
10
  @-ms-viewport{
10
11
  width: device-width;
11
12
  }
12
13
 
14
+ // IE10 on Windows Phone 8
15
+ // IE10 on WP8 doesn't report CSS pixels, but actual device pixels. In
16
+ // other words, say on a Lumia, you'll get 768px as the device width,
17
+ // meaning users will see the tablet styles and not phone styles.
18
+ //
19
+ // Alternatively you can override this with JS (see source below), but
20
+ // we won't be doing that here given our limited scope.
21
+ //
22
+ // Source: http://timkadlec.com/2013/01/windows-phone-8-and-device-width/
23
+ @media screen and (max-width: 400px) {
24
+ @-ms-viewport{
25
+ width: 320px;
26
+ }
27
+ }
28
+
13
29
  // Hide from screenreaders and browsers
14
30
  // Credit: HTML5 Boilerplate
15
31
  .hidden {
16
- display: none;
17
- visibility: hidden;
32
+ display: none !important;
33
+ visibility: hidden !important;
18
34
  }
19
35
 
20
36
  // Visibility utilities
21
37
 
22
- // For desktops
23
- .visible-phone { display: none !important; }
24
- .visible-tablet { display: none !important; }
25
- .hidden-phone { }
26
- .hidden-tablet { }
27
- .hidden-desktop { display: none !important; }
28
- .visible-desktop { display: inherit !important; }
29
-
30
- // Tablets & small desktops only
31
- @media (min-width: 768px) and (max-width: 979px) {
32
- // Hide everything else
33
- .hidden-desktop { display: inherit !important; }
34
- .visible-desktop { display: none !important ; }
35
- // Show
36
- .visible-tablet { display: inherit !important; }
37
- // Hide
38
- .hidden-tablet { display: none !important; }
39
- }
40
-
41
- // Phones only
42
- @media (max-width: 767px) {
43
- // Hide everything else
44
- .hidden-desktop { display: inherit !important; }
45
- .visible-desktop { display: none !important; }
46
- // Show
47
- .visible-phone { display: inherit !important; } // Use inherit to restore previous behavior
48
- // Hide
49
- .hidden-phone { display: none !important; }
38
+ @include responsive-invisibility('.visible-xs');
39
+ @media (max-width: $screen-xs-max) {
40
+ @include responsive-visibility('.visible-xs');
50
41
  }
51
42
 
52
- // Print utilities
53
- .visible-print { display: none !important; }
54
- .hidden-print { }
43
+ @media (min-width: $screen-sm) and (max-width: $screen-sm-max) {
44
+ @include responsive-visibility('.visible-xs.visible-sm');
45
+ }
55
46
 
56
- @media print {
57
- .visible-print { display: inherit !important; }
58
- .hidden-print { display: none !important; }
47
+
48
+ @media (min-width: $screen-md) and (max-width: $screen-md-max) {
49
+ @include responsive-visibility('.visible-xs.visible-md');
50
+ }
51
+
52
+
53
+ @media (min-width: $screen-lg) {
54
+ @include responsive-visibility('.visible-xs.visible-lg');
55
+ }
56
+
57
+
58
+ @include responsive-invisibility('.visible-sm');
59
+
60
+ @media (max-width: $screen-xs-max) {
61
+ @include responsive-visibility('.visible-sm.visible-xs');
62
+ }
63
+
64
+ @media (min-width: $screen-sm) and (max-width: $screen-sm-max) {
65
+ @include responsive-visibility('.visible-sm');
66
+ }
67
+
68
+ @media (min-width: $screen-md) and (max-width: $screen-md-max) {
69
+ @include responsive-visibility('.visible-sm.visible-md');
70
+ }
71
+
72
+
73
+ @media (min-width: $screen-lg) {
74
+ @include responsive-visibility('.visible-sm.visible-lg');
75
+ }
76
+
77
+
78
+ @include responsive-invisibility('.visible-md');
79
+
80
+ @media (max-width: $screen-xs-max) {
81
+ @include responsive-visibility('.visible-md.visible-xs');
82
+ }
83
+
84
+
85
+ @media (min-width: $screen-sm) and (max-width: $screen-sm-max) {
86
+ @include responsive-visibility('.visible-md.visible-sm');
87
+ }
88
+
89
+ @media (min-width: $screen-md) and (max-width: $screen-md-max) {
90
+ @include responsive-visibility('.visible-md');
91
+ }
92
+
93
+ @media (min-width: $screen-lg) {
94
+ @include responsive-visibility('.visible-md.visible-lg');
95
+ }
96
+
97
+
98
+ @include responsive-invisibility('.visible-lg');
99
+
100
+ @media (max-width: $screen-xs-max) {
101
+ @include responsive-visibility('.visible-lg.visible-xs');
102
+ }
103
+
104
+
105
+ @media (min-width: $screen-sm) and (max-width: $screen-sm-max) {
106
+ @include responsive-visibility('.visible-lg.visible-sm');
107
+ }
108
+
109
+
110
+ @media (min-width: $screen-md) and (max-width: $screen-md-max) {
111
+ @include responsive-visibility('.visible-lg.visible-md');
112
+ }
113
+
114
+ @media (min-width: $screen-lg) {
115
+ @include responsive-visibility('.visible-lg');
59
116
  }
60
117
 
61
- // Clearing floats
62
- .clearfix {
63
- @include clearfix();
118
+ @include responsive-visibility('.hidden-xs');
119
+ @media (max-width: $screen-xs-max) {
120
+ @include responsive-invisibility('.hidden-xs');
64
121
  }
65
122
 
66
- // Accessible yet invisible text
67
- .hide-text {
68
- @include hide-text();
123
+ @media (min-width: $screen-sm) and (max-width: $screen-sm-max) {
124
+ @include responsive-invisibility('.hidden-xs.hidden-sm');
125
+ }
126
+
127
+
128
+ @media (min-width: $screen-md) and (max-width: $screen-md-max) {
129
+ @include responsive-invisibility('.hidden-xs.hidden-md');
130
+ }
131
+
132
+
133
+ @media (min-width: $screen-lg) {
134
+ @include responsive-invisibility('.hidden-xs.hidden-lg');
135
+ }
136
+
137
+
138
+ @include responsive-visibility('.hidden-sm');
139
+
140
+ @media (max-width: $screen-xs-max) {
141
+ @include responsive-invisibility('.hidden-sm.hidden-xs');
142
+ }
143
+
144
+ @media (min-width: $screen-sm) and (max-width: $screen-sm-max) {
145
+ @include responsive-invisibility('.hidden-sm');
146
+ }
147
+
148
+ @media (min-width: $screen-md) and (max-width: $screen-md-max) {
149
+ @include responsive-invisibility('.hidden-sm.hidden-md');
150
+ }
151
+
152
+
153
+ @media (min-width: $screen-lg) {
154
+ @include responsive-invisibility('.hidden-sm.hidden-lg');
155
+ }
156
+
157
+
158
+ @include responsive-visibility('.hidden-md');
159
+
160
+ @media (max-width: $screen-xs-max) {
161
+ @include responsive-invisibility('.hidden-md.hidden-xs');
162
+ }
163
+
164
+
165
+ @media (min-width: $screen-sm) and (max-width: $screen-sm-max) {
166
+ @include responsive-invisibility('.hidden-md.hidden-sm');
167
+ }
168
+
169
+ @media (min-width: $screen-md) and (max-width: $screen-md-max) {
170
+ @include responsive-invisibility('.hidden-md');
69
171
  }
70
172
 
71
- // Uses box-sizing mixin, so must be defined here
72
- .input-block-level {
73
- @include input-block-level();
173
+ @media (min-width: $screen-lg) {
174
+ @include responsive-invisibility('.hidden-md.hidden-lg');
175
+ }
176
+
177
+
178
+ @include responsive-visibility('.hidden-lg');
179
+
180
+ @media (max-width: $screen-xs-max) {
181
+ @include responsive-invisibility('.hidden-lg.hidden-xs');
182
+ }
183
+
184
+
185
+ @media (min-width: $screen-sm) and (max-width: $screen-sm-max) {
186
+ @include responsive-invisibility('.hidden-lg.hidden-sm');
187
+ }
188
+
189
+
190
+ @media (min-width: $screen-md) and (max-width: $screen-md-max) {
191
+ @include responsive-invisibility('.hidden-lg.hidden-md');
192
+ }
193
+
194
+ @media (min-width: $screen-lg) {
195
+ @include responsive-invisibility('.hidden-lg');
196
+ }
197
+
198
+ // Print utilities
199
+
200
+ @include responsive-invisibility('.visible-print');
201
+
202
+ @media print {
203
+
204
+ @include responsive-visibility('.visible-print');
205
+
206
+
207
+ @include responsive-invisibility('.hidden-print');
208
+
74
209
  }