jab2870/Website
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Improves styling and adds rss feed

Browse source
This commit is contained in:
Jonathan Hodgson 2020-05-23 14:51:25 +01:00
parent 7135f165e0
commit eea39d661d
3 changed files with 101 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

64
assets/css/main.less
View file

@ -67,12 +67,16 @@
html{
background-color: @gb-dm-bg0;
scrollbar-color: @gb-dm-fg3 transparent;
scrollbar-width: thin;
}
body{
background-color: @gb-dm-bg0;
color: @gb-dm-fg0;
margin: 0;
scrollbar-color: @gb-dm-fg3 transparent;
scrollbar-width: thin;
}
.container{
@ -102,9 +106,27 @@ main{
}
}
pre{
overflow: auto;
h2{
text-decoration: underline;
&:not(:first-child){
margin-top: 2em;
}
}
h3{
color: @gb-dm-fg3;
}
p{
line-height: 1.3em;
}
li{
margin: 0.5em 0;
}
//pre{
// overflow: auto;
//}
article{
background-color: @gb-dm-bg1;
@ -178,10 +200,16 @@ a:active, a:hover{
// margin-bottom: 0;
//}
p code{
p code, li code{
display: inline-block;
background-color: @gb-dm-bg2;
padding: .2em;
padding: 0 0.3em;
border-radius: 1em;
box-shadow: 0px 0px 1px 0px @gb-dm-dark-red;
transition: box-shadow .2s ease;
&:hover{
box-shadow: 0px 0px 1px 0px @gb-dm-dark-green;
}
}
@ -198,11 +226,29 @@ pre > code.sourceCode { white-space: pre; position: relative; }
pre > code.sourceCode > span { display: inline-block; line-height: 1.25; }
pre > code.sourceCode > span:empty { height: 1.2em; }
code.sourceCode > span { color: inherit; text-decoration: inherit; }
div.sourceCode { margin: 1em 0; }
pre.sourceCode { margin: 0; }
@media screen {
div.sourceCode { overflow: auto; }
div.sourceCode, article > pre {
margin: 1em 0;
padding: 0;
background-color: @gb-dm-bg0-hard;
border-radius: 1em;
box-shadow: 0px 0px 1px 0px @gb-dm-dark-red;
transition: box-shadow .2s ease;
overflow: hidden;
&:hover{
box-shadow: 0px 0px 1px 0px @gb-dm-dark-green;
}
pre.sourceCode{
padding: 1em;
margin: 0;
overflow: auto;
scrollbar-width: thin;
}
}
article>pre{
padding: 1em;
overflow: auto;
}
pre.sourceCode { margin: 0; }
@media print {
pre > code.sourceCode { white-space: pre-wrap; }
pre > code.sourceCode > span { text-indent: -5em; padding-left: 5em; }
@ -240,7 +286,7 @@ code span.cn { color: #880000; } /* Constant */
code span.co { color: #60a0b0; font-style: italic; } /* Comment */
code span.cv { color: #60a0b0; font-weight: bold; font-style: italic; } /* CommentVar */
code span.do { color: #ba2121; font-style: italic; } /* Documentation */
code span.dt { color: #902000; } /* DataType */
code span.dt { color: @gb-dm-dark-red; } /* DataType */
code span.dv { color: #40a070; } /* DecVal */
code span.er { color: #ff0000; font-weight: bold; } /* Error */
code span.ex { color: @gb-dm-dark-blue; } /* Extension */