fix(link): fix long words and URLs style bug

pogor-dev · Feb 13, 2020 · 917cf4a · 917cf4a
1 parent a07f0c6
commit 917cf4a
Show file tree

Hide file tree

Showing 11 changed files with 327 additions and 314 deletions.
diff --git a/assets/css/_core/_base.scss b/assets/css/_core/_base.scss
@@ -30,6 +30,7 @@ body {
   line-height: 1.5rem;
   background-color: $global-background-color;
   color: $global-font-color;
+  overflow-wrap: break-word;
 
   &::before {
     content: "";
@@ -59,6 +60,7 @@ body {
 a {
   color: $global-link-color;
   text-decoration: none;
+  word-break: break-all;
   transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease, opacity 0.2s ease;
 
   &:hover {

diff --git a/assets/css/_page/_index.scss b/assets/css/_page/_index.scss
@@ -1,17 +1,17 @@
-@import "_home";
-@import "_404";
-
 .page {
   position: relative;
   width: 100%;
   max-width: 980px;
   margin: 0 auto;
   padding-top: 6rem;
-
-  @import "_post";
-  @import "_posts";
 }
 
+@import "_home";
+@import "_404";
+
+@import "_post";
+@import "_posts";
+
 .archive {
   .post-title {
     text-align: right;