Add pre-wrap value to the white-space CSS property

pre-wrap value allows sequences of white space to be preserved. Also the lines
are broken at new line characters, at `<br>`, and as necessary to fill line
boxes.

See: https://developer.mozilla.org/en-US/docs/Web/CSS/white-space#Values
This commit is contained in:
hzhu 2019-06-14 12:53:54 -07:00
parent 79f4de4ea4
commit 58f3159fa9
No known key found for this signature in database
GPG key ID: B6CD2C13E8F1898A
3 changed files with 9 additions and 1 deletions

View file

@ -1806,6 +1806,7 @@ code, .code { font-family: Consolas, monaco, monospace; }
.ws-normal { white-space: normal; }
.nowrap { white-space: nowrap; }
.pre { white-space: pre; }
.pre-wrap { white-space: pre-wrap; }
/*
VERTICAL ALIGN
@ -2455,6 +2456,7 @@ code, .code { font-family: Consolas, monaco, monospace; }
.ws-normal-ns { white-space: normal; }
.nowrap-ns { white-space: nowrap; }
.pre-ns { white-space: pre; }
.pre-wrap-ns { white-space: pre-wrap; }
.v-base-ns { vertical-align: baseline; }
.v-mid-ns { vertical-align: middle; }
.v-top-ns { vertical-align: top; }
@ -2881,6 +2883,7 @@ code, .code { font-family: Consolas, monaco, monospace; }
.ws-normal-m { white-space: normal; }
.nowrap-m { white-space: nowrap; }
.pre-m { white-space: pre; }
.pre-wrap-m { white-space: pre-wrap; }
.v-base-m { vertical-align: baseline; }
.v-mid-m { vertical-align: middle; }
.v-top-m { vertical-align: top; }
@ -3307,6 +3310,7 @@ code, .code { font-family: Consolas, monaco, monospace; }
.ws-normal-l { white-space: normal; }
.nowrap-l { white-space: nowrap; }
.pre-l { white-space: pre; }
.pre-wrap-l { white-space: pre-wrap; }
.v-base-l { vertical-align: baseline; }
.v-mid-l { vertical-align: middle; }
.v-top-l { vertical-align: top; }

File diff suppressed because one or more lines are too long

View file

@ -13,22 +13,26 @@
.ws-normal { white-space: normal; }
.nowrap { white-space: nowrap; }
.pre { white-space: pre; }
.pre-wrap { white-space: pre-wrap; }
@media (--breakpoint-not-small) {
.ws-normal-ns { white-space: normal; }
.nowrap-ns { white-space: nowrap; }
.pre-ns { white-space: pre; }
.pre-wrap-ns { white-space: pre-wrap; }
}
@media (--breakpoint-medium) {
.ws-normal-m { white-space: normal; }
.nowrap-m { white-space: nowrap; }
.pre-m { white-space: pre; }
.pre-wrap-m { white-space: pre-wrap; }
}
@media (--breakpoint-large) {
.ws-normal-l { white-space: normal; }
.nowrap-l { white-space: nowrap; }
.pre-l { white-space: pre; }
.pre-wrap-l { white-space: pre-wrap; }
}