Use overflow-wrap instead of word-wrap
This commit is contained in:
parent
fa70c40b33
commit
9706eb3059
|
@ -37,7 +37,7 @@ main {
|
|||
padding: 32px;
|
||||
width: 100%;
|
||||
max-width: 700px;
|
||||
word-wrap: break-word;
|
||||
overflow-wrap: break-word;
|
||||
}
|
||||
@media screen and (max-width: 700px) {
|
||||
main {
|
||||
|
|
|
@ -83,7 +83,7 @@
|
|||
display block
|
||||
margin 0
|
||||
padding 0
|
||||
word-wrap break-word
|
||||
overflow-wrap break-word
|
||||
font-size 1.1em
|
||||
color #717171
|
||||
|
||||
|
|
|
@ -239,7 +239,7 @@
|
|||
margin 0 0 0 0
|
||||
padding 0
|
||||
overflow hidden
|
||||
word-wrap break-word
|
||||
overflow-wrap break-word
|
||||
font-size 1.1em
|
||||
color rgba(0, 0, 0, 0.8)
|
||||
|
||||
|
|
|
@ -106,7 +106,7 @@
|
|||
margin 0
|
||||
padding 0
|
||||
overflow hidden
|
||||
word-wrap break-word
|
||||
overflow-wrap break-word
|
||||
font-size 1em
|
||||
color rgba(0, 0, 0, 0.5)
|
||||
|
||||
|
@ -115,7 +115,7 @@
|
|||
margin 0
|
||||
padding 8px 16px
|
||||
overflow hidden
|
||||
word-wrap break-word
|
||||
overflow-wrap break-word
|
||||
font-size 1em
|
||||
color rgba(0, 0, 0, 0.8)
|
||||
|
||||
|
|
|
@ -55,7 +55,7 @@
|
|||
> .notification
|
||||
margin 0
|
||||
padding 16px
|
||||
word-wrap break-word
|
||||
overflow-wrap break-word
|
||||
font-size 0.9em
|
||||
border-bottom solid 1px rgba(0, 0, 0, 0.05)
|
||||
|
||||
|
|
|
@ -89,7 +89,7 @@
|
|||
display block
|
||||
margin 0
|
||||
padding 0
|
||||
word-wrap break-word
|
||||
overflow-wrap break-word
|
||||
font-size 1em
|
||||
color #717171
|
||||
|
||||
|
|
|
@ -202,7 +202,7 @@
|
|||
display block
|
||||
margin 0
|
||||
padding 0
|
||||
word-wrap break-word
|
||||
overflow-wrap break-word
|
||||
font-size 1.5em
|
||||
color #717171
|
||||
|
||||
|
|
|
@ -7,7 +7,7 @@
|
|||
<style type="stylus">
|
||||
:scope
|
||||
display block
|
||||
word-wrap break-word
|
||||
overflow-wrap break-word
|
||||
|
||||
> .body
|
||||
> .reply
|
||||
|
|
|
@ -213,7 +213,7 @@
|
|||
display block
|
||||
margin 0
|
||||
padding 0
|
||||
word-wrap break-word
|
||||
overflow-wrap break-word
|
||||
font-size 1.1em
|
||||
color #717171
|
||||
|
||||
|
|
|
@ -64,7 +64,7 @@
|
|||
font-weight bold
|
||||
color #555
|
||||
text-overflow ellipsis
|
||||
word-wrap break-word
|
||||
overflow-wrap break-word
|
||||
|
||||
> .tags
|
||||
display block
|
||||
|
|
|
@ -42,7 +42,7 @@
|
|||
color #fff
|
||||
|
||||
> .main
|
||||
word-wrap break-word
|
||||
overflow-wrap break-word
|
||||
|
||||
&:after
|
||||
content ""
|
||||
|
|
|
@ -46,7 +46,7 @@
|
|||
font-size 12px
|
||||
|
||||
> .main
|
||||
word-wrap break-word
|
||||
overflow-wrap break-word
|
||||
|
||||
&:after
|
||||
content ""
|
||||
|
|
|
@ -196,7 +196,7 @@
|
|||
display block
|
||||
margin 0
|
||||
padding 0
|
||||
word-wrap break-word
|
||||
overflow-wrap break-word
|
||||
font-size 16px
|
||||
color #717171
|
||||
|
||||
|
|
|
@ -7,7 +7,7 @@
|
|||
<style type="stylus">
|
||||
:scope
|
||||
display block
|
||||
word-wrap break-word
|
||||
overflow-wrap break-word
|
||||
|
||||
> .body
|
||||
> .reply
|
||||
|
|
|
@ -193,7 +193,7 @@
|
|||
display block
|
||||
margin 0
|
||||
padding 0
|
||||
word-wrap break-word
|
||||
overflow-wrap break-word
|
||||
font-size 1.1em
|
||||
color #717171
|
||||
|
||||
|
|
|
@ -80,7 +80,7 @@
|
|||
display block
|
||||
margin 0
|
||||
padding 0
|
||||
word-wrap break-word
|
||||
overflow-wrap break-word
|
||||
font-size 1.1em
|
||||
color #717171
|
||||
|
||||
|
|
|
@ -9,7 +9,7 @@ body
|
|||
padding 0
|
||||
|
||||
body
|
||||
word-wrap break-word
|
||||
overflow-wrap break-word
|
||||
overflow-wrap break-word
|
||||
|
||||
input:not([type])
|
||||
|
|
Loading…
Reference in New Issue