rails_admin 0.6.5 → 0.6.6

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 (133) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/javascripts/rails_admin/bootstrap/bootstrap-affix.js +99 -74
  3. data/app/assets/javascripts/rails_admin/bootstrap/bootstrap-alert.js +48 -55
  4. data/app/assets/javascripts/rails_admin/bootstrap/bootstrap-button.js +70 -65
  5. data/app/assets/javascripts/rails_admin/bootstrap/bootstrap-carousel.js +163 -147
  6. data/app/assets/javascripts/rails_admin/bootstrap/bootstrap-collapse.js +117 -114
  7. data/app/assets/javascripts/rails_admin/bootstrap/bootstrap-dropdown.js +89 -107
  8. data/app/assets/javascripts/rails_admin/bootstrap/bootstrap-modal.js +208 -175
  9. data/app/assets/javascripts/rails_admin/bootstrap/bootstrap-popover.js +77 -78
  10. data/app/assets/javascripts/rails_admin/bootstrap/bootstrap-scrollspy.js +137 -129
  11. data/app/assets/javascripts/rails_admin/bootstrap/bootstrap-tab.js +85 -101
  12. data/app/assets/javascripts/rails_admin/bootstrap/bootstrap-tooltip.js +364 -268
  13. data/app/assets/javascripts/rails_admin/bootstrap/bootstrap-transition.js +51 -52
  14. data/app/assets/javascripts/rails_admin/bootstrap/bootstrap-typeahead.js +1782 -335
  15. data/app/assets/javascripts/rails_admin/ra.filter-box.js +1 -1
  16. data/app/assets/javascripts/rails_admin/ra.filtering-multiselect.js +3 -3
  17. data/app/assets/javascripts/rails_admin/ra.filtering-select.js +1 -1
  18. data/app/assets/javascripts/rails_admin/ra.remote-form.js +6 -2
  19. data/app/assets/stylesheets/rails_admin/base/theming.scss +34 -14
  20. data/app/assets/stylesheets/rails_admin/bootstrap/_alerts.scss +47 -58
  21. data/app/assets/stylesheets/rails_admin/bootstrap/_badges.scss +57 -0
  22. data/app/assets/stylesheets/rails_admin/bootstrap/_breadcrumbs.scss +12 -10
  23. data/app/assets/stylesheets/rails_admin/bootstrap/_button-groups.scss +163 -152
  24. data/app/assets/stylesheets/rails_admin/bootstrap/_buttons.scss +98 -169
  25. data/app/assets/stylesheets/rails_admin/bootstrap/_carousel.scss +151 -66
  26. data/app/assets/stylesheets/rails_admin/bootstrap/_close.scss +11 -8
  27. data/app/assets/stylesheets/rails_admin/bootstrap/_code.scss +36 -29
  28. data/app/assets/stylesheets/rails_admin/bootstrap/_component-animations.scss +16 -3
  29. data/app/assets/stylesheets/rails_admin/bootstrap/_dropdowns.scss +115 -148
  30. data/app/assets/stylesheets/rails_admin/bootstrap/_forms.scss +396 -547
  31. data/app/assets/stylesheets/rails_admin/bootstrap/_glyphicons.scss +237 -0
  32. data/app/assets/stylesheets/rails_admin/bootstrap/_grid.scss +74 -11
  33. data/app/assets/stylesheets/rails_admin/bootstrap/_input-groups.scss +166 -0
  34. data/app/assets/stylesheets/rails_admin/bootstrap/_jumbotron.scss +48 -0
  35. data/app/assets/stylesheets/rails_admin/bootstrap/_labels.scss +66 -0
  36. data/app/assets/stylesheets/rails_admin/bootstrap/_list-group.scss +131 -0
  37. data/app/assets/stylesheets/rails_admin/bootstrap/_media.scss +8 -7
  38. data/app/assets/stylesheets/rails_admin/bootstrap/_mixins.scss +36 -693
  39. data/app/assets/stylesheets/rails_admin/bootstrap/_modals.scss +108 -53
  40. data/app/assets/stylesheets/rails_admin/bootstrap/_navbar.scss +545 -383
  41. data/app/assets/stylesheets/rails_admin/bootstrap/_navs.scss +191 -358
  42. data/app/assets/stylesheets/rails_admin/bootstrap/_normalize.scss +425 -0
  43. data/app/assets/stylesheets/rails_admin/bootstrap/_pager.scss +45 -33
  44. data/app/assets/stylesheets/rails_admin/bootstrap/_pagination.scss +70 -105
  45. data/app/assets/stylesheets/rails_admin/bootstrap/_panels.scss +243 -0
  46. data/app/assets/stylesheets/rails_admin/bootstrap/_popovers.scss +61 -61
  47. data/app/assets/stylesheets/rails_admin/bootstrap/_print.scss +101 -0
  48. data/app/assets/stylesheets/rails_admin/bootstrap/_progress-bars.scss +56 -73
  49. data/app/assets/stylesheets/rails_admin/bootstrap/_responsive-embed.scss +34 -0
  50. data/app/assets/stylesheets/rails_admin/bootstrap/_responsive-utilities.scss +150 -50
  51. data/app/assets/stylesheets/rails_admin/bootstrap/_scaffolding.scss +120 -23
  52. data/app/assets/stylesheets/rails_admin/bootstrap/_tables.scss +168 -170
  53. data/app/assets/stylesheets/rails_admin/bootstrap/_theme.scss +258 -0
  54. data/app/assets/stylesheets/rails_admin/bootstrap/_thumbnails.scss +27 -42
  55. data/app/assets/stylesheets/rails_admin/bootstrap/_tooltip.scss +49 -24
  56. data/app/assets/stylesheets/rails_admin/bootstrap/_type.scss +200 -143
  57. data/app/assets/stylesheets/rails_admin/bootstrap/_utilities.scss +33 -21
  58. data/app/assets/stylesheets/rails_admin/bootstrap/_variables.scss +764 -215
  59. data/app/assets/stylesheets/rails_admin/bootstrap/_wells.scss +7 -7
  60. data/app/assets/stylesheets/rails_admin/bootstrap/bootstrap.scss +47 -60
  61. data/app/assets/stylesheets/rails_admin/bootstrap/mixins/_alerts.scss +14 -0
  62. data/app/assets/stylesheets/rails_admin/bootstrap/mixins/_background-variant.scss +11 -0
  63. data/app/assets/stylesheets/rails_admin/bootstrap/mixins/_border-radius.scss +18 -0
  64. data/app/assets/stylesheets/rails_admin/bootstrap/mixins/_buttons.scss +50 -0
  65. data/app/assets/stylesheets/rails_admin/bootstrap/mixins/_center-block.scss +7 -0
  66. data/app/assets/stylesheets/rails_admin/bootstrap/mixins/_clearfix.scss +22 -0
  67. data/app/assets/stylesheets/rails_admin/bootstrap/mixins/_forms.scss +84 -0
  68. data/app/assets/stylesheets/rails_admin/bootstrap/mixins/_gradients.scss +58 -0
  69. data/app/assets/stylesheets/rails_admin/bootstrap/mixins/_grid-framework.scss +81 -0
  70. data/app/assets/stylesheets/rails_admin/bootstrap/mixins/_grid.scss +122 -0
  71. data/app/assets/stylesheets/rails_admin/bootstrap/mixins/_hide-text.scss +21 -0
  72. data/app/assets/stylesheets/rails_admin/bootstrap/mixins/_image.scss +34 -0
  73. data/app/assets/stylesheets/rails_admin/bootstrap/mixins/_labels.scss +12 -0
  74. data/app/assets/stylesheets/rails_admin/bootstrap/mixins/_list-group.scss +31 -0
  75. data/app/assets/stylesheets/rails_admin/bootstrap/mixins/_nav-divider.scss +10 -0
  76. data/app/assets/stylesheets/rails_admin/bootstrap/mixins/_nav-vertical-align.scss +9 -0
  77. data/app/assets/stylesheets/rails_admin/bootstrap/mixins/_opacity.scss +8 -0
  78. data/app/assets/stylesheets/rails_admin/bootstrap/mixins/_pagination.scss +23 -0
  79. data/app/assets/stylesheets/rails_admin/bootstrap/mixins/_panels.scss +24 -0
  80. data/app/assets/stylesheets/rails_admin/bootstrap/mixins/_progress-bar.scss +10 -0
  81. data/app/assets/stylesheets/rails_admin/bootstrap/mixins/_reset-filter.scss +8 -0
  82. data/app/assets/stylesheets/rails_admin/bootstrap/mixins/_resize.scss +6 -0
  83. data/app/assets/stylesheets/rails_admin/bootstrap/mixins/_responsive-visibility.scss +21 -0
  84. data/app/assets/stylesheets/rails_admin/bootstrap/mixins/_size.scss +10 -0
  85. data/app/assets/stylesheets/rails_admin/bootstrap/mixins/_tab-focus.scss +9 -0
  86. data/app/assets/stylesheets/rails_admin/bootstrap/mixins/_table-row.scss +28 -0
  87. data/app/assets/stylesheets/rails_admin/bootstrap/mixins/_text-emphasis.scss +11 -0
  88. data/app/assets/stylesheets/rails_admin/bootstrap/mixins/_text-overflow.scss +8 -0
  89. data/app/assets/stylesheets/rails_admin/bootstrap/mixins/_vendor-prefixes.scss +219 -0
  90. data/app/assets/stylesheets/rails_admin/ra.calendar-additions.scss +17 -0
  91. data/app/assets/stylesheets/rails_admin/rails_admin.scss.erb +9 -5
  92. data/app/helpers/rails_admin/application_helper.rb +20 -19
  93. data/app/helpers/rails_admin/form_builder.rb +14 -11
  94. data/app/views/kaminari/twitter-bootstrap/_paginator.html.haml +8 -9
  95. data/app/views/layouts/rails_admin/_navigation.html.haml +5 -5
  96. data/app/views/layouts/rails_admin/_secondary_navigation.html.haml +1 -1
  97. data/app/views/layouts/rails_admin/application.html.haml +9 -8
  98. data/app/views/layouts/rails_admin/pjax.html.haml +4 -3
  99. data/app/views/rails_admin/main/_form_datetime.html.haml +2 -1
  100. data/app/views/rails_admin/main/_form_field.html.haml +1 -1
  101. data/app/views/rails_admin/main/_form_text.html.haml +1 -1
  102. data/app/views/rails_admin/main/_submit_buttons.html.haml +1 -0
  103. data/app/views/rails_admin/main/dashboard.html.haml +1 -1
  104. data/app/views/rails_admin/main/export.html.haml +19 -16
  105. data/app/views/rails_admin/main/index.html.haml +11 -7
  106. data/app/views/rails_admin/main/show.html.haml +1 -1
  107. data/lib/rails_admin/adapters/active_record.rb +2 -2
  108. data/lib/rails_admin/adapters/mongoid/property.rb +1 -1
  109. data/lib/rails_admin/config/actions/bulk_delete.rb +0 -1
  110. data/lib/rails_admin/config/actions/edit.rb +0 -2
  111. data/lib/rails_admin/config/actions/export.rb +0 -2
  112. data/lib/rails_admin/config/actions/index.rb +0 -3
  113. data/lib/rails_admin/config/actions/new.rb +0 -2
  114. data/lib/rails_admin/config/configurable.rb +1 -1
  115. data/lib/rails_admin/config/fields/base.rb +9 -0
  116. data/lib/rails_admin/config/fields/factories/enum.rb +2 -3
  117. data/lib/rails_admin/config/fields/types/polymorphic_association.rb +4 -0
  118. data/lib/rails_admin/config/model.rb +2 -1
  119. data/lib/rails_admin/extensions/paper_trail/auditing_adapter.rb +2 -2
  120. data/lib/rails_admin/support/csv_converter.rb +22 -42
  121. data/lib/rails_admin/version.rb +1 -1
  122. metadata +59 -18
  123. data/app/assets/stylesheets/rails_admin/bootstrap/_accordion.scss +0 -34
  124. data/app/assets/stylesheets/rails_admin/bootstrap/_hero-unit.scss +0 -25
  125. data/app/assets/stylesheets/rails_admin/bootstrap/_labels-badges.scss +0 -83
  126. data/app/assets/stylesheets/rails_admin/bootstrap/_layouts.scss +0 -16
  127. data/app/assets/stylesheets/rails_admin/bootstrap/_reset.scss +0 -216
  128. data/app/assets/stylesheets/rails_admin/bootstrap/_responsive-1200px-min.scss +0 -28
  129. data/app/assets/stylesheets/rails_admin/bootstrap/_responsive-767px-max.scss +0 -193
  130. data/app/assets/stylesheets/rails_admin/bootstrap/_responsive-768px-979px.scss +0 -19
  131. data/app/assets/stylesheets/rails_admin/bootstrap/_responsive-navbar.scss +0 -189
  132. data/app/assets/stylesheets/rails_admin/bootstrap/_sprites.scss +0 -197
  133. data/app/assets/stylesheets/rails_admin/bootstrap/responsive.scss +0 -48
