nav and font stuff
This commit is contained in:
parent
dd4431aaa3
commit
7c59472883
1
client/assets/styles/skeleton.css
vendored
1
client/assets/styles/skeleton.css
vendored
@ -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;
|
||||||
|
|||||||
@ -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 {
|
||||||
|
|||||||
@ -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>
|
||||||
|
|||||||
@ -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}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user