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