Add Barlow as main site font.
This commit is contained in:
parent
f31d8a7c21
commit
fb2ca4722b
Binary file not shown.
Binary file not shown.
|
@ -1,3 +1,13 @@
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Barlow';
|
||||||
|
src: url('/static/fonts/Barlow-Regular.ttf');
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: 'BarlowMedium';
|
||||||
|
src: url('/static/fonts/Barlow-Medium.ttf');
|
||||||
|
}
|
||||||
|
|
||||||
html {
|
html {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
@ -39,15 +49,21 @@ h1:hover span.logo.right {
|
||||||
|
|
||||||
body {
|
body {
|
||||||
background-color: #f0f0f0;
|
background-color: #f0f0f0;
|
||||||
line-height: 200%;
|
line-height: 180%;
|
||||||
|
font-size: 110%;
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
font-family: sans-serif;
|
font-family: 'Barlow', sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
strong {
|
||||||
|
font-family: 'BarlowMedium', sans-serif;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1, h2 {
|
h1, h2 {
|
||||||
|
font-family: 'BarlowMedium', sans-serif;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -67,10 +83,11 @@ h2 {
|
||||||
}
|
}
|
||||||
|
|
||||||
label {
|
label {
|
||||||
font-family: /*'Source Sans Pro', TODO: Host or link this */ sans-serif;
|
font-family: 'Barlow', /*'Source Sans Pro', TODO: Host or link this */ sans-serif;
|
||||||
/* font-weight: bold; Re-enable with above font */
|
/* font-weight: bold; Re-enable with above font */
|
||||||
font-size: 100%;
|
font-size: 100%;
|
||||||
color: #777;
|
font-weight: 500;
|
||||||
|
color: #505050;
|
||||||
padding: 0.15em 0.5em;
|
padding: 0.15em 0.5em;
|
||||||
transition-property: color, background-color;
|
transition-property: color, background-color;
|
||||||
transition-duration: 135ms;
|
transition-duration: 135ms;
|
||||||
|
@ -83,7 +100,7 @@ label:hover {
|
||||||
}
|
}
|
||||||
|
|
||||||
input, textarea {
|
input, textarea {
|
||||||
font-family: sans-serif;
|
font-family: 'Barlow', sans-serif;
|
||||||
}
|
}
|
||||||
|
|
||||||
select {
|
select {
|
||||||
|
@ -203,7 +220,7 @@ textarea {
|
||||||
|
|
||||||
.wipe {
|
.wipe {
|
||||||
padding: 10px 25px;
|
padding: 10px 25px;
|
||||||
font-family: "Roboto", sans-serif;
|
font-family: 'Barlow', "Roboto", sans-serif;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
background: black;
|
background: black;
|
||||||
outline: none !important;
|
outline: none !important;
|
||||||
|
@ -254,8 +271,9 @@ textarea {
|
||||||
line-height: 100%;
|
line-height: 100%;
|
||||||
}
|
}
|
||||||
input {
|
input {
|
||||||
font-size: 150%;
|
font-size: 115%;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
padding: 0.3em;
|
||||||
}
|
}
|
||||||
.letter-form {
|
.letter-form {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
Loading…
Reference in New Issue