diff options
| author | Ryo Nitami <nitry.n2t1m1@rnita.me> | 2017-01-27 09:40:50 +0300 |
|---|---|---|
| committer | Juraj Bubniak <juraj.bubniak@gmail.com> | 2017-01-27 09:40:50 +0300 |
| commit | 6450d6b71efa9b0dce7e0c404f93f1f8e55081d4 (patch) | |
| tree | 97bbaba8976d09f5662530e79729ccdfed4ace74 | |
| parent | 9e00476b61ea36caeea5b00c5b5da18acdbda71b (diff) | |
Add word-wrap settings for title and description (#25)
| -rw-r--r-- | static/dist/styles.css | 5 | ||||
| -rw-r--r-- | static/styles/style.scss | 8 |
2 files changed, 11 insertions, 2 deletions
diff --git a/static/dist/styles.css b/static/dist/styles.css index fda26cc..9c7b70e 100644 --- a/static/dist/styles.css +++ b/static/dist/styles.css @@ -195,7 +195,8 @@ table tr { border-bottom: 1px dotted #aeadad; } .site-title + .button-square { margin-left: 0; } .site-nav-item { display: block; margin: 15px 0; } .post-header { margin-bottom: 20px; padding-bottom: 20px; } - .post-title, .page-title, .author-name, .author-heading { font-size: 42px; margin-top: 5px; } + .post-header p { word-wrap: break-word; overflow-wrap: break-word; } + .post-title, .page-title, .author-name, .author-heading { font-size: 42px; margin-top: 5px; word-wrap: break-word; overflow-wrap: break-word; } .post-date, .blog-description, .author-meta { margin-top: 20px; } .post-date:after, .post-date:before, .blog-description:after, .blog-description:before, .author-meta:after, .author-meta:before { margin-top: 30px; } @@ -214,7 +215,7 @@ table tr { border-bottom: 1px dotted #aeadad; } } @media only screen and (max-width: 400px) { .site-header { padding-top: 40px; } - .post-title, .page-title, .author-name, .author-heading { font-size: 30px; line-height: 1.2; } + .post-title, .page-title, .author-name, .author-heading { font-size: 30px; line-height: 1.2; word-wrap: break-word; overflow-wrap: break-word; } .post-date, .blog-description, .author-meta { line-height: 1.6; } .post-date, .blog-description, .author-meta { margin-top: 10px; } .post-date:after, .post-date:before, .blog-description:after, diff --git a/static/styles/style.scss b/static/styles/style.scss index 782c5b1..cf5ac3a 100644 --- a/static/styles/style.scss +++ b/static/styles/style.scss @@ -617,6 +617,10 @@ table { .post-header { margin-bottom: 20px; padding-bottom: 20px; + p { + word-wrap: break-word; + overflow-wrap: break-word; + } } .post-title, @@ -625,6 +629,8 @@ table { .author-heading { font-size: 42px; margin-top: 5px; + word-wrap: break-word; + overflow-wrap: break-word; } .post-date, @@ -704,6 +710,8 @@ table { .author-heading { font-size: 30px; line-height: 1.2; + word-wrap: break-word; + overflow-wrap: break-word; } .post-date, |