Browse Source

Isso CSS improvements

master
angristan 4 months ago
parent
commit
ab2cff33a0
3 changed files with 25 additions and 2 deletions
  1. +1
    -1
      assets/built/custom.css
  2. +1
    -1
      assets/built/custom.css.map
  3. +23
    -0
      assets/css/custom.css

+ 1
- 1
assets/built/custom.css View File

@@ -1,2 +1,2 @@
@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:400;src:url(../fonts/source-sans-pro-v11-latin-regular.eot);src:local("Source Sans Pro Regular"),local("SourceSansPro-Regular"),url(../fonts/source-sans-pro-v11-latin-regular.eot?#iefix) format("embedded-opentype"),url(../fonts/source-sans-pro-v11-latin-regular.woff2) format("woff2"),url(../fonts/source-sans-pro-v11-latin-regular.woff) format("woff"),url(../fonts/source-sans-pro-v11-latin-regular.ttf) format("truetype"),url(../fonts/source-sans-pro-v11-latin-regular.svg#SourceSansPro) format("svg")}.post-card-excerpt,.post-full-content,.post-full-content h5,.site-header-content .author-meta,.subscribe-overlay-description{font-family:Source Sans Pro,Georgia,serif}.post-full-content{font-size:1.9rem}.post-full-content h2{margin:.5em 0;font-size:3rem}.post-full-footer{padding:3vw 0}@media (min-width:900px){.floating-header{height:50px}}.post-template .post-content>p:first-child{font-size:inherit;line-height:inherit}.site-footer{padding-bottom:20px}.author-card-name{padding:0 0 5px}.post-full-content img,.post-full-content video{margin:.5em auto}.post-full-content pre{margin:0 0 2em}.post-full-header{padding:3vw}@media (max-width:500px){.post-full-header{padding:10vw 3vw 8vw}}.post-full-image{display:block;margin-top:0}.post-full-image img{height:100%!important}@media (max-width:500px){.post-full-image{height:100%!important}}.post-full-content:after,.post-full-content:before{display:none}@media (max-width:500px){.post-full-content{padding:30px 0 0}}.floating-header-blog-title{margin-right:1px}.isso-comment-footer svg{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.isso-comment-footer .downvote svg{-webkit-transform:translateY(-5px) translateX(3px);transform:translateY(-5px) translateX(3px)}.isso-comment-footer .reply{display:inline-block;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.isso-comment-footer .votes{display:inline-block;-webkit-transform:translateY(2px);transform:translateY(2px)}.kg-image-card figcaption{margin:0}code,kbd,pre,samp{font-family:Menlo,DejaVu Sans Mono,Liberation Mono,Consolas,Ubuntu Mono,Courier New,andale mono,lucida console,monospace}.post-full-content h4{font-size:2.4rem}.avatar img{border-radius:10px}.kg-image-card figcaption{margin-top:10px}.post-full-content p code{word-break:inherit}.post-full-comments{padding:0 170px}@media (max-width:1170px){.post-full-comments{padding:0 11vw}}@media (max-width:800px){.post-full-comments{padding:0 5vw}}@media (max-width:500px){.post-full-comments{padding:30px 0 0}}.post-full-content{padding-bottom:4vw}#isso-thread .textarea-wrapper{margin-bottom:1em}#isso-thread .auth-section{margin-bottom:.7em}.isso-postbox>.form-wrapper>.auth-section .input-wrapper{margin-right:5px!important}.isso-postbox>.form-wrapper>.auth-section .post-action>input{padding:calc(.4em - 1px) calc(.6em - 1px)!important}.isso-postbox>.form-wrapper input[type=checkbox]{margin-right:1em}
@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:400;src:url(../fonts/source-sans-pro-v11-latin-regular.eot);src:local("Source Sans Pro Regular"),local("SourceSansPro-Regular"),url(../fonts/source-sans-pro-v11-latin-regular.eot?#iefix) format("embedded-opentype"),url(../fonts/source-sans-pro-v11-latin-regular.woff2) format("woff2"),url(../fonts/source-sans-pro-v11-latin-regular.woff) format("woff"),url(../fonts/source-sans-pro-v11-latin-regular.ttf) format("truetype"),url(../fonts/source-sans-pro-v11-latin-regular.svg#SourceSansPro) format("svg")}.post-card-excerpt,.post-full-content,.post-full-content h5,.site-header-content .author-meta,.subscribe-overlay-description{font-family:Source Sans Pro,Georgia,serif}.post-full-content{font-size:1.9rem}.post-full-content h2{margin:.5em 0;font-size:3rem}.post-full-footer{padding:3vw 0}@media (min-width:900px){.floating-header{height:50px}}.post-template .post-content>p:first-child{font-size:inherit;line-height:inherit}.site-footer{padding-bottom:20px}.author-card-name{padding:0 0 5px}.post-full-content img,.post-full-content video{margin:.5em auto}.post-full-content pre{margin:0 0 2em}.post-full-header{padding:3vw}@media (max-width:500px){.post-full-header{padding:10vw 3vw 8vw}}.post-full-image{display:block;margin-top:0}.post-full-image img{height:100%!important}@media (max-width:500px){.post-full-image{height:100%!important}}.post-full-content:after,.post-full-content:before{display:none}@media (max-width:500px){.post-full-content{padding:30px 0 0}}.floating-header-blog-title{margin-right:1px}.isso-comment-footer svg{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.isso-comment-footer .downvote svg{-webkit-transform:translateY(-5px) translateX(3px);transform:translateY(-5px) translateX(3px)}.isso-comment-footer .reply{display:inline-block;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.isso-comment-footer .votes{display:inline-block;-webkit-transform:translateY(2px);transform:translateY(2px)}.kg-image-card figcaption{margin:0}code,kbd,pre,samp{font-family:Menlo,DejaVu Sans Mono,Liberation Mono,Consolas,Ubuntu Mono,Courier New,andale mono,lucida console,monospace}.post-full-content h4{font-size:2.4rem}.avatar img{border-radius:10px}.kg-image-card figcaption{margin-top:10px}.post-full-content p code{word-break:inherit}.post-full-comments{padding:0 170px}@media (max-width:1170px){.post-full-comments{padding:0 11vw}}@media (max-width:800px){.post-full-comments{padding:0 5vw}}@media (max-width:500px){.post-full-comments{padding:30px 0 0}}.post-full-content{padding-bottom:4vw}#isso-thread .textarea-wrapper{margin-bottom:1em}#isso-thread .auth-section{margin-bottom:.7em}.isso-postbox>.form-wrapper>.auth-section .input-wrapper{margin-right:5px!important}.isso-postbox>.form-wrapper>.auth-section .post-action>input{padding:calc(.4em - 1px) calc(.6em - 1px)!important}.isso-postbox>.form-wrapper input[type=checkbox]{margin-right:1em}.isso-comment>div.text-wrapper>.isso-comment-footer,.isso-comment>div.text-wrapper>.text{padding-left:calc(7% + 15px)}#isso-thread>h4{margin-bottom:1em}#isso-thread code{padding:0 5px 2px;font-size:.8em;line-height:1em;font-weight:400!important;background:#e5eff5;border-radius:3px}
/*# sourceMappingURL=custom.css.map */

+ 1
- 1
assets/built/custom.css.map
File diff suppressed because it is too large
View File


+ 23
- 0
assets/css/custom.css View File

@@ -242,3 +242,26 @@ samp {
.isso-postbox > .form-wrapper input[type="checkbox"] {
margin-right: 1em;
}

/* Add some left padding to Isso comment text and reply button to match avatar width */

.isso-comment > div.text-wrapper > .isso-comment-footer,
.isso-comment > div.text-wrapper > .text {
padding-left: calc(7% + 15px);
}

/* Add some margin between the number of Isso comments and the form */

#isso-thread > h4 {
margin-bottom: 1em;
}

/* Add Ghost-like look to inline code in Isso comments */
#isso-thread code {
padding: 0 5px 2px;
font-size: 0.8em;
line-height: 1em;
font-weight: 400 !important;
background: #e5eff5;
border-radius: 3px;
}

Loading…
Cancel
Save