btwedutech/hoppscotch
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 6 Wiki Activity

⚡ Better monospace font

Browse Source
This commit is contained in:
Liyas Thomas
2019-10-09 15:42:15 +05:30
parent 249af016a0
commit f0bff83fa0
4 changed files with 11 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
assets/css/fonts.scss
View File

@@ -1,2 +1,2 @@
// Poppins (Google Fonts) // Poppins (Google Fonts)
@import url("https://fonts.googleapis.com/css?family=Material+Icons|Poppins:400,600&display=swap"); @import url('https://fonts.googleapis.com/css?family=Material+Icons|Poppins:500,700|Roboto+Mono:400&display=swap');

15
assets/css/styles.scss
View File

@@ -34,13 +34,13 @@ a {
display: inline-flex; display: inline-flex;
color: inherit; color: inherit;
text-decoration: none; text-decoration: none;
font-weight: 600; font-weight: 700;
} }
body { body {
background-color: var(--bg-color); background-color: var(--bg-color);
color: var(--fg-color); color: var(--fg-color);
font-weight: 400; font-weight: 500;
font-size: 16px; font-size: 16px;
font-family: "Poppins", "Roboto", "Noto", sans-serif; font-family: "Poppins", "Roboto", "Noto", sans-serif;
line-height: 1.5; line-height: 1.5;
@@ -53,7 +53,7 @@ h1,
h2, h2,
h3 { h3 {
margin: 0; margin: 0;
font-weight: 600; font-weight: 700;
} }
h3.title { h3.title {
@@ -97,7 +97,7 @@ button {
border-radius: 20px; border-radius: 20px;
background-color: var(--ac-color); background-color: var(--ac-color);
color: var(--act-color); color: var(--act-color);
font-weight: 600; font-weight: 700;
font-size: 16px; font-size: 16px;
font-family: "Poppins", "Roboto", "Noto", sans-serif; font-family: "Poppins", "Roboto", "Noto", sans-serif;
transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
@@ -140,7 +140,7 @@ legend {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
color: var(--fg-color); color: var(--fg-color);
font-weight: 600; font-weight: 700;
cursor: pointer; cursor: pointer;
i { i {
@@ -199,7 +199,7 @@ pre {
background-color: var(--bg-dark-color); background-color: var(--bg-dark-color);
color: var(--fg-color); color: var(--fg-color);
font-size: 16px; font-size: 16px;
font-family: monospace; font-family: 'Roboto Mono', monospace;
transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
user-select: text; user-select: text;
width: calc(100% - 8px); width: calc(100% - 8px);
@@ -224,6 +224,7 @@ code {
.hljs-subst { .hljs-subst {
background-color: var(--bg-dark-color) !important; background-color: var(--bg-dark-color) !important;
color: var(--fg-color) !important; color: var(--fg-color) !important;
font-family: 'Roboto Mono', monospace;
} }
select, select,
@@ -377,7 +378,7 @@ fieldset#history {
position: absolute; position: absolute;
top: 12px; top: 12px;
right: 12px; right: 12px;
font-family: monospace, monospace; font-family: 'Roboto Mono', monospace;
} }
} }
} }

2
components/autocomplete.vue
View File

@@ -54,7 +54,7 @@
display: block; display: block;
padding: 8px 16px; padding: 8px 16px;
font-size: 18px; font-size: 18px;
font-family: monospace; font-family: 'Roboto Mono', monospace;
white-space: pre-wrap; white-space: pre-wrap;
&:last-child { &:last-child {

2
pages/websocket.vue
View File

@@ -62,7 +62,7 @@
&, &,
span { span {
font-size: 18px; font-size: 18px;
font-family: monospace; font-family: 'Roboto Mono', monospace;
} }
span { span {