diff options
author | Julio Capote <jcapote@gmail.com> | 2018-11-06 02:49:16 +0000 |
---|---|---|
committer | Julio Capote <jcapote@gmail.com> | 2018-11-06 02:49:16 +0000 |
commit | a62a3e7755579d93ce3a87243dd277575930fffe (patch) | |
tree | 6d074f7294c5b7a45bed7ac229a6802830da2a04 /themes/even/src/css/_partial/_post/_content.scss | |
download | capotej.com-a62a3e7755579d93ce3a87243dd277575930fffe.tar.gz |
init
Diffstat (limited to 'themes/even/src/css/_partial/_post/_content.scss')
-rw-r--r-- | themes/even/src/css/_partial/_post/_content.scss | 143 |
1 files changed, 143 insertions, 0 deletions
diff --git a/themes/even/src/css/_partial/_post/_content.scss b/themes/even/src/css/_partial/_post/_content.scss new file mode 100644 index 0000000..87c788b --- /dev/null +++ b/themes/even/src/css/_partial/_post/_content.scss @@ -0,0 +1,143 @@ +// ============================== +// Post content +// ============================== + +.post-content { + word-wrap: break-word; + + @for $i from 1 through 6 { + h#{$i} { + font-weight: 400; + font-family: $global-serif-font-family; + } + } + + a { + color: $theme-color; + word-break: break-all; + + &:hover { + border-bottom: $content-link-border; + } + + &.fancybox { + border: 0; + } + } + + blockquote { + margin: 2em 0; + padding: 10px 20px; + position: relative; + color: rgba(#34495e, 0.8); + background-color: $content-blockquote-backgroud; + border-left: $content-blockquote-border-left; + box-shadow: 1px 1px 2px rgba(0,0,0,0.125); + + p { + margin: 0; + } + } + + img { + display: inline-block; + max-width: 100%; + } + + > table { + max-width: 100%; + margin: 10px 0; + border-spacing: 0; + box-shadow: 2px 2px 3px rgba(0,0,0,.125); + + thead { + background: $deputy-color; + } + + th, td { + padding: 5px 15px; + border: 1px double $content-table-border-color; + } + + tr:hover { + background-color: $deputy-color; + } + } + + @import 'code'; + + .post-summary { + margin-bottom: 1em; + } + + .read-more { + .read-more-link { + color: $theme-color; + font-size: 1.1em; + font-family: $global-serif-font-family; + + &:hover { + border-bottom: $post-readMore-border-bottom; + } + } + } + + kbd { + display: inline-block; + padding: 0.25em; + background-color: #fafafa; + border: 1px solid #dbdbdb; + border-bottom-color: #b5b5b5; + border-radius: 3px; + box-shadow: inset 0 -1px 0 #b5b5b5; + font-size: 0.8em; + line-height: 1.25; + font-family: "SFMono-Regular","Liberation Mono","Roboto Mono",Menlo,Monaco,Consolas,"Courier New",Courier,monospace; + color: #4a4a4a; + } + + dl dt::after { + content: ':'; + } + + figure { + &.center { + text-align: center; + } + + &.right { + text-align: right; + } + + &.left { + text-align: left; + } + + figcaption h4 { + color: #b5b5b5; + font-size: 0.9rem; + } + } + + .task-list { + list-style: none; + padding-left: 1.5rem; + } + + .align-center { + text-align: center; + } + + .align-right { + text-align: right; + } + + .align-left { + text-align: left; + } + + .MJXc-display { + overflow-x: auto; + overflow-y: hidden; + } +} |