Add Algolia search

This commit is contained in:
Matthew Holt 2020-03-26 12:57:10 -06:00
parent 1d696eb4de
commit 208c48130d
No known key found for this signature in database
GPG key ID: 2A349DD577D586A5
7 changed files with 45 additions and 180 deletions

View file

@ -5,7 +5,7 @@
}
body {
font-family: Maven Pro, sans-serif;
font-family: Inter, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
tab-size: 4;
@ -62,7 +62,8 @@ header nav {
line-height: 40px;
}
header nav a {
header nav > a {
display: inline-block;
padding-left: 10px;
padding-right: 10px;
@ -70,19 +71,33 @@ header nav a {
color: inherit;
}
header nav a:hover {
header nav > a:hover {
color: #ff3f2c;
}
header nav a.current {
header nav > a.current {
font-weight: bold;
}
/* Algolia search */
#search {
border-radius: 5px;
border: 1px solid rgba(0, 0, 0, .2);
font-size: 14px;
padding: 8px;
background: none;
width: 150px;
max-width: 100%;
margin-right: 20px;
}
/* End Algolia search */
header nav .button {
margin: 0 0 0 10px;
padding-top: 2px;
padding-bottom: 2px;
}
}
.button {
border-radius: 2em;
@ -198,176 +213,3 @@ footer > div {
text-align: center;
}
}
/* font resources */
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 100;
font-display: swap;
src: url("/resources/fonts/Inter-Thin-BETA.woff2") format("woff2"),
url("/resources/fonts/Inter-Thin-BETA.woff") format("woff");
}
@font-face {
font-family: 'Inter';
font-style: italic;
font-weight: 100;
font-display: swap;
src: url("/resources/fonts/Inter-ThinItalic-BETA.woff2") format("woff2"),
url("/resources/fonts/Inter-ThinItalic-BETA.woff") format("woff");
}
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 200;
font-display: swap;
src: url("/resources/fonts/Inter-ExtraLight-BETA.woff2") format("woff2"),
url("/resources/fonts/Inter-ExtraLight-BETA.woff") format("woff");
}
@font-face {
font-family: 'Inter';
font-style: italic;
font-weight: 200;
font-display: swap;
src: url("/resources/fonts/Inter-ExtraLightItalic-BETA.woff2") format("woff2"),
url("/resources/fonts/Inter-ExtraLightItalic-BETA.woff") format("woff");
}
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url("/resources/fonts/Inter-Light-BETA.woff2") format("woff2"),
url("/resources/fonts/Inter-Light-BETA.woff") format("woff");
}
@font-face {
font-family: 'Inter';
font-style: italic;
font-weight: 300;
font-display: swap;
src: url("/resources/fonts/Inter-LightItalic-BETA.woff2") format("woff2"),
url("/resources/fonts/Inter-LightItalic-BETA.woff") format("woff");
}
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("/resources/fonts/Inter-Regular.woff2") format("woff2"),
url("/resources/fonts/Inter-Regular.woff") format("woff");
}
@font-face {
font-family: 'Inter';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url("/resources/fonts/Inter-Italic.woff2") format("woff2"),
url("/resources/fonts/Inter-Italic.woff") format("woff");
}
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url("/resources/fonts/Inter-Medium.woff2") format("woff2"),
url("/resources/fonts/Inter-Medium.woff") format("woff");
}
@font-face {
font-family: 'Inter';
font-style: italic;
font-weight: 500;
font-display: swap;
src: url("/resources/fonts/Inter-MediumItalic.woff2") format("woff2"),
url("/resources/fonts/Inter-MediumItalic.woff") format("woff");
}
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url("/resources/fonts/Inter-SemiBold.woff2") format("woff2"),
url("/resources/fonts/Inter-SemiBold.woff") format("woff");
}
@font-face {
font-family: 'Inter';
font-style: italic;
font-weight: 600;
font-display: swap;
src: url("/resources/fonts/Inter-SemiBoldItalic.woff2") format("woff2"),
url("/resources/fonts/Inter-SemiBoldItalic.woff") format("woff");
}
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url("/resources/fonts/Inter-Bold.woff2") format("woff2"),
url("/resources/fonts/Inter-Bold.woff") format("woff");
}
@font-face {
font-family: 'Inter';
font-style: italic;
font-weight: 700;
font-display: swap;
src: url("/resources/fonts/Inter-BoldItalic.woff2") format("woff2"),
url("/resources/fonts/Inter-BoldItalic.woff") format("woff");
}
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 800;
font-display: swap;
src: url("/resources/fonts/Inter-ExtraBold.woff2") format("woff2"),
url("/resources/fonts/Inter-ExtraBold.woff") format("woff");
}
@font-face {
font-family: 'Inter';
font-style: italic;
font-weight: 800;
font-display: swap;
src: url("/resources/fonts/Inter-ExtraBoldItalic.woff2") format("woff2"),
url("/resources/fonts/Inter-ExtraBoldItalic.woff") format("woff");
}
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 900;
font-display: swap;
src: url("/resources/fonts/Inter-Black.woff2") format("woff2"),
url("/resources/fonts/Inter-Black.woff") format("woff");
}
@font-face {
font-family: 'Inter';
font-style: italic;
font-weight: 900;
font-display: swap;
src: url("/resources/fonts/Inter-BlackItalic.woff2") format("woff2"),
url("/resources/fonts/Inter-BlackItalic.woff") format("woff");
}