counsel
Version:
the end of boilerplate. automatically bake structure, opinions, and business rules into projects
120 lines (103 loc) • 1.65 kB
CSS
:root {
--bg-color: white; /* rgba(255, 245, 240, 0.6); */
--text-primary-color: #003558;
--text-primary-color-light: #014572;
--text-anchor-color: #0a598c;
}
html, body {
background: var(--bg-color);
box-sizing: border-box;
color: var(--text-primary-color);
margin: 0;
padding: 0;
}
#root {
display: grid;
font-family: 'Ubuntu Mono', sans-serif;
font-size: 120%;
grid-template-areas: "bufl primary nav bufr";
grid-template-columns: 1fr auto auto 1fr;
height: 100vh;
text-align: justify;
width: 100vw;
}
p {
font-family: Helvetica, sans-serif;
}
.gatsby-highlight {
font-size: 80%;
}
#header {
padding: 50px 0 0 0;
}
#header h1 {
margin-bottom: 0;
margin-top: 20px;
}
#header__logo {
width: 100px;
margin: 0;
}
h1 {
font-family: 'Ubuntu Mono', monospace;
font-size: 64px;
}
h1, h2, h3, h4, h5 {
color: #003558;
}
a {
color: var(--text-anchor-color);
text-decoration: none;
}
a:hover {
color: #0a598c;
text-decoration: underline;
}
#primary {
grid-column-start: 2;
max-width: 700px;
padding-right: 20px;
}
#primary img {
max-width: 100%;
}
#nav-menu {
font-size: 130%;
grid-column-start: 3;
margin: 0;
width: 160px;
padding: 40px 0 0 10px;
text-align: left;
}
#nav-sticker {
position: sticky;
top: 40px;
}
#nav-menu h3 {
margin: 0;
}
#nav-menu h4,
#nav-menu h5 {
margin: 20px 0 0 0;
}
#nav-menu ul {
list-style: none;
margin: 0;
padding-left: 0;
}
#nav-menu li {
padding-top: 10px;
margin: 0;
}
.nav-depth-2 {
font-size: 90%;
}
.nav-depth-3 {
font-size: 80%;
}
.nav-depth-3 {
font-size: 70%;
}
.nav-depth-4 {
font-size: 60%;
}