bootstrap-generators 2.3.2 → 3.0.0

Sign up to get free protection for your applications and to get access to all the features.
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
- #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
  .box-shadow(inset 0 1px 2px rgba(0,0,0,.1));
51
- .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
- #gradient > .vertical(#149bdf, #0480be);
56
+ background-color: @progress-bar-bg;
64
57
  .box-shadow(inset 0 -1px 0 rgba(0,0,0,.15));
65
- .box-sizing(border-box);
66
58
  .transition(width .6s ease);
67
59
  }
68
- .progress .bar + .bar {
69
- .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
- #gradient > .striped(#149bdf);
75
- .background-size(40px 40px);
62
+ .progress-striped .progress-bar {
63
+ #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
- #gradient > .vertical(#ee5f5b, #c43c35);
95
- }
96
- .progress-danger.progress-striped .bar, .progress-striped .bar-danger {
97
- #gradient > .striped(#ee5f5b);
81
+ .progress-bar-success {
82
+ .progress-bar-variant(@progress-bar-success-bg);
98
83
  }
99
84
 
100
- // Success (green)
101
- .progress-success .bar, .progress .bar-success {
102
- #gradient > .vertical(#62c462, #57a957);
103
- }
104
- .progress-success.progress-striped .bar, .progress-striped .bar-success {
105
- #gradient > .striped(#62c462);
85
+ .progress-bar-info {
86
+ .progress-bar-variant(@progress-bar-info-bg);
106
87
  }
107
88
 
108
- // Info (teal)
109
- .progress-info .bar, .progress .bar-info {
110
- #gradient > .vertical(#5bc0de, #339bb9);
111
- }
112
- .progress-info.progress-striped .bar, .progress-striped .bar-info {
113
- #gradient > .striped(#5bc0de);
89
+ .progress-bar-warning {
90
+ .progress-bar-variant(@progress-bar-warning-bg);
114
91
  }
115
92
 
116
- // Warning (orange)
117
- .progress-warning .bar, .progress .bar-warning {
118
- #gradient > .vertical(lighten(@orange, 15%), @orange);
119
- }
120
- .progress-warning.progress-striped .bar, .progress-striped .bar-warning {
121
- #gradient > .striped(lighten(@orange, 15%));
93
+ .progress-bar-danger {
94
+ .progress-bar-variant(@progress-bar-danger-bg);
122
95
  }
@@ -5,55 +5,216 @@
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
+ .visible-xs {
39
+ .responsive-invisibility();
40
+ @media (max-width: @screen-xs-max) {
41
+ .responsive-visibility();
42
+ }
43
+ &.visible-sm {
44
+ @media (min-width: @screen-sm) and (max-width: @screen-sm-max) {
45
+ .responsive-visibility();
46
+ }
47
+ }
48
+ &.visible-md {
49
+ @media (min-width: @screen-md) and (max-width: @screen-md-max) {
50
+ .responsive-visibility();
51
+ }
52
+ }
53
+ &.visible-lg {
54
+ @media (min-width: @screen-lg) {
55
+ .responsive-visibility();
56
+ }
57
+ }
58
+ }
59
+ .visible-sm {
60
+ .responsive-invisibility();
61
+ &.visible-xs {
62
+ @media (max-width: @screen-xs-max) {
63
+ .responsive-visibility();
64
+ }
65
+ }
66
+ @media (min-width: @screen-sm) and (max-width: @screen-sm-max) {
67
+ .responsive-visibility();
68
+ }
69
+ &.visible-md {
70
+ @media (min-width: @screen-md) and (max-width: @screen-md-max) {
71
+ .responsive-visibility();
72
+ }
73
+ }
74
+ &.visible-lg {
75
+ @media (min-width: @screen-lg) {
76
+ .responsive-visibility();
77
+ }
78
+ }
79
+ }
80
+ .visible-md {
81
+ .responsive-invisibility();
82
+ &.visible-xs {
83
+ @media (max-width: @screen-xs-max) {
84
+ .responsive-visibility();
85
+ }
86
+ }
87
+ &.visible-sm {
88
+ @media (min-width: @screen-sm) and (max-width: @screen-sm-max) {
89
+ .responsive-visibility();
90
+ }
91
+ }
92
+ @media (min-width: @screen-md) and (max-width: @screen-md-max) {
93
+ .responsive-visibility();
94
+ }
95
+ &.visible-lg {
96
+ @media (min-width: @screen-lg) {
97
+ .responsive-visibility();
98
+ }
99
+ }
100
+ }
101
+ .visible-lg {
102
+ .responsive-invisibility();
103
+ &.visible-xs {
104
+ @media (max-width: @screen-xs-max) {
105
+ .responsive-visibility();
106
+ }
107
+ }
108
+ &.visible-sm {
109
+ @media (min-width: @screen-sm) and (max-width: @screen-sm-max) {
110
+ .responsive-visibility();
111
+ }
112
+ }
113
+ &.visible-md {
114
+ @media (min-width: @screen-md) and (max-width: @screen-md-max) {
115
+ .responsive-visibility();
116
+ }
117
+ }
118
+ @media (min-width: @screen-lg) {
119
+ .responsive-visibility();
120
+ }
121
+ }
122
+
123
+ .hidden-xs {
124
+ .responsive-visibility();
125
+ @media (max-width: @screen-xs-max) {
126
+ .responsive-invisibility();
127
+ }
128
+ &.hidden-sm {
129
+ @media (min-width: @screen-sm) and (max-width: @screen-sm-max) {
130
+ .responsive-invisibility();
131
+ }
132
+ }
133
+ &.hidden-md {
134
+ @media (min-width: @screen-md) and (max-width: @screen-md-max) {
135
+ .responsive-invisibility();
136
+ }
137
+ }
138
+ &.hidden-lg {
139
+ @media (min-width: @screen-lg) {
140
+ .responsive-invisibility();
141
+ }
142
+ }
143
+ }
144
+ .hidden-sm {
145
+ .responsive-visibility();
146
+ &.hidden-xs {
147
+ @media (max-width: @screen-xs-max) {
148
+ .responsive-invisibility();
149
+ }
150
+ }
151
+ @media (min-width: @screen-sm) and (max-width: @screen-sm-max) {
152
+ .responsive-invisibility();
153
+ }
154
+ &.hidden-md {
155
+ @media (min-width: @screen-md) and (max-width: @screen-md-max) {
156
+ .responsive-invisibility();
157
+ }
158
+ }
159
+ &.hidden-lg {
160
+ @media (min-width: @screen-lg) {
161
+ .responsive-invisibility();
162
+ }
163
+ }
164
+ }
165
+ .hidden-md {
166
+ .responsive-visibility();
167
+ &.hidden-xs {
168
+ @media (max-width: @screen-xs-max) {
169
+ .responsive-invisibility();
170
+ }
171
+ }
172
+ &.hidden-sm {
173
+ @media (min-width: @screen-sm) and (max-width: @screen-sm-max) {
174
+ .responsive-invisibility();
175
+ }
176
+ }
177
+ @media (min-width: @screen-md) and (max-width: @screen-md-max) {
178
+ .responsive-invisibility();
179
+ }
180
+ &.hidden-lg {
181
+ @media (min-width: @screen-lg) {
182
+ .responsive-invisibility();
183
+ }
184
+ }
185
+ }
186
+ .hidden-lg {
187
+ .responsive-visibility();
188
+ &.hidden-xs {
189
+ @media (max-width: @screen-xs-max) {
190
+ .responsive-invisibility();
191
+ }
192
+ }
193
+ &.hidden-sm {
194
+ @media (min-width: @screen-sm) and (max-width: @screen-sm-max) {
195
+ .responsive-invisibility();
196
+ }
197
+ }
198
+ &.hidden-md {
199
+ @media (min-width: @screen-md) and (max-width: @screen-md-max) {
200
+ .responsive-invisibility();
201
+ }
202
+ }
203
+ @media (min-width: @screen-lg) {
204
+ .responsive-invisibility();
205
+ }
50
206
  }
51
207
 
52
208
  // Print utilities
53
- .visible-print { display: none !important; }
54
- .hidden-print { }
209
+ .visible-print {
210
+ .responsive-invisibility();
211
+ }
55
212
 
56
213
  @media print {
57
- .visible-print { display: inherit !important; }
58
- .hidden-print { display: none !important; }
214
+ .visible-print {
215
+ .responsive-visibility();
216
+ }
217
+ .hidden-print {
218
+ .responsive-invisibility();
219
+ }
59
220
  }