nav and font stuff

This commit is contained in:
ntr 2019-06-01 18:14:13 +10:00
parent dd4431aaa3
commit 7c59472883
4 changed files with 4 additions and 5 deletions

View File

@ -120,6 +120,7 @@ html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */ are based on 10px sizing. So basically 1.5rem = 15px :) */
html { html {
font-size: 62.5%; } font-size: 62.5%; }
body { body {
font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */ font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */
line-height: 1.6; line-height: 1.6;

View File

@ -112,8 +112,7 @@ nav button.active {
nav button[disabled], nav button[disabled]:hover { nav button[disabled], nav button[disabled]:hover {
color: #333333; color: #333333;
font-size: 14pt; text-decoration: none;
text-decoration: line-through
} }
nav button:hover, nav button:focus { nav button:hover, nav button:focus {

View File

@ -10,8 +10,7 @@
<meta name="author" content="ntr@smokestack.io"> <meta name="author" content="ntr@smokestack.io">
<link rel="manifest" href="manifest.webmanifest"> <link rel="manifest" href="manifest.webmanifest">
<link rel="stylesheet" href="./node_modules/izitoast/dist/css/iziToast.min.css"></script> <link rel="stylesheet" href="./node_modules/izitoast/dist/css/iziToast.min.css"></script>
<!-- <link href="https://fonts.googleapis.com/css?family=Jura" rel="stylesheet"> --> <link href="https://fonts.googleapis.com/css?family=Jura" rel="stylesheet">
<!-- <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"> -->
<link rel="stylesheet" href="assets/styles/normalize.css"> <link rel="stylesheet" href="assets/styles/normalize.css">
<link rel="stylesheet" href="assets/styles/skeleton.css"> <link rel="stylesheet" href="assets/styles/skeleton.css">
</head> </head>

View File

@ -23,7 +23,7 @@ function renderHeader(args) {
return ( return (
<header> <header>
<h1 className="header-title"> <h1 className="header-title">
<i id="nav-btn" onClick={() => setShowNav(!showNav)} className="fa fa-bars"></i> <span id="nav-btn" onClick={() => setShowNav(!showNav)} ></span>
mnml.gg mnml.gg
</h1> </h1>
{accountStatus} {accountStatus}