diff options
| author | Factiven <[email protected]> | 2023-05-01 01:24:24 +0700 |
|---|---|---|
| committer | GitHub <[email protected]> | 2023-05-01 01:24:24 +0700 |
| commit | f026ac4ffc988c6de085a14e0eb0dc28fffe5482 (patch) | |
| tree | 7fa872b8d6dd3cc3c93c7a53f4475ad7b9db7a0a /styles | |
| parent | Merge branch 'pre-production' into main (diff) | |
| parent | Update v3.5 (diff) | |
| download | moopa-f026ac4ffc988c6de085a14e0eb0dc28fffe5482.tar.xz moopa-f026ac4ffc988c6de085a14e0eb0dc28fffe5482.zip | |
Update v3.5
Diffstat (limited to 'styles')
| -rw-r--r-- | styles/globals.css | 46 |
1 files changed, 46 insertions, 0 deletions
diff --git a/styles/globals.css b/styles/globals.css index ff7a1bb..9e1e6a4 100644 --- a/styles/globals.css +++ b/styles/globals.css @@ -203,3 +203,49 @@ button { transform: translate(24px, 0); } } + +/* Add this CSS to your global styles or a component-specific CSS file */ +pre { + color: #f8f8f2; + font-family: "Fira Code", monospace; + font-size: 14px; + line-height: 1.5; + padding: 1rem; + margin: 1rem 0; + @apply bg-[#191c24]; +} + +pre code { + display: block; +} + +.language-javascript { + color: #f8f8f2; +} + +.language-html { + color: #e6db74; +} + +.language-bash { + color: #89b482; +} + +.hover-parent:hover .hover-child { + display: block; +} + +.hover-child { + display: none; +} + +.hover-child:hover { + display: none; +} + +.grid-container { + display: grid; + grid-template-columns: repeat(5, 1fr); + grid-gap: 1rem; + padding: 1rem; +} |