vbatts/hugo-theme-hyde-hyde
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

revise styles for pre and code

Browse source
This commit is contained in:
Huy Tran 2018-11-30 08:29:59 +11:00
parent 739f92285b
commit bb60c58e4c
2 changed files with 10 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
assets/scss/hyde-hyde/_code.scss
View file

@ -15,14 +15,13 @@ pre {
%code-font {
font-family: $code-font-family;
font-size: $code-font-size;
//line-height: $code-line-height;
}
%code-in-rounded-box {
border-radius: 4px;
padding: 2px 4px;
color: $code-color;
background-color: $code-background-color;
color: #bf616a;
background-color: #f9f2f4;
}
%code-style-codersblock {
@ -32,9 +31,8 @@ pre {
}
%code-style-npf {
padding: .25em .5em;
color: #bf616a;
background-color: #f9f9f9;
padding: .1em .1em;
color: #ab5979;
border-radius: 3px;
}
@ -43,11 +41,6 @@ a {
color: $link-color;
}
}
//-code {
// white-space: pre-wrap;
// @extend %code-font;
// @extend %code-in-rounded-box;
//}
code {
@extend %code-font;
@ -56,8 +49,9 @@ code {
// highlight.js
.hljs {
font-family: $code-font-family;
font-size: $code-fence-font-size;
font-weight: 300;
line-height: $root-line-height;
white-space: pre;
border: 1px solid $gray-3;
border-radius: 4px;

8
assets/scss/hyde-hyde/_variables.scss
View file

@ -34,7 +34,7 @@ $body-bg: #fff;
$border-color: #e5e5e5;
$large-breakpoint: 38em;
$large-font-size: 20px;
$large-font-size: 19px;
$font-scale-dot7: .7rem;
$font-scale-dot8: .8rem;
//
@ -44,11 +44,11 @@ $small-device-font-size: $root-font-size;
$large-device-font-size: $large-font-size;
// https://www.client9.com/css-system-font-stack-monospace-v2
$code-font-family: "SF-Mono", "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Roboto Mono", "Ubuntu Mono", "Courier New", Courier, monospace;
$code-font-family: "SFMono-Regular", "SF-Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Roboto Mono", "Ubuntu Mono", "Courier New", Courier, monospace;
$code-font-size: .9rem;
$code-fence-font-size: .8rem;
$code-color: #bf616a;
$code-background-color: #f9f2f4;
//$code-color: #bf616a;
//$code-background-color: #f9f2f4;
$code-line-height: 1.4;
// links