@@ -0,0 +1,101 @@
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
+ a[href^="javascript:"]:after,
30
+ a[href^="#"]:after {
31
+ content: "";
32
+ }
33
+
34
+ pre,
35
+ blockquote {
36
+ border: 1px solid #999;
37
+ page-break-inside: avoid;
38
+ }
39
+
40
+ thead {
41
+ display: table-header-group; // h5bp.com/t
42
+ }
43
+
44
+ tr,
45
+ img {
46
+ page-break-inside: avoid;
47
+ }
48
+
49
+ img {
50
+ max-width: 100% !important;
51
+ }
52
+
53
+ p,
54
+ h2,
55
+ h3 {
56
+ orphans: 3;
57
+ widows: 3;
58
+ }
59
+
60
+ h2,
61
+ h3 {
62
+ page-break-after: avoid;
63
+ }
64
+
65
+ // Chrome (OSX) fix for https://github.com/twbs/bootstrap/issues/11245
66
+ // Once fixed, we can just straight up remove this.
67
+ select {
68
+ background: #fff !important;
69
+ }
70
+
71
+ // Bootstrap components
72
+ .navbar {
73
+ display: none;
74
+ }
75
+ .table {
76
+ td,
77
+ th {
78
+ background-color: #fff !important;
79
+ }
80
+ }
81
+ .btn,
82
+ .dropup > .btn {
83
+ > .caret {
84
+ border-top-color: #000 !important;
85
+ }
86
+ }
87
+ .label {
88
+ border: 1px solid #000;
89
+ }
90
+
91
+ .table {
92
+ border-collapse: collapse !important;
93
+ }
94
+ .table-bordered {
95
+ th,
96
+ td {
97
+ border: 1px solid #ddd !important;
98
+ }
99
+ }
100
+
101
+ }
@@ -3,34 +3,16 @@
3
3
  // --------------------------------------------------
