rob/website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Sort out blog images

Browse source
This commit is contained in:
Robert Marshall 2020-01-04 12:33:18 +00:00
parent e77298ae54
commit b68f7736c8
2 changed files with 147 additions and 111 deletions
Download patch file Download diff file Expand all files Collapse all files

222
Website/wwwroot/css/blog.less
View file

@ -1,29 +1,122 @@
@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;
}
.blog-post {
&__image-container {
max-width: 100%;
padding: 10px;
background: @Grey-200;
display: inline-block;
margin: auto;
text-align: center;
border-radius: 4px;
.image {
padding: 5px;
background: @control2;
display: inline-block;
text-align: center;
max-width: 100%;
&--container{
text-align: center;
}
img {
display: block;
&--image {
max-width: 100%;
}
&--tagline {
margin-top: 10px;
display: block;
}
}
span {
font-size: 0.8em;
code {
border-radius: 4px;
margin-bottom: 10px;
overflow: auto;
padding: 6px;
margin: 0;
tab-size: 4;
-moz-tab-size: 4;
/**
* Obsidian style
* ported by Alexander Marenin (http://github.com/ioncreature)
*/
&.hljs {
display: block;
overflow-x: auto;
padding: 0.5em;
background: #282b2e;
color: #e0e2e4;
}
.hljs-keyword,
.hljs-selector-tag,
.hljs-literal,
.hljs-selector-id {
color: #93c763;
}
.hljs-number {
color: #ffcd22;
}
.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;
}
}
}
@ -58,92 +151,3 @@ code {
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;
}