change ui of codes

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

View file

@ -108,7 +108,12 @@ a:focus .logo-svg * {
}
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 {
@ -481,7 +486,12 @@ pre[class*="language-"] {
&[class*="language-"] {
padding-bottom: 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 {
height: 30px;
height: 50px;
background: $color-code-title-background url('../images/window.svg') no-repeat center right;
padding-left: 15px;
font-family: Monospace;
color: #ccc;
line-height: 30px;
line-height: 50px;
border-top-left-radius: 1rem;
border-top-right-radius: 1rem;
}
.body-content {

View file

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