website/Website/wwwroot/css/blog.less

149 lines
1.7 KiB
Text

@import "colours.less";
code {
background: #fff;
border-radius: 4px;
margin-bottom: 10px;
overflow: auto;
padding: 6px;
margin: 0;
tab-size: 4;
-moz-tab-size: 4;
}
.image {
padding: 5px;
background: @control2;
display: inline-block;
text-align: center;
max-width: 100%;
img {
display: block;
}
span {
font-size: 0.8em;
}
}
.blog-navigation {
display: flex;
justify-content: space-between;
&__next {
margin-left: auto;
}
}
.edit-form {
&__title {
display: flex;
&__label {
flex: 0 0 auto;
margin-right: 5px;
}
&__input {
flex: 1 1 auto;
}
}
}
.post-list {
border-collapse: collapse;
&__post:hover {
background: @Grey-300;
}
}
/**
* Obsidian style
* ported by Alexander Marenin (http://github.com/ioncreature)
*/
.hljs {
display: block;
overflow-x: auto;
padding: 0.5em;
background: #282b2e;
}
.hljs-keyword,
.hljs-selector-tag,
.hljs-literal,
.hljs-selector-id {
color: #93c763;
}
.hljs-number {
color: #ffcd22;
}
.hljs {
color: #e0e2e4;
}
.hljs-attribute {
color: #668bb0;
}
.hljs-code,
.hljs-class .hljs-title,
.hljs-section {
color: white;
}
.hljs-regexp,
.hljs-link {
color: #d39745;
}
.hljs-meta {
color: #557182;
}
.hljs-tag,
.hljs-name,
.hljs-bullet,
.hljs-subst,
.hljs-emphasis,
.hljs-type,
.hljs-built_in,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-addition,
.hljs-variable,
.hljs-template-tag,
.hljs-template-variable {
color: #8cbbad;
}
.hljs-string,
.hljs-symbol {
color: #ec7600;
}
.hljs-comment,
.hljs-quote,
.hljs-deletion {
color: #818e96;
}
.hljs-selector-class {
color: #A082BD
}
.hljs-keyword,
.hljs-selector-tag,
.hljs-literal,
.hljs-doctag,
.hljs-title,
.hljs-section,
.hljs-type,
.hljs-name,
.hljs-strong {
font-weight: bold;
}