4
4
 
5
5
 
6
- // ANIMATIONS
7
- // ----------
6
+ // Bar animations
7
+ // -------------------------
8
8
 
9
- // Webkit
9
+ // WebKit
10
10
  @-webkit-keyframes progress-bar-stripes {
11
11
  from { background-position: 40px 0; }
12
12
  to { background-position: 0 0; }
13
13
  }
14
14
 
15
- // Firefox
16
- @-moz-keyframes progress-bar-stripes {
17
- from { background-position: 40px 0; }
18
- to { background-position: 0 0; }
19
- }
20
-
21
- // IE9
22
- @-ms-keyframes progress-bar-stripes {
23
- from { background-position: 40px 0; }
24
- to { background-position: 0 0; }
25
- }
26
-
27
- // Opera
28
- @-o-keyframes progress-bar-stripes {
29
- from { background-position: 0 0; }
30
- to { background-position: 40px 0; }
31
- }
32
-
33
- // Spec
15
+ // Spec and IE10+
34
16
  @keyframes progress-bar-stripes {
35
17
  from { background-position: 40px 0; }
36
18
  to { background-position: 0 0; }
@@ -38,85 +20,86 @@
38
20
 
39
21
 
40
22
 
41
- // THE BARS
42
- // --------
23
+ // Bar itself
24
+ // -------------------------
43
25
 
44
26
  // Outer container
45
27
  .progress {
46
28
  overflow: hidden;
47
- height: $baseLineHeight;
48
- margin-bottom: $baseLineHeight;
49
- @include gradient-vertical(#f5f5f5, #f9f9f9);
29
+ height: $line-height-computed;
30
+ margin-bottom: $line-height-computed;
31
+ background-color: $progress-bg;
32
+ border-radius: $border-radius-base;
50
33
  @include box-shadow(inset 0 1px 2px rgba(0,0,0,.1));
51
- @include border-radius($baseBorderRadius);
52
34
  }
53
35
 
54
36
  // Bar of progress
55
- .progress .bar {
37
+ .progress-bar {
38
+ float: left;
56
39
  width: 0%;
57
40
  height: 100%;
58
- color: $white;
59
- float: left;
60
- font-size: 12px;
41
+ font-size: $font-size-small;
42
+ line-height: $line-height-computed;
43
+ color: $progress-bar-color;
61
44
  text-align: center;
62
- text-shadow: 0 -1px 0 rgba(0,0,0,.25);
63
- @include gradient-vertical(#149bdf, #0480be);
45
+ background-color: $progress-bar-bg;
64
46
  @include box-shadow(inset 0 -1px 0 rgba(0,0,0,.15));
65
- @include box-sizing(border-box);
66
47
  @include transition(width .6s ease);
67
48
  }
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
49
 
72
50
  // Striped bars
73
- .progress-striped .bar {
74
- @include gradient-striped(#149bdf);
75
- @include background-size(40px 40px);
51
+ //
52
+ // `.progress-striped .progress-bar` is deprecated as of v3.2.0 in favor of the
53
+ // `.progress-bar-striped` class, which you just add to an existing
54
+ // `.progress-bar`.
55
+ .progress-striped .progress-bar,
56
+ .progress-bar-striped {
57
+ @include gradient-striped();
58
+ background-size: 40px 40px;
76
59
  }
77
60
 
78
61
  // Call animation for the active one
79
- .progress.active .bar {
80
- -webkit-animation: progress-bar-stripes 2s linear infinite;
81
- -moz-animation: progress-bar-stripes 2s linear infinite;
82
- -ms-animation: progress-bar-stripes 2s linear infinite;
83
- -o-animation: progress-bar-stripes 2s linear infinite;
84
- animation: progress-bar-stripes 2s linear infinite;
62
+ //
63
+ // `.progress.active .progress-bar` is deprecated as of v3.2.0 in favor of the
64
+ // `.progress-bar.active` approach.
65
+ .progress.active .progress-bar,
66
+ .progress-bar.active {
67
+ @include animation(progress-bar-stripes 2s linear infinite);
85
68
  }
86
69
 
70
+ // Account for lower percentages
71
+ .progress-bar {
72
+ &[aria-valuenow="1"],
73
+ &[aria-valuenow="2"] {
74
+ min-width: 30px;
75
+ }
87
76
 
77
+ &[aria-valuenow="0"] {
78
+ color: $gray-light;
79
+ min-width: 30px;
80
+ background-color: transparent;
81
+ background-image: none;
82
+ box-shadow: none;
83
+ }
84
+ }
88
85
 
89
- // COLORS
90
- // ------
91
86
 
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);
98
- }
99
87
 
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);
106
- }
88
+ // Variations
89
+ // -------------------------
107
90
 
108
- // Info (teal)
109
- .progress-info .bar, .progress .bar-info {
110
- @include gradient-vertical(#5bc0de, #339bb9);
91
+ .progress-bar-success {
92
+ @include progress-bar-variant($progress-bar-success-bg);
111
93
  }
112
- .progress-info.progress-striped .bar, .progress-striped .bar-info {
113
- @include gradient-striped(#5bc0de);
94
+
95
+ .progress-bar-info {
96
+ @include progress-bar-variant($progress-bar-info-bg);
114
97
  }
115
98
 
116
- // Warning (orange)
117
- .progress-warning .bar, .progress .bar-warning {
118
- @include gradient-vertical(lighten($orange, 15%), $orange);
99
+ .progress-bar-warning {
100
+ @include progress-bar-variant($progress-bar-warning-bg);
119
101
  }
120
- .progress-warning.progress-striped .bar, .progress-striped .bar-warning {
121
- @include gradient-striped(lighten($orange, 15%));
102
+
103
+ .progress-bar-danger {
104
+ @include progress-bar-variant($progress-bar-danger-bg);
122
105
  }
@@ -0,0 +1,34 @@
1
+ // Embeds responsive
2
+ //
3
+ // Credit: Nicolas Gallagher and SUIT CSS.
4
+
5
+ .embed-responsive {
6
+ position: relative;
7
+ display: block;
8
+ height: 0;
9
+ padding: 0;
10
+ overflow: hidden;
11
+
12
+ .embed-responsive-item,
13
+ iframe,
14
+ embed,
15
+ object {
16
+ position: absolute;
17
+ top: 0;
18
+ left: 0;
19
+ bottom: 0;
20
+ height: 100%;
21
+ width: 100%;
22
+ border: 0;
23
+ }
24
+
25
+ // Modifier class for 16:9 aspect ratio
26
+ &.embed-responsive-16by9 {
27
+ padding-bottom: 56.25%;
28
+ }
29
+
30
+ // Modifier class for 4:3 aspect ratio
31
+ &.embed-responsive-4by3 {
32
+ padding-bottom: 75%;
33
+ }
34
+ }
@@ -3,72 +3,172 @@
3
3
  // --------------------------------------------------
4
4
 
5
5
 
6
- // IE10 Metro responsive
7
- // Required for Windows 8 Metro split-screen snapping with IE10
6
+ // IE10 in Windows (Phone) 8
7
+ //
8
+ // Support for responsive views via media queries is kind of borked in IE10, for
9
+ // Surface/desktop in split view and for Windows Phone 8. This particular fix
10
+ // must be accompanied by a snippet of JavaScript to sniff the user agent and
11
+ // apply some conditional CSS to *only* the Surface/desktop Windows 8. Look at
12
+ // our Getting Started page for more information on this bug.
13
+ //
14
+ // For more information, see the following:
15
+ //
16
+ // Issue: https://github.com/twbs/bootstrap/issues/10497
17
+ // Docs: http://getbootstrap.com/getting-started/#support-ie10-width
18
+ // Source: http://timkadlec.com/2013/01/windows-phone-8-and-device-width/
8
19
  // Source: http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/
9
- @-ms-viewport{
20
+
21
+ @-ms-viewport {
10
22
  width: device-width;
11
23
  }
12
24
 
13
- // Hide from screenreaders and browsers
14
- // Credit: HTML5 Boilerplate
15
- .hidden {
16
- display: none;
17
- visibility: hidden;
18
- }
19
25
 
20
26
  // Visibility utilities
27
+ // Note: Deprecated .visible-xs, .visible-sm, .visible-md, and .visible-lg as of v3.2.0
28
+
29
+ @include responsive-invisibility('.visible-xs, .visible-sm, .visible-md, .visible-lg');
21
30
 
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; }
31
+ .visible-xs-block,
32
+ .visible-xs-inline,
33
+ .visible-xs-inline-block,
34
+ .visible-sm-block,
35
+ .visible-sm-inline,
36
+ .visible-sm-inline-block,
37
+ .visible-md-block,
38
+ .visible-md-inline,
39
+ .visible-md-inline-block,
40
+ .visible-lg-block,
41
+ .visible-lg-inline,
42
+ .visible-lg-inline-block {
43
+ display: none !important;
44
+ }
45
+
46
+ @media (max-width: $screen-xs-max) {
47
+ @include responsive-visibility('.visible-xs');
48
+ }
49
+ .visible-xs-block {
50
+ @media (max-width: $screen-xs-max) {
51
+ display: block !important;
52
+ }
53
+ }
54
+ .visible-xs-inline {
55
+ @media (max-width: $screen-xs-max) {
56
+ display: inline !important;
57
+ }
58
+ }
59
+ .visible-xs-inline-block {
60
+ @media (max-width: $screen-xs-max) {
61
+ display: inline-block !important;
62
+ }
63
+ }
64
+
65
+ @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {
66
+ @include responsive-visibility('.visible-sm');
67
+ }
68
+ .visible-sm-block {
69
+ @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {
70
+ display: block !important;
71
+ }
72
+ }
73
+ .visible-sm-inline {
74
+ @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {
75
+ display: inline !important;
76
+ }
77
+ }
78
+ .visible-sm-inline-block {
79
+ @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {
80
+ display: inline-block !important;
81
+ }
82
+ }
83
+
84
+ @media (min-width: $screen-md-min) and (max-width: $screen-md-max) {
85
+ @include responsive-visibility('.visible-md');
86
+ }
87
+ .visible-md-block {
88
+ @media (min-width: $screen-md-min) and (max-width: $screen-md-max) {
89
+ display: block !important;
90
+ }
91
+ }
92
+ .visible-md-inline {
93
+ @media (min-width: $screen-md-min) and (max-width: $screen-md-max) {
94
+ display: inline !important;
95
+ }
96
+ }
97
+ .visible-md-inline-block {
98
+ @media (min-width: $screen-md-min) and (max-width: $screen-md-max) {
99
+ display: inline-block !important;
100
+ }
50
101
  }
51
102
 
103
+ @media (min-width: $screen-lg-min) {
104
+ @include responsive-visibility('.visible-lg');
105
+ }
106
+ .visible-lg-block {
107
+ @media (min-width: $screen-lg-min) {
108
+ display: block !important;
109
+ }
110
+ }
111
+ .visible-lg-inline {
112
+ @media (min-width: $screen-lg-min) {
113
+ display: inline !important;
114
+ }
115
+ }
116
+ .visible-lg-inline-block {
117
+ @media (min-width: $screen-lg-min) {
118
+ display: inline-block !important;
119
+ }
120
+ }
121
+
122
+ @media (max-width: $screen-xs-max) {
123
+ @include responsive-invisibility('.hidden-xs');
124
+ }
125
+
126
+ @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {
127
+ @include responsive-invisibility('.hidden-sm');
128
+ }
129
+
130
+ @media (min-width: $screen-md-min) and (max-width: $screen-md-max) {
131
+ @include responsive-invisibility('.hidden-md');
132
+ }
133
+
134
+ @media (min-width: $screen-lg-min) {
135
+ @include responsive-invisibility('.hidden-lg');
136
+ }
137
+
138
+
52
139
  // Print utilities
53
- .visible-print { display: none !important; }
54
- .hidden-print { }
140
+ //
141
+ // Media queries are placed on the inside to be mixin-friendly.
142
+
143
+ // Note: Deprecated .visible-print as of v3.2.0
144
+
145
+ @include responsive-invisibility('.visible-print');
55
146
 
56
147
  @media print {
57
- .visible-print { display: inherit !important; }
58
- .hidden-print { display: none !important; }
148
+ @include responsive-visibility('.visible-print');
59
149
  }
150
+ .visible-print-block {
151
+ display: none !important;
60
152
 
61
- // Clearing floats
62
- .clearfix {
63
- @include clearfix();
153
+ @media print {
154
+ display: block !important;
155
+ }
64
156
  }
157
+ .visible-print-inline {
158
+ display: none !important;
65
159
 
66
- // Accessible yet invisible text
67
- .hide-text {
68
- @include hide-text();
160
+ @media print {
161
+ display: inline !important;
162
+ }
69
163
  }
164
+ .visible-print-inline-block {
165
+ display: none !important;
70
166
 
71
- // Uses box-sizing mixin, so must be defined here
72
- .input-block-level {
73
- @include input-block-level();
167
+ @media print {
168
+ display: inline-block !important;
169
+ }
170
+ }
171
+
172
+ @media print {
173
+ @include responsive-invisibility('.hidden-print');
74
174
  }