web: a few responsive tweaks
This commit is contained in:
parent
ddee626bf5
commit
c9a46b48fd
2 changed files with 10 additions and 2 deletions
|
@ -1,4 +1,11 @@
|
||||||
@media (max-width: 800px){
|
@media (max-width: 800px){
|
||||||
|
:root {
|
||||||
|
--fsSmall: 10px;
|
||||||
|
--fsNormal: 14px;
|
||||||
|
--fsReduced: 12px;
|
||||||
|
--fsEnlarged: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
/* Utility */
|
/* Utility */
|
||||||
.vertical-hide {
|
.vertical-hide {
|
||||||
display: none;
|
display: none;
|
||||||
|
@ -16,6 +23,7 @@
|
||||||
/* Navigation */
|
/* Navigation */
|
||||||
#nav {
|
#nav {
|
||||||
flex-flow: row;
|
flex-flow: row;
|
||||||
|
border-top: 1px solid var(--clrBorder);
|
||||||
border-right: none;
|
border-right: none;
|
||||||
}
|
}
|
||||||
#nav > * {
|
#nav > * {
|
||||||
|
|
|
@ -4,8 +4,8 @@
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
<title>Damus</title>
|
<title>Damus</title>
|
||||||
<link rel="stylesheet" href="css/styles.css?v=109">
|
<link rel="stylesheet" href="css/styles.css?v=115">
|
||||||
<link rel="stylesheet" href="css/responsive.css?v=1">
|
<link rel="stylesheet" href="css/responsive.css?v=3">
|
||||||
<link rel="stylesheet" href="css/damus.css?v=211">
|
<link rel="stylesheet" href="css/damus.css?v=211">
|
||||||
<link rel="stylesheet" href="css/fontawesome.css?v=2">
|
<link rel="stylesheet" href="css/fontawesome.css?v=2">
|
||||||
<script defer src="js/ui/util.js?v=1"></script>
|
<script defer src="js/ui/util.js?v=1"></script>
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue