web: a few responsive tweaks

This commit is contained in:
William Casarin 2022-11-12 14:41:42 -08:00
parent ddee626bf5
commit c9a46b48fd
2 changed files with 10 additions and 2 deletions

View file

@ -1,4 +1,11 @@
@media (max-width: 800px){
:root {
--fsSmall: 10px;
--fsNormal: 14px;
--fsReduced: 12px;
--fsEnlarged: 16px;
}
/* Utility */
.vertical-hide {
display: none;
@ -16,6 +23,7 @@
/* Navigation */
#nav {
flex-flow: row;
border-top: 1px solid var(--clrBorder);
border-right: none;
}
#nav > * {

View file

@ -4,8 +4,8 @@
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Damus</title>
<link rel="stylesheet" href="css/styles.css?v=109">
<link rel="stylesheet" href="css/responsive.css?v=1">
<link rel="stylesheet" href="css/styles.css?v=115">
<link rel="stylesheet" href="css/responsive.css?v=3">
<link rel="stylesheet" href="css/damus.css?v=211">
<link rel="stylesheet" href="css/fontawesome.css?v=2">
<script defer src="js/ui/util.js?v=1"></script>