diff options
author | hellekin <how@cepheide.org> | 2023-11-07 17:51:28 +0100 |
---|---|---|
committer | hellekin <how@cepheide.org> | 2023-11-07 17:51:36 +0100 |
commit | 386d8a0987b8e65352222b5f81a0c13eb86d993a (patch) | |
tree | 78c2d20661dcdd3492489054977ad3f337ad3120 | |
parent | 4a3329c60a909d2b79f3a68af10a8f42492a80e6 (diff) | |
download | lesoiseaux.io-386d8a0987b8e65352222b5f81a0c13eb86d993a.tar.gz |
Prepare CSS for icons and extra navigation related to bookstore
-rw-r--r-- | assets/scss/_header-nav.scss | 31 | ||||
-rw-r--r-- | assets/scss/_icons.scss | 4 |
2 files changed, 35 insertions, 0 deletions
diff --git a/assets/scss/_header-nav.scss b/assets/scss/_header-nav.scss new file mode 100644 index 0000000..49e9d86 --- /dev/null +++ b/assets/scss/_header-nav.scss @@ -0,0 +1,31 @@ +article > header > nav { + margin: 0 auto; + + ul { + list-style: none; + margin: 1rem auto; + padding: 0; + display: flex; + width: 100%; + + li { + margin: 0 auto; + padding: 0.5rem; + flex: 1; + text-align: center; + border: 1px solid; + width: 12rem; + + a { + display: inline-block; + position: relative; + width: 100%; + height: 100%; + } + } + } +} + +body.txt article > header > nav a { + background-color: $bg-txt-on; +} diff --git a/assets/scss/_icons.scss b/assets/scss/_icons.scss new file mode 100644 index 0000000..ca44689 --- /dev/null +++ b/assets/scss/_icons.scss @@ -0,0 +1,4 @@ +a[href~=*.rss] { + background: url(../img/rss.svg) left top/1rem no-repeat; + padding-left: 1rem; +} |