diff options
author | uPagge <git@upagge.ru> | 2021-01-27 17:53:02 +0300 |
---|---|---|
committer | uPagge <git@upagge.ru> | 2021-01-27 17:53:02 +0300 |
commit | 15728f424462b76652d608cd87a88fe02ce9815c (patch) | |
tree | 0a3976dcecb807b2503e4a52ae2fcbde1f77cc9e /assets/css | |
parent | e86178a33d283009743dbcd052124684b058077b (diff) |
css fix single
Diffstat (limited to 'assets/css')
-rw-r--r-- | assets/css/_page/_single.scss | 22 | ||||
-rw-r--r-- | assets/css/_partial/_share-icon.scss | 25 | ||||
-rw-r--r-- | assets/css/_partial/_single/_admonition.scss | 2 | ||||
-rw-r--r-- | assets/css/_partial/_single/_code.scss | 2 | ||||
-rw-r--r-- | assets/css/_ublogger.scss | 29 | ||||
-rw-r--r-- | assets/css/_variables.scss | 2 |
6 files changed, 45 insertions, 37 deletions
diff --git a/assets/css/_page/_single.scss b/assets/css/_page/_single.scss index 43fdedd..e42fe1b 100644 --- a/assets/css/_page/_single.scss +++ b/assets/css/_page/_single.scss @@ -96,7 +96,7 @@ } p { - margin: .5rem 0; + margin: $margin-article; } b, strong { @@ -276,6 +276,26 @@ height: 1.25em; vertical-align: text-bottom; } + + blockquote { + blockquote { + padding: 0; + width: 100%; + line-height: 3.5rem; + + blockquote { + width: 100%; + padding: 0; + line-height: 6rem; + + blockquote { + width: 100%; + padding: 0; + line-height: 8rem; + } + } + } + } } .lg-toolbar .lg-icon::after { diff --git a/assets/css/_partial/_share-icon.scss b/assets/css/_partial/_share-icon.scss index 2a2495d..4a5adbb 100644 --- a/assets/css/_partial/_share-icon.scss +++ b/assets/css/_partial/_share-icon.scss @@ -8,20 +8,33 @@ } a.share-icon:hover { - padding: 3px 8px;; background: white; color: #2c678d; border: solid 2px #2c678d; - @include transition(all 0.4s ease); + @include transition(background 0.2s ease); } } +.share-link { + margin-top: 15px; + margin-right: 8px; + font-size: 20px; + display: inline-block; +} + +.share-text { + font-size: 30px; + margin-bottom: 10px; +} + .share-icon { color: white; - padding: 3px 8px; - margin-right: 3px; - border-radius: 5px; - font-size: 16px; + border-radius: 6px; + padding: 6px 6px 8px; + + .fa-fw { + width: 2.25em; + } } .share-telegram { diff --git a/assets/css/_partial/_single/_admonition.scss b/assets/css/_partial/_single/_admonition.scss index 07f66ae..53f621b 100644 --- a/assets/css/_partial/_single/_admonition.scss +++ b/assets/css/_partial/_single/_admonition.scss @@ -1,7 +1,7 @@ .admonition { border-radius: 6px; position: relative; - margin: 1rem 0; + margin: $margin-article; padding: 0 .75rem; background-color: map-get($admonition-background-color-map, 'note'); border-left: .25rem solid map-get($admonition-color-map, 'note'); diff --git a/assets/css/_partial/_single/_code.scss b/assets/css/_partial/_single/_code.scss index 27c8d18..30c6b40 100644 --- a/assets/css/_partial/_single/_code.scss +++ b/assets/css/_partial/_single/_code.scss @@ -57,7 +57,7 @@ code, pre, .highlight table, .highlight tr, .highlight td { .highlight { line-height: 1.4em; - margin: .5rem 0; + margin: $margin-article; > .chroma { position: relative; diff --git a/assets/css/_ublogger.scss b/assets/css/_ublogger.scss index 56720f7..9c1399a 100644 --- a/assets/css/_ublogger.scss +++ b/assets/css/_ublogger.scss @@ -7,33 +7,6 @@ body { line-height: 1.9rem; } -.single { - - p { - margin: 1.2rem 0; - } - - blockquote { - blockquote { - padding: 0; - width: 100%; - line-height: 3.5rem; - - blockquote { - width: 100%; - padding: 0; - line-height: 6rem; - - blockquote { - width: 100%; - padding: 0; - line-height: 8rem; - } - } - } - } -} - .summary-title { margin: 0; } @@ -341,7 +314,7 @@ a.post-tag-summary { h2 { font-size: 2rem; - margin-top: 5rem; + margin-top: 7rem; code { font-size: 90%; diff --git a/assets/css/_variables.scss b/assets/css/_variables.scss index bd0df31..e868e49 100644 --- a/assets/css/_variables.scss +++ b/assets/css/_variables.scss @@ -137,6 +137,8 @@ $code-font-size: .875rem !default; // Font family of the code $code-font-family: Source Code Pro, Menlo, Consolas, Monaco, monospace, $global-font-family !default; +$margin-article: 1.5rem 0; + // Code type map $code-type-map: ( // Custom code type |