23 lines
441 B
SCSS
23 lines
441 B
SCSS
// CSS component of the JS text balancer script.
|
|
// This must be loaded as an inline stylesheet in the head of the
|
|
// document to avoid the possibility of a visible layout shift.
|
|
|
|
.balance-text {
|
|
visibility: hidden;
|
|
}
|
|
|
|
@media (scripting: none) {
|
|
.balance-text {
|
|
visibility: visible !important;
|
|
}
|
|
}
|
|
|
|
@supports (text-wrap: balance) {
|
|
.balance-text,
|
|
.balanced-text {
|
|
text-align: left;
|
|
text-wrap: balance;
|
|
visibility: visible;
|
|
}
|
|
}
|