bootstrap-generators 2.3.2 → 3.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 (179) hide show
  1. checksums.yaml +4 -4
  2. data/Gemfile +12 -2
  3. data/{LICENSE.txt → MIT-LICENSE} +1 -3
  4. data/README.md +19 -64
  5. data/Rakefile +24 -22
  6. data/bootstrap-generators.gemspec +3 -1
  7. data/lib/bootstrap-generators.rb +12 -1
  8. data/lib/bootstrap/generators/version.rb +1 -1
  9. data/lib/generators/bootstrap/install/install_generator.rb +9 -24
  10. data/lib/generators/bootstrap/install/templates/assets/stylesheets/bootstrap-variables.less +498 -179
  11. data/lib/generators/bootstrap/install/templates/assets/stylesheets/bootstrap-variables.scss +620 -0
  12. data/lib/generators/bootstrap/install/templates/assets/stylesheets/{fluid.css → starter.css} +6 -6
  13. data/lib/generators/bootstrap/install/templates/assets/stylesheets/{fluid.css.less → starter.less} +7 -7
  14. data/lib/generators/bootstrap/install/templates/assets/stylesheets/{fluid.css.scss → starter.scss} +7 -8
  15. data/lib/generators/bootstrap/install/templates/form_builders/form_builder/_form.html.erb +11 -9
  16. data/lib/generators/bootstrap/install/templates/form_builders/form_builder/_form.html.haml +9 -8
  17. data/lib/generators/bootstrap/install/templates/layouts/starter.html.erb +50 -0
  18. data/lib/generators/bootstrap/install/templates/layouts/{hero.html.haml → starter.html.haml} +0 -0
  19. data/lib/generators/bootstrap/install/templates/lib/templates/erb/scaffold/edit.html.erb +3 -3
  20. data/lib/generators/bootstrap/install/templates/lib/templates/erb/scaffold/index.html.erb +25 -25
  21. data/lib/generators/bootstrap/install/templates/lib/templates/erb/scaffold/new.html.erb +2 -2
  22. data/lib/generators/bootstrap/install/templates/lib/templates/erb/scaffold/show.html.erb +5 -5
  23. data/lib/generators/bootstrap/install/templates/lib/templates/haml/scaffold/edit.html.haml +3 -3
  24. data/lib/generators/bootstrap/install/templates/lib/templates/haml/scaffold/index.html.haml +20 -19
  25. data/lib/generators/bootstrap/install/templates/lib/templates/haml/scaffold/new.html.haml +2 -2
  26. data/lib/generators/bootstrap/install/templates/lib/templates/haml/scaffold/show.html.haml +5 -5
  27. data/readme-template.md.erb +5 -48
  28. data/test/lib/generators/bootstrap/install_generator_test.rb +3 -33
  29. data/vendor/assets/fonts/glyphicons-halflings-regular.eot +0 -0
  30. data/vendor/assets/fonts/glyphicons-halflings-regular.svg +228 -0
  31. data/vendor/assets/fonts/glyphicons-halflings-regular.ttf +0 -0
  32. data/vendor/assets/fonts/glyphicons-halflings-regular.woff +0 -0
  33. data/vendor/assets/javascripts/bootstrap-ie.js +2 -0
  34. data/vendor/assets/javascripts/bootstrap-ie/html5shiv.js +8 -0
  35. data/vendor/assets/javascripts/bootstrap-ie/respond.min.js +6 -0
  36. data/vendor/assets/javascripts/bootstrap.js +12 -13
  37. data/vendor/assets/javascripts/bootstrap/affix.js +126 -0
  38. data/vendor/assets/javascripts/{bootstrap-alert.js → bootstrap/alert.js} +35 -36
  39. data/vendor/assets/javascripts/bootstrap/button.js +109 -0
  40. data/vendor/assets/javascripts/bootstrap/carousel.js +217 -0
  41. data/vendor/assets/javascripts/bootstrap/collapse.js +179 -0
  42. data/vendor/assets/javascripts/bootstrap/dropdown.js +154 -0
  43. data/vendor/assets/javascripts/bootstrap/modal.js +246 -0
  44. data/vendor/assets/javascripts/bootstrap/popover.js +117 -0
  45. data/vendor/assets/javascripts/bootstrap/scrollspy.js +158 -0
  46. data/vendor/assets/javascripts/bootstrap/tab.js +135 -0
  47. data/vendor/assets/javascripts/bootstrap/tooltip.js +386 -0
  48. data/vendor/assets/javascripts/bootstrap/transition.js +56 -0
  49. data/vendor/assets/stylesheets/bootstrap.css +4638 -4000
  50. data/vendor/twitter/bootstrap/less/alerts.less +46 -58
  51. data/vendor/twitter/bootstrap/less/badges.less +51 -0
  52. data/vendor/twitter/bootstrap/less/bootstrap.less +27 -31
  53. data/vendor/twitter/bootstrap/less/breadcrumbs.less +7 -8
  54. data/vendor/twitter/bootstrap/less/button-groups.less +173 -154
  55. data/vendor/twitter/bootstrap/less/buttons.less +97 -165
  56. data/vendor/twitter/bootstrap/less/carousel.less +115 -64
  57. data/vendor/twitter/bootstrap/less/close.less +20 -19
  58. data/vendor/twitter/bootstrap/less/code.less +17 -22
  59. data/vendor/twitter/bootstrap/less/component-animations.less +10 -3
  60. data/vendor/twitter/bootstrap/less/dropdowns.less +92 -147
  61. data/vendor/twitter/bootstrap/less/forms.less +224 -561
  62. data/vendor/twitter/bootstrap/less/glyphicons.less +232 -0
  63. data/vendor/twitter/bootstrap/less/grid.less +336 -11
  64. data/vendor/twitter/bootstrap/less/input-groups.less +127 -0
  65. data/vendor/twitter/bootstrap/less/jumbotron.less +40 -0
  66. data/vendor/twitter/bootstrap/less/labels.less +58 -0
  67. data/vendor/twitter/bootstrap/less/list-group.less +88 -0
  68. data/vendor/twitter/bootstrap/less/media.less +8 -7
  69. data/vendor/twitter/bootstrap/less/mixins.less +487 -466
  70. data/vendor/twitter/bootstrap/less/modals.less +98 -52
  71. data/vendor/twitter/bootstrap/less/navbar.less +507 -383
  72. data/vendor/twitter/bootstrap/less/navs.less +169 -349
  73. data/vendor/twitter/bootstrap/less/normalize.less +396 -0
  74. data/vendor/twitter/bootstrap/less/pager.less +45 -33
  75. data/vendor/twitter/bootstrap/less/pagination.less +65 -105
  76. data/vendor/twitter/bootstrap/less/panels.less +148 -0
  77. data/vendor/twitter/bootstrap/less/popovers.less +51 -51
  78. data/vendor/twitter/bootstrap/less/print.less +100 -0
  79. data/vendor/twitter/bootstrap/less/progress-bars.less +28 -55
  80. data/vendor/twitter/bootstrap/less/responsive-utilities.less +195 -34
  81. data/vendor/twitter/bootstrap/less/scaffolding.less +101 -24
  82. data/vendor/twitter/bootstrap/less/tables.less +170 -178
  83. data/vendor/twitter/bootstrap/less/theme.less +232 -0
  84. data/vendor/twitter/bootstrap/less/thumbnails.less +11 -33
  85. data/vendor/twitter/bootstrap/less/tooltip.less +45 -20
  86. data/vendor/twitter/bootstrap/less/type.less +100 -109
  87. data/vendor/twitter/bootstrap/less/utilities.less +19 -7
  88. data/vendor/twitter/bootstrap/less/variables.less +498 -179
  89. data/vendor/twitter/bootstrap/less/wells.less +7 -7
  90. data/vendor/twitter/bootstrap/sass/_alerts.scss +46 -58
  91. data/vendor/twitter/bootstrap/sass/_badges.scss +51 -0
  92. data/vendor/twitter/bootstrap/sass/_breadcrumbs.scss +8 -9
  93. data/vendor/twitter/bootstrap/sass/_button-groups.scss +173 -154
  94. data/vendor/twitter/bootstrap/sass/_buttons.scss +97 -165
  95. data/vendor/twitter/bootstrap/sass/_carousel.scss +116 -65
  96. data/vendor/twitter/bootstrap/sass/_close.scss +9 -8
  97. data/vendor/twitter/bootstrap/sass/_code.scss +16 -21
  98. data/vendor/twitter/bootstrap/sass/_component-animations.scss +10 -3
  99. data/vendor/twitter/bootstrap/sass/_dropdowns.scss +94 -148
  100. data/vendor/twitter/bootstrap/sass/_forms.scss +220 -559
  101. data/vendor/twitter/bootstrap/sass/_glyphicons.scss +232 -0
  102. data/vendor/twitter/bootstrap/sass/_grid.scss +336 -11
  103. data/vendor/twitter/bootstrap/sass/_input-groups.scss +127 -0
  104. data/vendor/twitter/bootstrap/sass/_jumbotron.scss +40 -0
  105. data/vendor/twitter/bootstrap/sass/_labels.scss +58 -0
  106. data/vendor/twitter/bootstrap/sass/_list-group.scss +88 -0
  107. data/vendor/twitter/bootstrap/sass/_media.scss +8 -7
  108. data/vendor/twitter/bootstrap/sass/_mixins.scss +465 -433
  109. data/vendor/twitter/bootstrap/sass/_modals.scss +102 -52
  110. data/vendor/twitter/bootstrap/sass/_navbar.scss +511 -383
  111. data/vendor/twitter/bootstrap/sass/_navs.scss +169 -349
  112. data/vendor/twitter/bootstrap/sass/_normalize.scss +396 -0
  113. data/vendor/twitter/bootstrap/sass/_pager.scss +45 -33
  114. data/vendor/twitter/bootstrap/sass/_pagination.scss +65 -105
  115. data/vendor/twitter/bootstrap/sass/_panels.scss +148 -0
  116. data/vendor/twitter/bootstrap/sass/_popovers.scss +51 -51
  117. data/vendor/twitter/bootstrap/sass/_print.scss +100 -0
  118. data/vendor/twitter/bootstrap/sass/_progress-bars.scss +28 -55
  119. data/vendor/twitter/bootstrap/sass/_responsive-utilities.scss +180 -45
  120. data/vendor/twitter/bootstrap/sass/_scaffolding.scss +101 -24
  121. data/vendor/twitter/bootstrap/sass/_tables.scss +169 -168
  122. data/vendor/twitter/bootstrap/sass/_theme.scss +232 -0
  123. data/vendor/twitter/bootstrap/sass/_thumbnails.scss +11 -33
  124. data/vendor/twitter/bootstrap/sass/_tooltip.scss +45 -20
  125. data/vendor/twitter/bootstrap/sass/_type.scss +101 -110
  126. data/vendor/twitter/bootstrap/sass/_utilities.scss +19 -22
  127. data/vendor/twitter/bootstrap/sass/_variables.scss +498 -179
  128. data/vendor/twitter/bootstrap/sass/_wells.scss +7 -7
  129. data/vendor/twitter/bootstrap/sass/bootstrap.scss +29 -33
  130. metadata +47 -56
  131. data/lib/bootstrap/generators/engine.rb +0 -14
  132. data/lib/generators/bootstrap/install/templates/assets/stylesheets/bootstrap-variables.css.scss +0 -301
  133. data/lib/generators/bootstrap/install/templates/assets/stylesheets/hero.css +0 -18
  134. data/lib/generators/bootstrap/install/templates/assets/stylesheets/hero.css.less +0 -19
  135. data/lib/generators/bootstrap/install/templates/assets/stylesheets/hero.css.scss +0 -19
  136. data/lib/generators/bootstrap/install/templates/config/initializers/simple_form.rb +0 -176
  137. data/lib/generators/bootstrap/install/templates/config/locales/simple_form.en.yml +0 -24
  138. data/lib/generators/bootstrap/install/templates/form_builders/simple_form/_form.html.erb +0 -13
  139. data/lib/generators/bootstrap/install/templates/form_builders/simple_form/_form.html.haml +0 -10
  140. data/lib/generators/bootstrap/install/templates/layouts/fluid.html.erb +0 -80
  141. data/lib/generators/bootstrap/install/templates/layouts/fluid.html.haml +0 -94
  142. data/lib/generators/bootstrap/install/templates/layouts/hero.html.erb +0 -53
  143. data/vendor/assets/images/glyphicons-halflings-white.png +0 -0
  144. data/vendor/assets/images/glyphicons-halflings.png +0 -0
  145. data/vendor/assets/javascripts/bootstrap-affix.js +0 -117
  146. data/vendor/assets/javascripts/bootstrap-button.js +0 -105
  147. data/vendor/assets/javascripts/bootstrap-carousel.js +0 -207
  148. data/vendor/assets/javascripts/bootstrap-collapse.js +0 -167
  149. data/vendor/assets/javascripts/bootstrap-dropdown.js +0 -169
  150. data/vendor/assets/javascripts/bootstrap-modal.js +0 -247
  151. data/vendor/assets/javascripts/bootstrap-popover.js +0 -114
  152. data/vendor/assets/javascripts/bootstrap-scrollspy.js +0 -162
  153. data/vendor/assets/javascripts/bootstrap-tab.js +0 -144
  154. data/vendor/assets/javascripts/bootstrap-tooltip.js +0 -361
  155. data/vendor/assets/javascripts/bootstrap-transition.js +0 -60
  156. data/vendor/assets/javascripts/bootstrap-typeahead.js +0 -335
  157. data/vendor/assets/stylesheets/bootstrap-responsive.css +0 -1109
  158. data/vendor/twitter/bootstrap/less/accordion.less +0 -34
  159. data/vendor/twitter/bootstrap/less/hero-unit.less +0 -25
  160. data/vendor/twitter/bootstrap/less/labels-badges.less +0 -84
  161. data/vendor/twitter/bootstrap/less/layouts.less +0 -16
  162. data/vendor/twitter/bootstrap/less/reset.less +0 -216
  163. data/vendor/twitter/bootstrap/less/responsive-1200px-min.less +0 -28
  164. data/vendor/twitter/bootstrap/less/responsive-767px-max.less +0 -193
  165. data/vendor/twitter/bootstrap/less/responsive-768px-979px.less +0 -19
  166. data/vendor/twitter/bootstrap/less/responsive-navbar.less +0 -189
  167. data/vendor/twitter/bootstrap/less/responsive.less +0 -48
  168. data/vendor/twitter/bootstrap/less/sprites.less +0 -197
  169. data/vendor/twitter/bootstrap/sass/_accordion.scss +0 -34
  170. data/vendor/twitter/bootstrap/sass/_hero-unit.scss +0 -25
  171. data/vendor/twitter/bootstrap/sass/_labels-badges.scss +0 -83
  172. data/vendor/twitter/bootstrap/sass/_layouts.scss +0 -16
  173. data/vendor/twitter/bootstrap/sass/_reset.scss +0 -216
  174. data/vendor/twitter/bootstrap/sass/_responsive-1200px-min.scss +0 -28
  175. data/vendor/twitter/bootstrap/sass/_responsive-767px-max.scss +0 -193
  176. data/vendor/twitter/bootstrap/sass/_responsive-768px-979px.scss +0 -19
  177. data/vendor/twitter/bootstrap/sass/_responsive-navbar.scss +0 -189
  178. data/vendor/twitter/bootstrap/sass/_sprites.scss +0 -197
  179. data/vendor/twitter/bootstrap/sass/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');
116
+ }
117
+
118
+ @include responsive-visibility('.hidden-xs');
119
+ @media (max-width: $screen-xs-max) {
120
+ @include responsive-invisibility('.hidden-xs');
121
+ }
122
+
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');
59
155
  }
60
156
 
61
- // Clearing floats
62
- .clearfix {
63
- @include clearfix();
157
+
158
+ @include responsive-visibility('.hidden-md');
159
+
160
+ @media (max-width: $screen-xs-max) {
161
+ @include responsive-invisibility('.hidden-md.hidden-xs');
64
162
  }
65
163
 
66
- // Accessible yet invisible text
67
- .hide-text {
68
- @include hide-text();
164
+
165
+ @media (min-width: $screen-sm) and (max-width: $screen-sm-max) {
166
+ @include responsive-invisibility('.hidden-md.hidden-sm');
69
167
  }
70
168
 
71
- // Uses box-sizing mixin, so must be defined here
72
- .input-block-level {
73
- @include input-block-level();
169
+ @media (min-width: $screen-md) and (max-width: $screen-md-max) {
170
+ @include responsive-invisibility('.hidden-md');
171
+ }
172
+
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
  }