From 4aed6ea63ae93704b5d4cc07b528a0dd70a5d752 Mon Sep 17 00:00:00 2001 From: Craig Jennings Date: Sun, 24 Mar 2024 14:41:32 -0500 Subject: initial commit; forked from https://github.com/Yukuro/hugo-theme-shell --- assets/sass/default.scss | 76 ++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 76 insertions(+) create mode 100644 assets/sass/default.scss (limited to 'assets/sass/default.scss') diff --git a/assets/sass/default.scss b/assets/sass/default.scss new file mode 100644 index 0000000..eadf98c --- /dev/null +++ b/assets/sass/default.scss @@ -0,0 +1,76 @@ +@import url("https://fonts.googleapis.com/css2?family=Inconsolata&display=swap"); + +:root { + --cursor-visibility: hidden; +} + +html, +body { + width: 100%; + height: 100%; + overflow: auto; + + font-family: "Inconsolata", monospace; + font-size: 4vmin; + line-height: 4.1vmin; + font-weight: normal; +} + +body { + margin: 0; + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; +} + +#content { + min-width: 82vmin; + min-height: 82vmin; +} + +::-webkit-scrollbar { + width: 10px; +} +::-webkit-scrollbar-track { + border-radius: 10px; + box-shadow: inset 0 0 1px white; +} +::-webkit-scrollbar-thumb { + border-radius: 10px; + box-shadow: 0 0 0 1px white; +} + +.cursor { + visibility: var(--cursor-visibility); + content: "|"; + overflow: hidden; + color: white; + animation: blink 500ms linear infinite alternate; +} + +#cd, #whoami, #cat, #tree { + &:after { + @extend .cursor; + } +} + +@keyframes blink { + 0% { + opacity: 0; + } + 100% { + opacity: 1; + } +} + +@media only screen and (min-width: 768px) { + body { + font-size: 2.5vmin; + line-height: 2.6vmin; + } + + #content { + min-width: 60vmin; + } +} -- cgit v1.2.3