fix(code): inline code overflow-wrap (#280)

This commit is contained in:
Dillon
2020-04-29 02:41:07 +08:00
committed by GitHub
parent 16a4e94117
commit 072b9624cd
11 changed files with 17 additions and 11 deletions

View File

@@ -7,7 +7,7 @@
display: inline-block;
position: relative;
margin: 5px 10px;
overflow-wrap: break-word;
@include overflow-wrap(break-word);
@include transition(all ease-out 0.3s);
&:active,

View File

@@ -384,7 +384,7 @@ header {
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
overflow-wrap: break-word;
@include overflow-wrap(break-word);
color: $global-font-secondary-color;
[theme=dark] & {

View File

@@ -1,9 +1,11 @@
code {
display:inline-block;
max-width: 100%;
padding: 0 .4rem;
@include overflow-wrap(break-word);
font-size: $code-font-size;
font-family: $code-font-family;
color: $code-color;
padding: 0 .4rem;
[theme=dark] & {
color: $code-color-dark;

View File

@@ -53,7 +53,7 @@
width: $MAX_LENGTH;
padding: 0 .8rem;
border-left: 4px solid $global-border-color;
overflow-wrap: break-word;
@include overflow-wrap(break-word);
box-sizing: border-box;
top: if($header-normal-mode-desktop, 5rem, 10rem);
left: $MAX_LENGTH;