mirror of
https://github.com/treffynnon/sqlstyle.guide.git
synced 2025-03-09 12:49:51 -05:00
Add some styling to the guide
This commit is contained in:
parent
d71aa10106
commit
daeb0527e1
3 changed files with 41 additions and 5 deletions
|
@ -5,12 +5,14 @@
|
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||
<title>{{ site.name }}</title>
|
||||
|
||||
<link href="http://fonts.googleapis.com/css?family=PT+Sans|Roboto+Slab|Droid+Sans+Mono" rel="stylesheet" type="text/css">
|
||||
<link rel="stylesheet" href="style.css">
|
||||
</head>
|
||||
<body>
|
||||
{% include head.html %}
|
||||
{{ content }}
|
||||
<div id="content">
|
||||
{{ content }}
|
||||
</div>
|
||||
{% include foot.html %}
|
||||
<script src="scripts.js"></script>
|
||||
</body>
|
||||
|
|
|
@ -6,4 +6,4 @@ layout: nil
|
|||
hljs.initHighlightingOnLoad();
|
||||
|
||||
{% include anchor.min.js %}
|
||||
anchors.add();
|
||||
anchors.add('h2,h3,h4,h5,h6');
|
38
style.css
38
style.css
|
@ -20,7 +20,7 @@ html {
|
|||
body {
|
||||
margin: 0;
|
||||
font: 1rem/1.5 "PT Sans", sans-serif;
|
||||
color: #5a5a5a;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
/*
|
||||
|
@ -30,7 +30,41 @@ End styles from codeguide.co by @mdo
|
|||
*/
|
||||
|
||||
|
||||
|
||||
|
||||
#content {
|
||||
padding: 2% 10%;
|
||||
max-width: 48em;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-family: 'Roboto Slab', serif;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-family: 'Roboto Slab', sans-serif;
|
||||
font-weight: 400;
|
||||
border-bottom: 0.25em solid #e2e2e2;
|
||||
padding-bottom: 0.3em;
|
||||
}
|
||||
|
||||
h3:before {
|
||||
content: '➤';
|
||||
width: 1.5em;
|
||||
display: inline-block;
|
||||
margin-left: -1.5em;
|
||||
color: #f46801;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
/* Syntax highlighting */
|
||||
code {
|
||||
font-family: 'Droid Sans Mono', monospace;
|
||||
font-size: 0.825em;
|
||||
color: #666;
|
||||
}
|
||||
pre code {
|
||||
max-height: 450px;
|
||||
overflow-y: auto;
|
||||
|
@ -39,5 +73,5 @@ pre code {
|
|||
{% include highlight.hybrid.css %}
|
||||
|
||||
.anchorjs-link {
|
||||
color: #FF5231;
|
||||
color: #f46801;
|
||||
}
|
Loading…
Reference in a new issue