startpage

commit 4d6e10230b93729615df2eb98425c4c57c2e22b3
parent d02dd85d140ada6bac0bb3723d39430ad2b1c489
Author: breadcat <breadcat@users.noreply.github.com>
Date:   Wed, 27 Apr 2022 22:16:17 +0100

Use rem instead of px for CSS

Diffstat:
M
index.html
 | 
8
++++----

1 file changed, 4 insertions(+), 4 deletions(-)
diff --git a/index.html b/index.html
@@ -9,15 +9,15 @@
 		*{margin:0;padding:0;border:0;outline:0;font-family:monospace;font-size:1rem}
 		body{overflow:hidden;background-color:var(--main-bg-color)}
 		div#introduction p{width:56vw;margin:auto;color:var(--text-color);margin-top:10%}
-		#screen{width:56vw;box-shadow:1px 1px 10px;border-radius:4px;padding:1.5em 0;background-color:var(--prompt-bg-color);margin:auto;margin-top:2rem;margin-bottom:2rem}
-		#input{padding-left:20px;padding-right:10px;color:var(--input-color)}
+		#screen{width:56vw;box-shadow:0.1rem 0.1rem 0.7rem;border-radius:0.3rem;padding:1.5em 0;background-color:var(--prompt-bg-color);margin:auto;margin-top:2rem;margin-bottom:2rem}
+		#input{padding-left:1.3rem;padding-right:0.7rem;color:var(--input-color)}
 		#input p{display:inline-block}
 		input{background-color:var(--prompt-bg-color);color:var(--input-color);width:90%}
 		#bookmark-filter{width:56vw;margin:auto;position:relative;max-height:16rem;overflow:hidden;position:relative}
 		#bookmark-filter:before{content:'';width:100%;height:16rem;position:absolute;background:linear-gradient(to bottom,transparent,var(--main-bg-color));pointer-events:none;}
 		#bookmarks{list-style-type:none;padding:0;margin:0}
-		#bookmarks li{margin:5px 15px 5px 0;float:left}
-		#bookmarks li a{color:var(--text-color);padding:6px;text-decoration:none}
+		#bookmarks li{margin:0.3rem 1rem 0.3rem 0;float:left}
+		#bookmarks li a{color:var(--text-color);padding:0.4rem;text-decoration:none}
 		#bookmarks li a:focus, #bookmarks li a:hover{text-shadow: 2px 2px 8px #fff; text-decoration:underline}
 	</style>
 </head>