status-im
/
open-bounty
mirror of https://github.com/status-im/open-bounty.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

Font related css tweaks

This commit is contained in:
Teemu Patja 2017-10-29 11:40:18 +02:00
parent 35a57a59db
commit 249a3cf2b4
No known key found for this signature in database
GPG Key ID: F5B7035E6580FD4C
1 changed files with 27 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
src/less/style.less
View File

@ -1,14 +1,16 @@
@font-face { @font-face {
font-family: 'postgrotesk'; font-family: PostGrotesk-Book;
src: url('/fonts/PostGrotesk-Book.woff') format('woff'); src: url(/fonts/PostGrotesk-Book.woff) format("woff");
font-weight: normal; font-weight: 400;
font-style: normal;
} }
@font-face { @font-face {
font-family: 'postgrotesk-medium'; font-family: PostGrotesk-Medium;
src: url('/fonts/PostGrotesk-Medium.woff') format('woff'); src: url(/fonts/PostGrotesk-Medium.woff) format("woff");
font-weight: normal; font-weight: 400;
font-style: normal;
} }
@ -59,7 +61,7 @@
.logo-header { .logo-header {
color: #fff; color: #fff;
font-family: PostGrotesk; font-family: "PostGrotesk-Medium";
font-size: 21px; font-size: 21px;
font-weight: 500; font-weight: 500;
text-align: left; text-align: left;
@ -68,7 +70,7 @@
.logo-subheader { .logo-subheader {
color: #fff; color: #fff;
opacity: 0.4; opacity: 0.4;
font-family: PostGrotesk; font-family: "PostGrotesk-book";
font-size: 15px; font-size: 15px;
line-height: 1.0; line-height: 1.0;
text-align: left; text-align: left;
@ -93,6 +95,7 @@
border-radius: 10px; border-radius: 10px;
padding: 10px; padding: 10px;
.leader-ordinal { .leader-ordinal {
font-family: "PostGrotesk-Medium";
font-size: 15px; font-size: 15px;
float: none; float: none;
margin-top: 8px; margin-top: 8px;
@ -101,7 +104,11 @@
color: #57a7ed; color: #57a7ed;
} }
.leader-name { .leader-name {
font-family: "PostGrotesk-Medium";
margin-top: 8px; margin-top: 8px;
font-weight: 500;
font-size: 15px;
color: #42505c;
} }
.leader-amount { .leader-amount {
margin-top: 8px; margin-top: 8px;
@ -161,7 +168,7 @@
} }
.ui.menu.transition.visible { .ui.menu.transition.visible {
font-family: 'postgrotesk'; font-family: "PostGrotesk-Book";
font-size: 1em; font-size: 1em;
border-radius: 8px; border-radius: 8px;
border: none; border: none;
@ -186,7 +193,7 @@
padding: 0.6em; padding: 0.6em;
color: #fff; color: #fff;
cursor: pointer; cursor: pointer;
font-family: 'postgrotesk'; font-family: "PostGrotesk-Medium" !important;
font-size: 15px; font-size: 15px;
font-weight: normal; font-weight: normal;
} }
@ -227,7 +234,7 @@
.enable-github-account-title { .enable-github-account-title {
color: #42505c; color: #42505c;
font-family: 'postgrotesk-medium'; font-family: "PostGrotesk-Medium";
font-size: 25px; font-size: 25px;
font-weight: 500; font-weight: 500;
line-height: 1.36; line-height: 1.36;
@ -241,7 +248,7 @@
margin-left: 180px; margin-left: 180px;
margin-right: 180px; margin-right: 180px;
line-height: 1.39; line-height: 1.39;
font-family: 'postgrotesk'; font-family: "PostGrotesk-Book";
font-size: 18px; font-size: 18px;
text-align: center; text-align: center;
} }
@ -249,7 +256,7 @@
.repo-label { .repo-label {
color: #42505c; color: #42505c;
font-family: 'postgrotesk-medium'; font-family: "PostGrotesk-Medium";
font-size: 18px; font-size: 18px;
a { color: #42505c; } a { color: #42505c; }
} }
@ -267,7 +274,7 @@
display: inline-block; display: inline-block;
vertical-align: bottom; vertical-align: bottom;
padding: 0em 1em 0em; padding: 0em 1em 0em;
font-family: 'postgrotesk'; font-family: "PostGrotesk-Book";
font-size: 15px; font-size: 15px;
a { a {
padding: 1em; padding: 1em;
@ -317,7 +324,7 @@
.content { .content {
padding: .7em 0 1em; padding: .7em 0 1em;
font-family: 'postgrotesk'; font-family: "PostGrotesk-Book";
line-height: 2em; line-height: 2em;
min-width: 160px!important; min-width: 160px!important;
.header { .header {
@ -563,9 +570,13 @@
.ui { .ui {
font-family: 'postgrotesk'!important; font-family: "PostGrotesk-Book" !important;
font-weight: 400;
font-style: normal;
} }
body { body {
background-color: #eaecee; background-color: #eaecee;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
} }