Add background color and padding to content nav

This commit is contained in:
Helen Chong 2024-04-18 15:15:48 +08:00
parent d22a5d28c2
commit dc6308d4ba
1 changed files with 3 additions and 2 deletions

View File

@ -1,6 +1,6 @@
<aside class="right-sidebar"> <aside class="right-sidebar">
<nav class="content__nav sidebar--sticky"> <nav class="content__nav sidebar--sticky">
<h2 class="content__nav--title">Content Index</h2> <h2 class="content__nav--title">My Contents</h2>
<ul class="content__nav--links"> <ul class="content__nav--links">
{% for archive in collections.archive %} {% for archive in collections.archive %}
<li><a href="{{ archive.url }}">{{ archive.data.title }}</a></li> <li><a href="{{ archive.url }}">{{ archive.data.title }}</a></li>
@ -15,7 +15,8 @@
<style> <style>
.content__nav { .content__nav {
padding-left: 0.5em; padding: 1.2em clamp(1em, 5%, 1.5em);
background-color: var(--clr-content-bg);
} }
.content__nav--title { .content__nav--title {