git.iko.soy/webring
on master help sign in
add in better styling for mobile which also simplifies css
ec6e431christopher.kipp
links/main.css+2−6
compare with master
unifiedsplit
@@ -8,12 +8,8 @@ body div p a { text-decoration: underline;}
8body div p a:hover { text-decoration: underline; }
8body div p a:hover { text-decoration: underline; }
9body div p b { font-weight: normal; font-family: 'input_mono_medium' }
9body div p b { font-weight: normal; font-family: 'input_mono_medium' }
10body div p.readme { max-width:500px; }
10body div p.readme { max-width:500px; }
11−body div ul { display:block; max-width: 800px; columns:3; border-bottom: 2px solid white;padding-bottom: 15px;margin-bottom:15px; overflow: hidden;}
11+body div ul { display:flex; flex-wrap:wrap; max-width: 800px; border-bottom: 2px solid white;padding-bottom: 15px;margin-bottom:15px; overflow: hidden;}
12body div ul li { width: 22em; display:block; padding-left:5px; overflow: hidden; text-overflow: ellipsis; }
12body div ul li { width: 22em; display:block; padding-left:5px; overflow: hidden; text-overflow: ellipsis; }
13−body div ul li a { line-height: 20px; display: inline-block; padding:0px 5px; text-decoration: none;}
13+body div ul li a { line-height: 20px; padding:0px 5px; text-decoration: none;}
14body div ul li a:visited { color:#ccc; text-decoration: none;}
14body div ul li a:visited { color:#ccc; text-decoration: none;}
15body div ul li a:hover { text-decoration: underline; }
15body div ul li a:hover { text-decoration: underline; }
16−
17−@media (max-width: 950px){
18− body div ul { columns: 2 }
19−}