add [hidden] utility for hiding any html element (see #15274 for more context)

This commit is contained in:
Mark Otto 2014-12-23 04:10:59 -08:00
parent 2b16cb921c
commit f9aec74124
9 changed files with 28 additions and 13 deletions

View file

@ -4625,7 +4625,7 @@ a.list-group-item-state.active, a.list-group-item-state.active:hover, a.list-gro
bottom: -11px;
left: 50%;
margin-left: -11px;
border-top-color: fadein(rgba(0, 0, 0, .2), 5%);
border-top-color: rgba(0, 0, 0, .25);
border-bottom-width: 0;
}
.popover.top > .arrow:after {
@ -4639,7 +4639,7 @@ a.list-group-item-state.active, a.list-group-item-state.active:hover, a.list-gro
top: 50%;
left: -11px;
margin-top: -11px;
border-right-color: fadein(rgba(0, 0, 0, .2), 5%);
border-right-color: rgba(0, 0, 0, .25);
border-left-width: 0;
}
.popover.right > .arrow:after {
@ -4654,7 +4654,7 @@ a.list-group-item-state.active, a.list-group-item-state.active:hover, a.list-gro
left: 50%;
margin-left: -11px;
border-top-width: 0;
border-bottom-color: fadein(rgba(0, 0, 0, .2), 5%);
border-bottom-color: rgba(0, 0, 0, .25);
}
.popover.bottom > .arrow:after {
top: 1px;
@ -4668,7 +4668,7 @@ a.list-group-item-state.active, a.list-group-item-state.active:hover, a.list-gro
right: -11px;
margin-top: -11px;
border-right-width: 0;
border-left-color: fadein(rgba(0, 0, 0, .2), 5%);
border-left-color: rgba(0, 0, 0, .25);
}
.popover.left > .arrow:after {
right: 1px;
@ -4936,6 +4936,10 @@ a.list-group-item-state.active, a.list-group-item-state.active:hover, a.list-gro
display: block !important;
}
[hidden] {
display: none !important;
}
.invisible {
visibility: hidden;
}

Binary file not shown.

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -4625,7 +4625,7 @@ a.list-group-item-state.active, a.list-group-item-state.active:hover, a.list-gro
bottom: -11px;
left: 50%;
margin-left: -11px;
border-top-color: fadein(rgba(0, 0, 0, .2), 5%);
border-top-color: rgba(0, 0, 0, .25);
border-bottom-width: 0;
}
.popover.top > .arrow:after {
@ -4639,7 +4639,7 @@ a.list-group-item-state.active, a.list-group-item-state.active:hover, a.list-gro
top: 50%;
left: -11px;
margin-top: -11px;
border-right-color: fadein(rgba(0, 0, 0, .2), 5%);
border-right-color: rgba(0, 0, 0, .25);
border-left-width: 0;
}
.popover.right > .arrow:after {
@ -4654,7 +4654,7 @@ a.list-group-item-state.active, a.list-group-item-state.active:hover, a.list-gro
left: 50%;
margin-left: -11px;
border-top-width: 0;
border-bottom-color: fadein(rgba(0, 0, 0, .2), 5%);
border-bottom-color: rgba(0, 0, 0, .25);
}
.popover.bottom > .arrow:after {
top: 1px;
@ -4668,7 +4668,7 @@ a.list-group-item-state.active, a.list-group-item-state.active:hover, a.list-gro
right: -11px;
margin-top: -11px;
border-right-width: 0;
border-left-color: fadein(rgba(0, 0, 0, .2), 5%);
border-left-color: rgba(0, 0, 0, .25);
}
.popover.left > .arrow:after {
right: 1px;
@ -4936,6 +4936,10 @@ a.list-group-item-state.active, a.list-group-item-state.active:hover, a.list-gro
display: block !important;
}
[hidden] {
display: none !important;
}
.invisible {
visibility: hidden;
}

Binary file not shown.

File diff suppressed because one or more lines are too long

View file

@ -58,7 +58,7 @@
</div>
</section>
<section class="album text-muted">
<div class="album text-muted">
<div class="container">
<div class="row">
@ -103,7 +103,7 @@
</div>
</div>
</section>
</div>
<footer class="text-muted">
<div class="container">

View file

@ -51,9 +51,16 @@
.show {
display: block !important;
}
// Always hide an element with the `hidden` HTML attribute (from PureCSS).
[hidden] {
display: none !important;
}
.invisible {
visibility: hidden;
}
.text-hide {
@include text-hide();
}