From 31297b7e5adfda0def68ac848c4e81789c7278b2 Mon Sep 17 00:00:00 2001
From: Brandon Boswell <brandonkboswell@gmail.com>
Date: Sun, 13 Feb 2022 03:35:03 +0000
Subject: [PATCH] Added to the Showcase
---
assets/base.scss | 38 ++++++++++++++++++++++++++++++++++----
1 files changed, 34 insertions(+), 4 deletions(-)
diff --git a/assets/base.scss b/assets/base.scss
index c4447ee..1ed1dff 100644
--- a/assets/base.scss
+++ b/assets/base.scss
@@ -179,8 +179,7 @@
font-family: Source Sans Pro;
font-weight: 600;
- // internal link
- &[href^="./"], &[href^="/"] {
+ &.internal-link {
text-decoration: none;
background-color: transparentize(#8f9fa9, 0.85);
padding: 0 0.1em;
@@ -276,6 +275,7 @@
.page-end {
display: flex;
flex-direction: row;
+ gap: 2em;
@media all and (max-width: 780px) {
flex-direction: column;
@@ -289,7 +289,6 @@
& > ul {
list-style: none;
padding-left: 0;
- margin-right: 2em;
& > li {
margin: 0.5em 0;
@@ -463,4 +462,35 @@
opacity: 0.6;
}
}
-}
\ No newline at end of file
+}
+
+.popover {
+ z-index: 999;
+ position: absolute;
+ width: 15em;
+ display: inline;
+ background-color: var(--light);
+ padding: 1em;
+ border: 1px solid var(--outlinegray);
+ border-radius: 5px;
+ transform: translate(-50%, 40%);
+ opacity: 0;
+ pointer-events: none;
+ transition: opacity 0.2s ease, transform 0.2s ease;
+ transition-delay: 0.3s;
+ user-select: none;
+
+ &.visible {
+ opacity: 1;
+ transform: translate(-50%, 20%);
+ }
+
+ & > h3 {
+ margin: 0.5em 0;
+ }
+
+ & > p {
+ margin: 0;
+ font-weight: 400;
+ }
+}
--
Gitblit v1.10.0