hugo-theme-hyde-hyde/assets/scss/hyde-hyde/_code.scss
2018-10-09 23:52:08 -05:00

59 lines
976 B
SCSS

pre {
//border: 1px solid $gray-1;
//border-radius: 2px;
tab-size: 2;
//width: 111%;
//margin-left: -11%;
//padding-left: 9%;
//padding-right: 2%;
//background: #29292e;
code {
white-space: pre-wrap;
}
}
%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;
}
%code-style-codersblock {
padding: 2px 4px;
border: 1px dotted #adb5db;
background-color: $gray-1;
}
%code-style-npf {
padding: .25em .5em;
color: #bf616a;
background-color: #f9f9f9;
border-radius: 3px;
}
//-code {
// white-space: pre-wrap;
// @extend %code-font;
// @extend %code-in-rounded-box;
//}
code {
@extend %code-font;
@extend %code-style-npf;
}
// highlight.js
.hljs {
font-size: $code-fence-font-size;
font-weight: 300;
white-space: pre;
border: 1px solid $gray-3;
border-radius: 4px;
}