💻 Make the whole page dark, except for the main content
This commit is contained in:
parent
164e39ccf2
commit
fa71a52947
2 changed files with 8 additions and 2 deletions
|
|
@ -33,6 +33,12 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.bg-white {
|
||||||
|
p, header {
|
||||||
|
color: $black;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
dl {
|
dl {
|
||||||
& > dt + dd, & > dd + dd {
|
& > dt + dd, & > dd + dd {
|
||||||
padding-left: 1em;
|
padding-left: 1em;
|
||||||
|
|
|
||||||
|
|
@ -7,7 +7,7 @@
|
||||||
<meta http-equiv="X-Clacks-Overhead" content="GNU Terry Pratchett" />
|
<meta http-equiv="X-Clacks-Overhead" content="GNU Terry Pratchett" />
|
||||||
</head>
|
</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">
|
<section class="container-fluid primary-container">
|
||||||
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
|
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
|
||||||
<a class="navbar-brand" href="{{ site.baseurl }}/">{{ site.name }}</a>
|
<a class="navbar-brand" href="{{ site.baseurl }}/">{{ site.name }}</a>
|
||||||
|
|
@ -59,7 +59,7 @@
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</div>
|
</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">
|
<section class="entry-content container-fluid">
|
||||||
{% if page.title %}
|
{% if page.title %}
|
||||||
<header class="entry-header">
|
<header class="entry-header">
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue