fixes #9522
This commit is contained in:
parent
6e26f846cd
commit
f058a6a3ea
|
@ -642,13 +642,25 @@ body {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
}
|
}
|
||||||
.responsive-utilities-test.visible-on [class*="hidden"],
|
.visible-on .col-xs-6 .hidden-xs,
|
||||||
.responsive-utilities-test.hidden-on [class*="visible"] {
|
.visible-on .col-xs-6 .hidden-sm,
|
||||||
|
.visible-on .col-xs-6 .hidden-md,
|
||||||
|
.visible-on .col-xs-6 .hidden-lg,
|
||||||
|
.hidden-on .col-xs-6 .visible-xs,
|
||||||
|
.hidden-on .col-xs-6 .visible-sm,
|
||||||
|
.hidden-on .col-xs-6 .visible-md,
|
||||||
|
.hidden-on .col-xs-6 .visible-lg {
|
||||||
color: #999;
|
color: #999;
|
||||||
border: 1px solid #ddd;
|
border: 1px solid #ddd;
|
||||||
}
|
}
|
||||||
.responsive-utilities-test.visible-on [class*="visible"],
|
.visible-on .col-xs-6 .visible-xs,
|
||||||
.responsive-utilities-test.hidden-on [class*="hidden"] {
|
.visible-on .col-xs-6 .visible-sm,
|
||||||
|
.visible-on .col-xs-6 .visible-md,
|
||||||
|
.visible-on .col-xs-6 .visible-lg,
|
||||||
|
.hidden-on .col-xs-6 .hidden-xs,
|
||||||
|
.hidden-on .col-xs-6 .hidden-sm,
|
||||||
|
.hidden-on .col-xs-6 .hidden-md,
|
||||||
|
.hidden-on .col-xs-6 .hidden-lg {
|
||||||
color: #468847;
|
color: #468847;
|
||||||
background-color: #dff0d8;
|
background-color: #dff0d8;
|
||||||
border: 1px solid #d6e9c6;
|
border: 1px solid #d6e9c6;
|
||||||
|
|
2
css.html
2
css.html
|
@ -2254,6 +2254,7 @@ For example, <code><section></code> should be wrapped as inline.
|
||||||
<span class="hidden-sm">Small</span>
|
<span class="hidden-sm">Small</span>
|
||||||
<span class="visible-sm">✔ Visible on small</span>
|
<span class="visible-sm">✔ Visible on small</span>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="clearfix visible-xs"></div>
|
||||||
<div class="col-xs-6 col-sm-3">
|
<div class="col-xs-6 col-sm-3">
|
||||||
<span class="hidden-md">Medium</span>
|
<span class="hidden-md">Medium</span>
|
||||||
<span class="visible-md">✔ Visible on medium</span>
|
<span class="visible-md">✔ Visible on medium</span>
|
||||||
|
@ -2274,6 +2275,7 @@ For example, <code><section></code> should be wrapped as inline.
|
||||||
<span class="visible-sm">Small</span>
|
<span class="visible-sm">Small</span>
|
||||||
<span class="hidden-sm">✔ Hidden on small</span>
|
<span class="hidden-sm">✔ Hidden on small</span>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="clearfix visible-xs"></div>
|
||||||
<div class="col-xs-6 col-sm-3">
|
<div class="col-xs-6 col-sm-3">
|
||||||
<span class="visible-md">Medium</span>
|
<span class="visible-md">Medium</span>
|
||||||
<span class="hidden-md">✔ Hidden on medium</span>
|
<span class="hidden-md">✔ Hidden on medium</span>
|
||||||
|
|
Loading…
Reference in New Issue