💻 Make the whole page dark, except for the main content

This commit is contained in:
Dan Jones 2018-02-07 17:57:40 +00:00
commit fa71a52947
2 changed files with 8 additions and 2 deletions

View file

@ -33,6 +33,12 @@
}
}
.bg-white {
p, header {
color: $black;
}
}
dl {
& > dt + dd, & > dd + dd {
padding-left: 1em;

View file

@ -7,7 +7,7 @@
<meta http-equiv="X-Clacks-Overhead" content="GNU Terry Pratchett" />
</head>
<body {% if page.id %}id="page-{{ page.id }}"{% endif %}>
<body {% if page.id %}id="page-{{ page.id }}"{% endif %} class="bg-dark">
<section class="container-fluid primary-container">
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<a class="navbar-brand" href="{{ site.baseurl }}/">{{ site.name }}</a>
@ -59,7 +59,7 @@
{% endif %}
</div>
<main class="order-1 order-md-2 col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<main class="bg-white order-1 order-md-2 col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
<section class="entry-content container-fluid">
{% if page.title %}
<header class="entry-header">