deblan/deblan.io-murph
deblan/deblan.io-murph
1
0
Fork 0
Code Issues Pull requests 1 Projects Releases Wiki Activity

change ui of codes

Browse source
This commit is contained in:
Simon Vieille 2022-10-09 15:34:29 +02:00
parent 9e96618d21
commit 23af3dc717
Signed by: deblan
GPG key ID: 579388D585F70417
2 changed files with 19 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
assets/css/app.scss
View file

@ -108,7 +108,12 @@ a:focus .logo-svg * {
} }
pre[class*="language-"] { pre[class*="language-"] {
border-radius: 0 !important; border-radius: 15px !important;
&.with-title {
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
}
} }
.blog { .blog {
@ -481,7 +486,12 @@ pre[class*="language-"] {
&[class*="language-"] { &[class*="language-"] {
padding-bottom: 10px; padding-bottom: 10px;
padding-top: 10px; padding-top: 10px;
border: 1px solid #3c3c3c; border: 1px solid $color-code-border;
overflow: hidden;
&:hover {
overflow: auto;
}
} }
} }
} }
@ -623,12 +633,14 @@ pre[class*="language-"] {
} }
.code-window { .code-window {
height: 30px; height: 50px;
background: $color-code-title-background url('../images/window.svg') no-repeat center right; background: $color-code-title-background url('../images/window.svg') no-repeat center right;
padding-left: 15px; padding-left: 15px;
font-family: Monospace; font-family: Monospace;
color: #ccc; color: #ccc;
line-height: 30px; line-height: 50px;
border-top-left-radius: 1rem;
border-top-right-radius: 1rem;
} }
.body-content { .body-content {

6
assets/css/app/config.scss
View file

@ -34,12 +34,12 @@ $color-content-background: $color-white;
$content-max-width: 1250px; $content-max-width: 1250px;
/* GIST compatiblity */ /* GIST compatiblity */
$color-code-border: #3c3c3c; $color-code-border: #1d2231;
$color-code-background: #222222; $color-code-background: #222222;
$color-code-text: #f8f8f2; $color-code-text: #f8f8f2;
$color-code-mark-background: $color-light-blue; $color-code-mark-background: $color-light-blue;
$color-code-title-background: #3c3c3c; $color-code-title-background: #1d2231;
$color-code-title-text: #999; $color-code-title-text: #e0e0e0;
/* --- */ /* --- */
:root { :root {