change ui of codes
This commit is contained in:
parent
9e96618d21
commit
23af3dc717
|
@ -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 {
|
||||
|
|
|
@ -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 {
|
||||
|
|
Loading…
Reference in a new issue